人工 Github 搜索 “Hugo theme” 按 stars 排序,挑出以下十款。
Hugo 图片懒加载
起因,想给文章插入的 img 图片添加 loading='lazy'
,果然有爱折腾的,看(这里),官方说明 #render-hook-templates,Hugo v0.62+
简单说能对md内的链接(link)和图像(image)自定义渲染,比如实现以上需求,只需在主题新建 layouts/_default/_markup/render-image.html
Valine 懒加载
博客都已静态,想再提速,要么换国内云服,要么优化一个个 JS 加载。立竿见影办法是使用 CDN 来加载,或者前端延迟加载,甚者后端判断按需加载。
在需要加载的一串 JS 里,找来找去,Valine 这货最强大 💪
47.5KB --> https://fastly.jsdelivr.net/npm/leancloud-storage/dist/av-min.js
75KB --> https://fastly.jsdelivr.net/npm/[email protected]/dist/Valine.min.js
6.4KB --> https://js.fundebug.cn/fundebug.1.9.0.min.js
撸起袖子,月干!
RSSHub 部署笔记
🍰 万物皆可 RSS。
内容来源:https://docs.rsshub.app/install/#an-zhuang-2
$ docker pull diygod/rsshub
$ docker run -d --name rsshub -p 1200:1200 diygod/rsshub
用宝塔面板的话,放行 1200 端口。浏览器打开 http://IP:1200/ ,看到成功页面。✅
Hugo + Github Actions 实现自动化部署
不折腾点东西总觉得浑浑噩噩,折腾点东西搞得脑袋晕晕乎乎!
折腾需求
为更新 https://edui.fun/ 导航站能随手些,造了 Gridea Theme WebStack 。每次得源文件切换加载,但只为加几行代码,等等等;
折腾一天,已实现直接在 GitHub master
添加代码,Github Actions
自动构建 Hugo
静态文件到 gh-pages
分支,外加同步 webhook 到自己的服务器。
再也不用 git 来 git 去!
文章内显示豆瓣条目(LocalStorage 缓存版)
使用 jsDelivr 加速 Gridea
如果有博客托管在 GitHub 的话,加载速度着实感人,使用 jsDelivr 的 CDN 大法能有效改善,操作也简单,把原网址替换一下就能搞定!
https://lmm214.github.io/immmmm/media/js/jquery.min.js
改为:
https://fastly.jsdelivr.net/gh/lmm214/immmmm/media/js/jquery.min.js
其中 lmm214
和 immmmm
分别为 GitHub 的用户名和仓库名,之后的 /media/js/jquery.min.js
为静态文件地址。