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、改进了页面顶部菜单栏和底部 顶部菜单栏进行了改进,增加了多级菜单。底部增加了常用社交图标,统计信息。
鸣谢 主题来自于空白大佬的博客主题,还参考了以下博主的博客样式(排名分先后):
空白 veryjack 不得不感叹啊,AI时代真的好啊。你甚至都不要了解go语言,不要了解hugo博客的源代码背景,只需要把你想知道的问出来就行。平权时代到来,你准好了吗?