博客运营

博客运营

自动使用最新版 Hugo 生成博客

TL;DR简单来说,就是三步:定时解析 Hugo 在 GitHub 上的 Release 记录一旦有新版本就自动更新 Cloudflare Pages 上的环境变量然后重新部署本博客Huginn 上生成的流程图背景自从几年前开始使用 Arc...
博客运营

使用 Markdown Render Hooks 要注意

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

用 Hugo 的 shortcodes 做 GitHub 卡片

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

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

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

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

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

给 Hugo 博客文章自动生成分享图

在此之前,如果把本站的文章分享到社交网站或是会抓取内容的聊天软件,通常会显示文章的标题和简介,但多少感觉有点儿光秃秃的,有点儿单调。如果可以加上一张分享图,应该能显得美观一些,但是为此专门找一张关系不大的配图,又觉得很麻烦,而且感觉会对于本...
博客运营

动手写一个 Hugo 博客主题

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

用 Hugo 生成 README.md

缘起相信不少人跟我一样使用 GitHub 来托管博客的源文件,用 Hugo 来生成静态的 HTML 页面,然后用 GitHub Pages 也好其他什么服务也好来展示自己的博客,最终的成品就像你现在看到的这个网址是 blog.gimo.me...