惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

D
DataBreaches.Net
GbyAI
GbyAI
aimingoo的专栏
aimingoo的专栏
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
月光博客
月光博客
大猫的无限游戏
大猫的无限游戏
M
MIT News - Artificial intelligence
腾讯CDC
博客园 - Franky
Engineering at Meta
Engineering at Meta
C
Check Point Blog
T
The Blog of Author Tim Ferriss
有赞技术团队
有赞技术团队
Microsoft Azure Blog
Microsoft Azure Blog
MyScale Blog
MyScale Blog
I
InfoQ
Blog — PlanetScale
Blog — PlanetScale
P
Proofpoint News Feed
The GitHub Blog
The GitHub Blog
N
Netflix TechBlog - Medium
Last Week in AI
Last Week in AI
S
SegmentFault 最新的问题
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
WordPress大学
WordPress大学

渚碧

读书小结十九 静待植物生长 凭感觉炒股 认识身边的植物 读书小结十八 养花草 读书小结十七 春节杂记 记录已终结的无偿献血经历 戏习檄 海瑞上贺表 父母之爱子 手机号被停止服务 借助AI将博客从Jekyll迁移至Hugo Duolingo学韩语 年度报告 Root旧手机(一加Ace竞速版) 读书小结十六
Hugo博客更新笔记:Shortcode、RSS与FOUC
Juby · 2025-12-28 · via 渚碧

行内Shortcode去除空格

初衷是不再在博客的内文插入html标签,从而关闭Hugo的unsafe模式。一番整理后,只剩一处<ruby>标签不舍得删,虽不知何时会再用到,还是为它写了一个简单的shortcode。Hugo的shortcode是块元素,插入行内时会产生空格,{{- -}}的写法也消除不掉。我是强迫症,非要苛求这一个像素的完美,然而ChatGPT提供的诸多方法无一生效。久不用搜索引擎,一搜就找到了解法,AI竟然不知,也是奇怪。

去掉所有空格的方法很简单,在末尾加{{- "" -}}即可,示例如下:

<ruby>{{ .Get 0 }}<rt>{{ .Get 1 }}</rt></ruby>{{- "" -}}

这是另一个ChatGPT未能帮我解决的问题,它提供的方法要么不能防止html标签转义,要么会导致XML校验报错。正确的写法就在Hugo的官方示例中,AI竟然也没学到,令人诧异。

官方写法如下,如果不这么写,Inoreader阅读器将无法正确排版。

{{ .Content | transform.XMLEscape | safeHTML }}

页面切换闪屏

给博客新加了一个暗色主题后,切换页面开始出现闪屏现象,本地运行没有问题,发布之后却有问题。试了AI提供的各种方法均无效果,准备放弃之际,无意中看到植入博客的rocket-loader.min.js脚本,罪魁祸首原来是它,导致资源的加载顺序有问题从而闪屏。这是域名迁移到Cloudflare后打开的功能,当时并未细查有何用处,而AI也没有想到这一点,似乎不太应该。