WordPress刚主题才写好，花费了我2个月时间，每天都在加新功能，写bug，测试，删bug，重来。
偶然间看到别人用Hugo类博客，我就又心动了。试试新的博客类型吧。
毕竟这博客，是真正写文章记录的地方，而不是折腾的地方。 其他类型的博客，要服务器，速度时慢时快，担心过期，还要花大量时间和金钱维护。
但是github+cloudflare就很好了，放在cloudflare上直接就能使用，速度能保证，而且github博客域名永久都存在，只要互联网存在，这个博客就存在。
还有不能放过cloudflare 这个互联网头号大善人。
技术
Hugo + GitHub Pages + Cloudflare CDN + Cloudflare R2
安装好hugo服务，新建github和cloudflare项目，配置好主题。就可以撰写文章了。
采用vscode管理github仓库，在vscode里写md文件，直接提交就能同步到github和cloudflare，就是发表文章的过程。
边写边开启本地服务器进行测试。
图片系统
目前hugo的图片系统还是比较简单的，尤其是多图和上传方面，进行了深度定制：
多图
增加了一个短代码文件，注册了单图，二图和三图的短代码。通过在文章中，插入下面格式的短代码就可实现3种图片的排列方式，大单图，二图，和三图。
- 短代码如下：
{{< wddimg
url="image1.jpg" alt="描述1" caption="说明1"
url2="image2.jpg" alt2="描述2" caption2="说明2"
url3="image3.jpg" alt3="描述3" caption3="说明3">>}}
- 显示效果如下：
图片储存
图片储存，主要是采用cloudflare r2作为图床存储图片，然后调用。
用到一个电脑端软件piclist，绑定cloudflare r2后，直接软件里上传图片，也可以复制图片到剪切板自动上传，获得markdown图片地址，插入即可。它支持上传和剪切板粘贴，还是挺好用的。
存储建议是webp格式。用脚本自动转换，后上传。
页面布局
- 1、增加了书籍和电影页面。
书籍和电影的信息，主要来自于豆瓣，其中的数据以json储存。
可以自己手动复制信息，按照josn格式添加和配置，也可以自己写python脚本自动获取保持。其中豆瓣地址的封面图片采用了weserv.nl服务器作为中转代理。
首页优先展示展示有书评的书籍或者电影（蓝V认证标识），还会随机选取的在看、想看和已看的书籍或者电影。
- 2、对中转页面进行了升级。 在主题配置开关里设置里是否开启。增加了信任域名配置文件，可以把常见的域名，自己经过验证的友情链接加入进去，就可以不用每次频繁跳转了。
[
{
"title": "我能否相信自己",
"image": "https://images.weserv.nl/?url=https://img2.doubanio.com/view/subject/l/public/s2583941.jpg",
"link": "https://book.douban.com/subject/2052760/",
"rating": 6,
"date": "2024-01-15",
"comment": "本来想，学学怎么写作的。但是余华老师基本上写的是读书感受。想想也是写作只要动笔写就行，在写的过程中自动进化。没有数量的堆积不会有质量的提升。",
"status": "在读"
}
]
- 3、增加了作品集页面
将自己想展示的作品，单独放一个页面。通过配置iswork字段进行区分，调用。在首页建立专门的展示模块。再实现了轮播效果。
- 4、增加相册页面
相册采用了Meow Gallery图片墙插件。数据同样是通过json保存和读取。增加了多种排列布局样式。增加了客户端随机布局变化算法。
- 5、改进了页面顶部菜单栏和底部
顶部菜单栏进行了改进，增加了多级菜单。底部增加了常用社交图标，统计信息。
鸣谢
主题来自于空白大佬的博客主题，还参考了以下博主的博客样式（排名分先后）：
不得不感叹啊，AI时代真的好啊。你甚至都不要了解go语言，不要了解hugo博客的源代码背景，只需要把你想知道的问出来就行。平权时代到来,你准好了吗？