Hugo 主题推荐

人工 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

撸起袖子,月干!

Hello Hugo

哈喽,🐯🐶!(开机声~)

hugo-2

主站顺利切换到 Hugo ,直接在 Github Web 端码字,或者本地码好拖进去,自动更新,自动部署,舒心!

就待它的 Github APP 端支持编辑代码咯!

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 缓存版)

8.2
2020 / 美国 / 剧情 科幻 悬疑 西部 / 乔纳森·诺兰 詹妮弗·盖辛格 理查德·J·刘易斯 保罗·卡梅隆 安娜·福斯特 阿曼达·马尔萨利斯 海伦·谢费 / 埃文·蕾切尔·伍德 坦迪·牛顿

douban-ls

具体使用说明同:https://immmmm.com/post-show-douban-item/

Gridea Theme Motify

自用 N 年主题转制 Gridea 完成!

Motify 20.03.13

仓库下载:https://github.com/lmm214/gridea-theme-motify

使用 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

其中 lmm214immmmm 分别为 GitHub 的用户名和仓库名,之后的 /media/js/jquery.min.js 为静态文件地址。

今日诗词 & Valine

今日诗词:一个可以随机返回一句古诗词名句的接口,宅到用来做 Valine 的 placeholder 显示内容……

今日诗词 and Valine