主界面
是的,又搭怪东西了,这次上线的是日记
搭这玩意完全是因为昨晚上准备睡觉前突发奇想,我要不要记一下每天的生活和杂事,省得哪天突然会忘记什么重要的事情。但是日记这东西属于是比较隐私的东西,肯定不能直接往博客里扔,一是时间一长不打理后台会变得乱糟糟的,另一方面我不可能每次都要给文章上密码,就为了写几个字,那样太费劲了。我也曾想过去应用商店找一些APP,但很多都只提供云端备份服务,没办法本地导出,这意味着我需要注册一个账号,提供邮箱甚至手机号等信息,然后还要把我那些屁话上传,反正我是有点精神洁癖,不希望我比较隐私的数据不被自己管控。当然,最重要的一点是鸿蒙Next用户没那么多选择。所以,我的需求就成了:

  • 多平台。
  • 数据不依赖云端,要么就是能自己管控。

按这个要求最佳的选择自然就是使用浏览器的开源程序了,服务直接放在自己的服务器上自己也放心,而且浏览器就不会有什么客户端的限制了,也非常符合我能用网页绝对不多安装个程序的原则。
一开始我找到的是侠客日记,看上去功能很强大,但是去看了下源码居然是用.NET的,直接就放弃了,最后选择的是标题日记。前端vue3+ts+vite,后端nodejs,运行起来占用非常小,非常适合我这种买不起大鸡的小站长:

(base) root@*:~# ps aux | grep npm
root     2057203  0.0  1.7 720260 64948 pts/5    Sl+  16:53   0:00 npm run serve
root     2068496  0.0  0.0   6240   648 pts/0    S+   21:38   0:00 grep npm

搭建很简单,前后端都有很详细的文档,如果有需要建议直接去项目下面一步一步跟着做。
功能基本上能满足我的要求:

日记撰写

默认提供了很多分类和时间天气等信息的记录,而且支持MD格式写作。
选项
虽然不支持直接上传图片,但是借助第三方图床工具也能实现图片显示。
支持MD和HTML格式显示效果

附属功能

附属功能目前包含四个

  • 银行卡信息记录功能
  • 记账单
  • 待办事项记录
  • 经期记录

第一个功能先不说了,谁会把这东西放到网上啊...姑且也写一下用法,就直接生成一个名为我的银行卡列表的文章,内容按照下面的格式记录,就能得到银行卡信息界面:

银行:民生银行
卡号:6*** **** **** ****
类别:储蓄卡
开户行:山东济南办卡
刷卡次数:5


银行:民生银行
卡号:6*** **** **** ****
类别:信用卡
开户行:山东济南办卡
额度:20000
验证码:123/4
到期日:2029-08-10

银行卡

第二个倒是挺实用,直接在账单分类下按这样的格式记录信息,就能形成日账单记录:

买菜 -330
吃饭 -120
敲诈勒索 +200

账单信息汇总
第三个功能也差不多,类似这样的格式:

- 阿巴阿巴
= 买大疆 Mavic Classic 3 #¥9000
= 坐飞机

即可获得这样的效果:
待办事项

第四个,经期记录,我看了测试站,貌似是在备忘下生成一个经期记录的标题,内容是:

2024-12-20, 2024-12-26
2024-11-22, 2024-11-28

即可在日历界面生成不安全的日子
经期记录

其他还有一些小功能,比如:

  1. 配置好所在城市后会自动填写当天的天气(根据和风天气API获取)
  2. 前台显示、隐藏文章内容
  3. 支持csv、json、txt、sql格式数据导出和账户注销
  4. 单篇日记内容分享

当然,这半天的使用我也发现了一些小问题,比如:

  1. 后台总会有奇奇怪怪的报错,这个后续再研究
  2. 支持上传头像,但是只支持七牛云,而七牛云不备案域名是没办法开启HTTPS的,而且临时域名会在30天后过期,对于常年全站HTTPS的站长真的折磨。
最后修改:2024 年 12 月 30 日
如果觉得我的文章对你有用,请随意赞赏