jianmim / diary

《标题日记》HeadlineDairy, text only, summary of the day | Vue3

" 标题日记 "

用一句话概括你的一天

线上地址

点击登录界面右下角的体验账号登录即可 https://kylebing.cn/diary

界面

PC

移动端

---

一、项目介绍

《标题日记》是一款自己开发已久的日记 web 应用

也是自己一直以来想实现的这么个工具，从 2017 年开始，时至今日也还在不断的完善中。 之前是没有开源的，后台心想还是开源给更多人用吧，可能有需要用的。

1. 初衷

一天记录一条记录，一目了然的查看近一个月以来经历的事。

2. 主要功能

• 可以同时记录当天的室内、室外温度、天气情况
• 可以指定日记的类别：生活、学习、工作、运动、游戏、电影、大事、周报、文章、账单
• 列表中同日的日记只显示一个日期时间。
• 可以根据关键字搜索日记标题或内容。
• 菜单中可以根据日期、类别对日记进行筛选。
• 支持日记分享功能
• 适应设备的暗黑模式，自动切换黑白两个样式
• 所有日记统计信息

  编辑日记时，将分享的开关打开，保存日记后，在日记详情页的工具栏中会多出一个分享按钮，点击会复制这篇日记的共享链接，这个链接是公开的，任何人都可以通过链接查看此篇日记。 比如当前这篇日记的分享链接是：https://kylebing.cn/diary/#/share/5587

3. 支持平台

支持 PC 和 移动端

4. 暗黑模式支持

当电脑或手机处于暗黑模式时，会自动切换到暗黑主题色上

5. 项目历史

我本来就是做前端的，2017 年的时候想学 iOS 了顺便做了个不太成熟的 iOS 版 app，当时日记是存储在 iCloud 中的，有了 app 的界面样子，但并不能很完美的使用。 后来过了很久，到 2019 年的时候感觉自己前端技术差不多了，就想把它实现了，最初使用的是 HTML + jQuery。 后来对 Vue 了解的足够多之后，就改成了 HTML + Vue。最初只有移动端的，后来添加了 PC 版界面。 再后来就大改了，改成了纯 Vue 模式，此时的PC版 和移动端还是在两个分支上的。 又过了好久，想把这两个版本整合到一起，最终还是想到办法把它实现了，也就是现在的版本。

二、安装使用

该项目包含两个部分：

前端：https://github.com/KyleBing/diary-vue vue

后台：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 ~ 作者离世的那一天