前端编辑 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

喜大普奔,市官宣 “全面恢复生产生活秩序” !自家小区已解禁,商场全部正常营业,餐饮也全部支持堂食。真是 “忽如一夜春风来,千树万树梨花开。”

Hugo Theme Webstack

效果预览:https://edui.fun/

仓库下载:https://github.com/lmm214/hugo-theme-webstack

Valine 懒加载

博客都已静态,想再提速,要么换国内云服,要么优化一个个 JS 加载。立竿见影办法是使用 CDN 来加载,或者前端延迟加载,甚者后端判断按需加载。

在需要加载的一串 JS 里,找来找去,Valine 这货最强大 💪

47.5KB --> https://cdn.jsdelivr.net/npm/leancloud-storage/dist/av-min.js
75KB   --> https://cdn.jsdelivr.net/npm/valine@1.3.10/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 缓存版)

https://movie.douban.com/subject/30206389/

douban-ls

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

关于

安心唠唠嗑,聊聊家常~

我的朋友

博客程序

Hugo:https://gohugo.io/

Gridea:https://gridea.dev/

主题分享

Gridea 主题:「Motify」「Webstack」「Breek」「Puti」

《医学大神》读中记

https://book.douban.com/subject/34935089/

虽是医学人物传记,但更多的是科学精神!好书增长常识,忍不住记一笔。

🌝

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://cdn.jsdelivr.net/gh/lmm214/immmmm/media/js/jquery.min.js

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

复学遥遥无期,总得找点事打发时间,花了一下午从 Bitcron 迁移到 Gridea,主要是日志meta匹配和主题转制,目前感觉甚好!🎧

春水初生,春林初盛。春风十里,不如你。 ——《春》冯唐

庆生

庆生

生,活着,当下异常值得庆祝!祝,自己生日快乐!祝,家人平安健康!

今日诗词 & Valine

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

今日诗词 and Valine

Valine 文章列表显示评论数和阅读数

回头一看 Valine 已使用半年,除早前国内版 Leancloud 出现宕机,整体还算稳。

闲着寻思到 Valine 能否在首页文章列表中显示对应的「评论数」和「阅读数」,查阅了文档(只有阅读数代码)和issue,好家伙,竟然 v1.1.8-beta2 已实现!

文章内显示豆瓣条目

小众豆瓣已成刚需,电影、图书看完都会标记下,写日志时常会提到,老想着在文章内「优雅」地展示,官方 API 已废,幸好还有给力的 @mufeng 兄,以下功能就使用其提供的轮子。

效果如下

https://book.douban.com/subject/33408247/

https://movie.douban.com/subject/10432911/