椒盐豆豉

我的博客都写了些什么

July 26, 2024
不行就分
blog | 复盘 | 问卷

前些天在土木坛子看到把博客文章标题扔进 AI 做总结的点子感觉不错,想效仿一下。虽然说这个博客只有近几年写的内容,远不能代表我 20 年的博客史,不过遗失在 blogcn、网易、新浪、校内/人人、知乎、豆瓣的一些旧文从少年不知愁滋味的矫揉造作到半瓶子晃荡的大放厥词也不少,丢了真是一点都不惋惜反倒庆幸呢。现在这个博客建于 2020 年从豆瓣出逃之时,补档了一些近些年写过的文章,算是前额叶发育完全后比较有代表的思绪了。

...


独立博客上我不喜欢的“功能”

July 8, 2024
重启电脑
blog | random

前阵子看到一篇很棒的文章「Microfeatures I Love in Blogs and Personal Websites」,介绍了作者喜欢的一些独立博客和个人网站小功能,如脚注、可跳转目录、页面进度、可链接小标题、相关/系列文章、对话、有原地址的代码块、有链接的代码块、外链标识、外链不同标识、链接预览、RSS、外链(基本相当于友链)等等。虽然不是全都喜欢和适用,不过确实提醒了我 appreciate 一下平时在其它站点见到但 take for granted 的这些贴心小功能。

好用的功能容易被忽视,但难用的“feature”却是非常扎眼,很多时候都差点因为一些蹩脚功能取关博客。于是突发奇想来 brain dump 一下我不喜欢的独立博客功能。当然,这些好恶非常个人,完全没有说教这些功能“对不对“和别人该不该用的意思,不同博客有不同偏好和应用场景也是独立博客珍贵的原因之一嘛乁། ˵ ◕ – ◕ ˵ །ㄏ

...


给 Hugo 博客的代码区块更换主题

June 17, 2024
重启电脑
tutorial | hugo | code | blog

前阵子写「博客装修小记之三」)的时候突然意识到 Hugo 默认的代码高亮区块主题 monokai 在我博客的浅色主题里下显得很突兀,遂想换成个浅色的。对 syntax highlighting 一无所知的我本来以为在模版里改几行 css 就好了,没想到稍微看了一下发现因为 hugo 和所用 highlighter 文档不怎么样,埋得还挺深,颇找了一番才改好,顺手写一下给大家省省时间吧。

...


静态博客一年啦!Hugo 装修小记之三

May 31, 2024
重启电脑
tutorial | hugo | code | blog | 复盘

不知不觉从 Wordpress 迁到 Hugo 竟然已经一年了,本非建站博主竟然装修笔记也已经写了第三篇([一], [二])了,果然静态博客前端代码好改就会忍不住开始折腾,想要的功能发现没有就会随时加上去,又积攒了写各种小修改,趁着静态博客一周年一起发了。会首先像半年时候一样总结下半年来的新内容,想看装修笔记的可以直接前往装修环节

...


如何给 Hugo 博客添加热力图

January 4, 2024
重启电脑
code | hugo | blog | project | tutorial

之前一直想给博客添加一个 GitHub/豆瓣风格的热力图。纯靠 GitHub commit history 的话因为有工作和 side project 的 commit,以及一篇文章可能会有多个 commit 改错字,并不能很好地体现博客实际的产量。但由于对用代码画图以及 hugo 语法不熟悉以及我太懒Hugo 文档写得太烂,外加搜了几分钟没找到现成好用的插件,就一直拖延掉了。这次终于着手改出来一个跟自己想要版本很接近的东西,希望对想加类似热力图的博主有帮助。(静态博客果然会不可避免地走上装修博主的道路吗……)

...


静态博客半年记

December 1, 2023
重启电脑 | 关我屁事
blog | hugo | 复盘

半年前,我把从快 20 年前开始用的 Wordpress blog 迁移到了 github pages 上开始用 hugo 做静态博客。从小学开始写博客在 blogcn 上入了坑,后来三年前新建现在这个博客时候也就按习惯继续用了,其实建站时候未做太多横向对比。三年用下来发现 20 年前用托管站时候不曾想过,现在自建站要处理的问题良多,遂动了迁移静态博客的念头。外加本来就是程序员,技术门槛几乎不存在,也用不到除了博客和评论外的其它 CMS 或电商功能,用 Wordpress + VPS 花钱找罪受,遂在日本出行最后几天体验 digital nomad 生活的时候一鼓作气把博客给迁移了。

现在刚好半年,回头看可是说这大概是我写博客史上最庆幸和后悔没早做的决定,所以迫不及待没等到一年就来写这个总结。本文就来回顾一下这半年中平台变化给我的博客本身和写博客习惯带来的改变,以及半年来我的博客都写了些什么。

...


Add random post picker to Hugo without json index

September 20, 2023
重启电脑 | English
code | project | tutorial | hugo | blog

I want to add a random article picker to my blog as another way to discover past posts, aside from categories and tags on the right side and making it easier on mobile.

I couldn’t find a simple enough solution that suits my needs after brief Googling. The options I found were either to randomize at build time, which means the article doesn’t change with each click or refresh, or to generate a JSON index, which I had trouble with probably because my lack of understanding of Hugo.

I thought such a simple feature should be achievable with just JS + HTML, so I decided to write my own. Performance shouldn’t be an issue for a blog with a few tens to thousands of articles. Here’s a solution I came up with for reference.

...


给 Hugo 博客添加随机文章入口

September 20, 2023
重启电脑
code | project | tutorial | hugo | blog

我想给自己的博客加一个随机文章入口,作为页面右边的分类和 tag 之外的另一个发掘文章入口,移动端也更容易。在网上一搜,Google 第一页没有看到太显眼的简单适合我博客的答案:要么是最简单的 build time randomize,不能每次点击/刷新都出新文章;要么要生成 json 索引,对 hugo 语言和 config 不是很熟悉的我折腾了一下没搞出来,遂放弃。

想说这么简单个功能不至于不能纯拿 JS + html 写吧,博客少则几十多则几千的随机数性能应该也不成问题,随自己折腾出来个方案供大家参考。

...