主题

博客运营

博客更新:头部及分享图显示头像等

自从上次斥资 1283 日元定制了一个新头像之后,总想着既然有了新的头像就得用起来,这不陆陆续续把一些账号的头像都换了个遍。这还不够,这周又花了点时间给博客的头部和分享图前也加上这个新头像。在博客头部显示头像旧博客头部新博客头部新旧博客头部...
博客运营

博客更新:增加 hugo-notice 功能

自从上次重写博客的样式以来,一直有一些不痛不痒的坑没有填完,其中有一个就是显示提示、警告框之类的功能。老实说我不太清楚怎么用中文准确表达这个功能,英文方面好像也乱乱的,比如在 GitHub 的 Markdown 语法里叫 Alerts,在 ...
博客运营

博客更新:增加分享按钮

上次在2023 年博客回顾中提到准备给博客文章加上分享按钮,这一次趁着新年假期还没结束,尝试着做了一下,大概花了一下午时间。本文就把这个过程记录一下。分享到哪?首先摆在面前的一个问题是,我希望把文章都分享到哪?稍微参考了一下一些平时浏览的网...
杂文随笔

Be Water, My Friend

有的老读者可能注意到我的博客的样式似乎发生了一些变化。没错,自上次重写主题以来,我的博客差不多有一年半没有太大样式上的变化了。如果有读者有读过我上次那篇折腾博客主题的文章的话,应该知道我的主题主要基于一套 classless 的 CSS 样...
博客运营

给博客加上认证

最近读到这篇博客 Verified Personal Website - Jim Nielsen’s Blog 感觉很有意思。于是我也糊弄上了这么一个认证的徽章,不需任何费用,只需几行 CSS。效果如下 👇被认证的我的博客
博客运营

使用 Markdown Render Hooks 要注意

在制作 Hugo 主题的过程中,免不了要和 Markdown 打交道,尤其是希望在 Markdown 转 HTML 的过程中想要额外做点儿什么的时候。比如常见的使用场景:区分生成的链接是内部链接还是外部链接,如果是外部链接希望加上 targ...
博客运营

用 Hugo 的 shortcodes 做 GitHub 卡片

最近一段时间有点儿沉迷做博客主题,渐渐地已经折腾起小挂件起来了,不觉得和十多年前的 QZone 时代很像?这次主要想解决的问题是如何在文章里插入一个 GitHub 仓库的卡片(可能也叫挂件 Widget),就像下面这样。本文就来介绍如何花较...
博客运营

动手写一个 Hugo 博客主题(AMP篇)

自从上周写了一篇关于新博客主题的文章之后,这一周又陆续地改进了一些小地方,同时增加了一个新的主要功能,那就是给博客文章页面加上了 AMP 支持。这篇文章就主要分享一下给 Hugo 主题适配 AMP 需要做哪些工作。什么是 AMPAMP 是 ...
博客运营

动手写一个 Hugo 博客主题(性能篇)

距离上次动手写 Hugo 主题已经过去近 9 个月了。之间虽然也没有写多少文章,却又动起了折腾主题的念头。实际上比起上次的初次挑战写主题,这次是在原有的基础上做修改,显然省了不少力气,说是一次大扫除也不为过,于是我把标题美其名曰叫作「性能篇...
博客运营

动手写一个 Hugo 博客主题

20220520 更新:本文所写的主题已由后继版本取代,对本文描述的主题感兴趣的朋友可以点击下面链接查看截图存档。桌面端移动端在读这篇文章的朋友可能已经注意到本博客的主题换了个样,那是因为过去的两个星期我自己写了套 Hugo 的主题。倒也不...