---

标题日记

是一个纯文本 web 日记应用，专注记录生活琐事。

实际项目

http://kylebing.cn/diary

github

• 前端：https://github.com/KyleBing/diary-vue vue3、ts、vite
• 后台：https://github.com/KyleBing/portal nodejs

一、界面

二、日记的使用

1. 推荐使用方式

标题：20 字以内，概括
内容：事件详情

记录一天中你感觉值得记录的事，生活、学习、工作、运动 等等方面。
记下此刻，记下你怕忘的内容，日后好查找。

2. 主要特性

• 纯文本为主
• 支持 Markdown 不提供图片存储服务，图床自行解决
• 关键字搜索 标题、内容
• 日期、类别筛选日记
• 自动设置当天天气、室外环境温度 需要资料里提前设置好地址
• 分享日记
• 适配暗黑模式
• 日记统计：类别统计、账单统计、温湿度变化曲线
• 日记完整导出 json, txt, json, csv
• 账单

3. 适配电脑、手机

浏览器访问，电脑、移动端 都能完美显示。
iPhone Safari 中选择 添加到主屏幕 会添加一个类似 app 的入口到桌面。

三、项目历程

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

四、项目周期

2017-09-27 ~ 现在

这是自己最喜欢、使用频率最高的项目，所以只要我还健在，这个项目就会被一直维护下去。

版本更新记录： https://github.com/KyleBing/diary/discussions/3