前段时间大发哥TG频道说要发一个用CFWorker实现文章点赞和浏览数统计的功能,很快啊,星期二教程就出来了: Hugo Cloudflare Worker 。
整体方案是使用CfWorker 实现api请求,再用D1做数据持久化,效果还是很赞的。
本来我是想照着教程完全一步步来的,但是想到我前文 将博主 PC 上使用的应用信息实时显示到博客 在折腾时搭了一个API服务,就不想再去用CFWorker了,打算直接在自己服务器上实现这个功能,顺便再实践一下用Express搭配数据库工具。
所以打算稍改一下,结构如下:
* 前端照搬
* API结构实现部分照搬
* 数据库方面结构、读写操作照搬
* 数据库持久化用 LokiJS
前端
前端我这里用的Alpinejs做驱动,前文 用 Alpinejs 完成主题切换功能 介绍过这个库,在不使用Vue等工具下普通HTML的一个替代方案,好用。
* 在模板中渲染的时候设置文章 ID (这里我因为用的Ghost做数据源,所以自带一个MD5的ID,用一个固定唯一值就好)
* 设置 x-data 为后面js中初始化的 post_