Hugo 添加面包屑导航

黑+白,疗效好

「不问明天,悠然浪费」,多少年前看到的一句话,一直作为博客的 Slogan ,如同“谶语”般的存在! 😷

说回正题,折腾流程如下:

前端编辑 Hugo 文章

目前发文是直接在 Github 前端进行,Hugo 的构建交给 Github Actions 实现自动化部署。因此,产生个需求,文章里改个错别字什么的,能不能一键直达 GIthub 编辑页面?

# 当面页面链接
https://immmmm.com/hugo-themes/
# Github 编辑页面链接
https://github.com/lmm214/immmmm/edit/master/content/posts/coding/hugo-themes.md

Hugo 主题推荐

人工 Github 搜索 “Hugo theme” 按 stars 排序,挑出以下十款。

Hugo 图片懒加载

起因,想给文章插入的 img 图片添加 loading='lazy',果然有爱折腾的,看(这里),官方说明 #render-hook-templates,Hugo v0.62+

简单说能对md内的链接(link)和图像(image)自定义渲染,比如实现以上需求,只需在主题新建 layouts/_default/_markup/render-image.html

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

7.5
紧接第二季的战争起义,德洛莉丝(Dolores)与新洛杉矶的凯勒(Caleb)建立了联系,并理解了接待员如何生存在这个真正的世界。 与此同时,梅芙(Maeve)在另一个以第二次世界大战为主题的提洛斯公园(Delos park)中找回了自我意识,该公园位于法西斯意大利...
tv

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 为静态文件地址。