折腾博客的二三事
在 Hugo 博客上使用 PlantUML
· ☕ 3 分钟
PlantUML 是一个很好用的开源工具,可以通过简单的文字描述生成时序图,用例图,类图,活动图,组件图,状态图,对象图,部署图 … 等常用 UML 图。 我写博客的时候

防止剧透的隐藏文字
· ☕ 1 分钟
这篇文章与上一篇一样,同样是重构 LeaveIt 的成果之一 为什么要分成两篇文章呢?当然是为了多水一篇文章啊! Start 「隐藏文字」的原理很简单:将文字颜色和背景颜

利用 Hugo Shortcodes 插入 B 站视频
· ☕ 2 分钟
本站目前使用的主题是 zzo 由于 LeaveIt 的作者弃坑的缘故,使得我们提的 PR 迟迟不能并入到 master 中,并且在 fork 的仓库下开发又很麻烦。加上这个主题已经被我魔改得连亲

为 LeaveIt 主题添加阅读进度条
· ☕ 2 分钟
本站目前使用的主题是 zzo 前面写了篇文章中提到了如何给 Hexo 主题添加阅读进度条,如今将博客换到 Hugo + LeaveIt 后一直想把这个特性移植过来,但因为博主太懒了,这

使用 ImgBot 无损压缩博客中的图片
· ☕ 3 分钟
众所周知,GitHub 是最好的博客平台(误 像我一样的很多人都喜欢用 GitHub Pages 来部署自己的博客。而博客中难免会有很多的图片文件,而图片往往比纯字符组

为博客添加免费的 CDN (Cloudflare)
· ☕ 3 分钟
正如前面的几篇文章提到的那样,本博客是部署到 GitHub Pages 上的。 GitHub Pages 不仅不花钱,而且还有免费的证书拿,可以说是相当划算的。但有个问题就是 GitHub 的服务器都部

为博客添加独立域名
· ☕ 4 分钟
关于如何给部署在 GitHub Pages 上的博客添加独立域名,上网有很多教程。但是他们要么方法已经过时了,要么就没有说清楚原理,弄得我走了很多弯路。 今天我就来写

为 Hugo 博客添加字数统计
· ☕ 2 分钟
作为一个孤芳自赏的 Bloger,每一篇文章都像是自己的孩子一样,孩子的“体重”如何是每一个父母都关注的问题。 今天就简单的教教大家如何给自己的

使用 Travis CI 自动部署 Hugo 博客
· ☕ 4 分钟
通过 Travis CI 来部署 Hugo 或者 Hexo 博客可能在配置的时候会麻烦一点,但配置好后确实是方便了不少。特别是对于 Hugo 这种没有部署插件的静态网站生成器,只能手动部署

Leavelt 主题优化
· ☕ 5 分钟
本站目前使用的主题是 zzo 目前本博客使用的 Hugo 主题是:Leavelt 正如你说看到的那样,是一款简约大气的的主题。但再使用的过程中我也发现了一些可以

为 Hugo 添加谈笑风生区 (Gitalk)
· ☕ 3 分钟
Gitalk 可能存在安全问题, 建议使用 utteranc 作为代替。 Hugo 是一个强大的静态网页生成器,使用 go 开发。速度贼快,还有 “时时预览” 等特性。不过 Hugo 还比较年轻,没有像

使用 Hugo + GitHub Pages 搭建个人博客
· ☕ 6 分钟
正如你所看到的,本博客换了一个主题。但你们看不到的是,本博客将静态页面生成引擎换成了 Hugo Hugo 和 Hexo 一样,是一种通用的网站框架。严格来说,这类应用应

在你的文章中添加 B站的视频
在你的文章中添加 B站的视频
· ☕ 1 分钟
参考 https://github.com/Z4Tech/hexo-tag-bilibili 准备工作 Node.js 这是一个 Hexo插件,所以通过 npm 安装。 正文 安装 hexo-tag-bilibili 这就是那个神奇的插件,名叫 hexo-tag-bilibili。 我们通过 npm 进行