Hugo 主题
Hugo 的数字花园主题
一个简单的 Hugo 主题,用于你的数字花园,灵感来自 Maggie Appleton 网站
演示
此主题包括
- 一个数字花园/博客
- 一个项目作品集
- 图书馆笔记
入门
安装 hugo 并创建一个新网站:https://gohugo.com.cn/getting-started/quick-start/
将主题添加到你的网站
你可以使用 git 子模块或将存储库克隆到你的主题文件夹中git submodule add https://github.com/paulmartins/hugo-digital-garden-theme.git themes/hugo-digital-garden-theme
cd themes git clone https://github.com/paulmartins/hugo-digital-garden-theme.git
在你的
config.toml
中自定义你的网站。在主题文件夹中提供了一个示例:themes/digital-garden/exampleSite/config.toml
运行服务器并检查你的 localhost:1313
hugo server
额外提示
你将在 content
文件夹中编写网站的内容,例如在 content/garden/evergreen_example.md
中。如果你希望你的 content
文件夹位于根目录中,则可以将该文件夹从 exampleSite 文件夹复制到你的根目录。在根目录的 config.toml
中,你需要将 themesdir 更改为 themesdir = "./themes"
。现在,在项目根目录中运行 hugo server
,Hugo 将在可用的端口上本地启动你的网站。
如果你想将此网站与示例网站进行比较,也可以在 exampleSite 目录中启动 hugo server
。Hugo 将为每个服务器使用不同的端口,因此你可以比较彼此渲染的页面。
要创建自定义样式,你可以创建 ./static/css/my_style.css
。此处的 CSS 样式将覆盖主题的默认样式。这是一个用户博客的示例自定义 CSS 文件,这是他们发布的一个页面的外观。你可以看到自定义表格格式:自定义标题行颜色、交替的行背景、自定义字体等。
更新到主题的最新版本
如果你使用 git 子模块添加主题(请参阅入门),请执行
git submodule update --remote --rebase
如果你克隆了主题,只需进入主题文件夹并 pull
cd themes/hugo-digital-garden-theme
git pull