用 Hugo + Lotus Docs 重构我的个人笔记网站
我之前搭建的 个人笔记 使用的是 HonKit 的默认主题,界面难免有些简陋。某次在 GitHub 冲浪时偶然发现了这个主题:Lotus Docs,第一眼就被它吸引住了——颜值非常高,而且基于 Hugo 构建,demo 页面直接让我心动: 于是,我决定对笔记站进行一次重构。 安装 Hugo + Golang + Lotus Docs 首先使用 winget 安装 Hugo: winget install Hugo.Hugo.Extended 然后创建一个新站点: hugo new site mysite cd mysite 这将在 mysite 文件夹中生成 Hugo 项目的基础目录结构。 根据 GitHub 上的 README,这个主题依赖 Golang,因此需要先从 Golang 官网 下载并安装 Go。 此外,Lotus Docs 使用了 Hugo 的 Bootstrap 模块,需要将项目初始化为 Hugo 模块: hugo mod init github.com/linmoh/note 然后在项目根目录执行以下命令以添加主题: git init git submodule add https://github.com/colinwilson/lotusdocs themes/lotusdocs 接着,替换配置文件为以下内容(config.toml): baseURL = 'http://example.org/' languageCode = 'en-us' title = 'Mohan 的笔记本' contentDir = 'content' enableEmoji = true [module] [[module.imports]] path = "github.com/colinwilson/lotusdocs" disable = false [[module.imports]] path = "github.com/gohugoio/hugo-mod-bootstrap-scss/v5" disable = false [markup] [markup.tableOfContents] startLevel = 1 endLevel = 3 [markup.goldmark] [markup.goldmark.renderer] unsafe = true [markup.goldmark.parser] [markup.goldmark.parser.attribute] block = true 然后启动本地服务: ...