用一句话概括你的一天
点击登录界面右下角的体验账号登录即可 https://kylebing.cn/diary
PC
移动端
《标题日记》是一款自己开发已久的日记 web 应用
也是自己一直以来想实现的这么个工具,从 2017 年开始,时至今日也还在不断的完善中。 之前是没有开源的,后台心想还是开源给更多人用吧,可能有需要用的。
一天记录一条记录,一目了然的查看近一个月以来经历的事。
- 可以同时记录当天的室内、室外温度、天气情况
- 可以指定日记的类别:生活、学习、工作、运动、游戏、电影、大事、周报、文章、账单
- 列表中同日的日记只显示一个日期时间。
- 可以根据关键字搜索日记标题或内容。
- 菜单中可以根据日期、类别对日记进行筛选。
- 支持日记分享功能
- 适应设备的暗黑模式,自动切换黑白两个样式
- 所有日记统计信息
编辑日记时,将分享的开关打开,保存日记后,在日记详情页的工具栏中会多出一个分享按钮,点击会复制这篇日记的共享链接,这个链接是公开的,任何人都可以通过链接查看此篇日记。 比如当前这篇日记的分享链接是:https://kylebing.cn/diary/#/share/5587
支持 PC 和 移动端
当电脑或手机处于暗黑模式时,会自动切换到暗黑主题色上
我本来就是做前端的,2017 年的时候想学 iOS 了顺便做了个不太成熟的 iOS 版 app,当时日记是存储在 iCloud 中的,有了 app 的界面样子,但并不能很完美的使用。
后来过了很久,到 2019 年的时候感觉自己前端技术差不多了,就想把它实现了,最初使用的是 HTML
+ jQuery
。
后来对 Vue
了解的足够多之后,就改成了 HTML
+ Vue
。最初只有移动端的,后来添加了 PC 版界面。
再后来就大改了,改成了纯 Vue 模式,此时的PC版 和移动端还是在两个分支上的。
又过了好久,想把这两个版本整合到一起,最终还是想到办法把它实现了,也就是现在的版本。
该项目包含两个部分:
后台:https://github.com/KyleBing/diary-portal
nodejs
配置存储:
所有配置信息都保存在 LocalStorage
中
DiaryConfig
: 用户的配置信息(类别筛选,日期筛选,关键字)DiaryAuthorization
: 用户信息(用户名,token,uid)
vue3
vue-router
vuex
axios
qs
clipboard
@vuepic/vue-datepicker
moment
感谢 JetBrains 提供的工具支持
2017-09-27
~ 2018.08.14
~ 作者离世的那一天