Hugo 主题
Spectre Pixel 主题
带有时间轴的 Material/Pixel 切换主题
Spectre Pixel 主题
这个主题的灵感来自 Cactus Theme,但我想要一个用于我的作品集的时间轴,并从 SPECTRE.CSS 中找到了一些可以使用的东西。我还将大部分初始主题设计更改为更类似于 Material Design 的东西。像素风格切换是我为了表达我对游戏行业的热情而做的一些有趣的事情,而且由于我没有看到很多带有主题切换的主题,我认为将其留给其他人使用会很好。
使用主题
- 安装 Hugo
- 创建一个新站点(将
MySite
替换为您的站点名称)。更多信息请参考 Hugo 文档
hugo new site MySite
cd MySite
- 克隆此仓库
git clone --recursive https://github.com/st-wong/hugo-spectre-pixel-theme.git themes/spectre-pixel
- 配置使用您喜欢的编辑器来配置
config.toml
。更多详情请参考配置。
vim config.toml
- 测试站点(请确保您在
MySite
文件夹中)
hugo server -t spectre-pixel
- 尽情享受吧!
配置
- config.toml
在exampleSite
文件夹中有一个配置 (config.toml
) 您可以使用,只需更改详细信息和显示文本以满足您的需求。请记住,在您完成编辑详细信息后,将文件复制到您的MySite
文件夹中。 - 关于页面
编辑exampleSite/content/about
文件夹中的_index.md
文件,以提供有关您自己的更多详细信息。它可以使用提供的简码{{< tag javascript >}}
包含您使用 Devicons 的技能。但是,简码会生成指向您的帖子标签中必须存在的标签的链接,否则将显示 404 页面。 - 样式
编辑static/css
文件夹中的style.css
文件,以根据您的喜好更改字体和颜色。您可以从 LOSPEC 中使用调色板来用于像素主题。最后,请确保url("../images/avatar.png")
和url("../images/pixel.png")
指向绝对 URL。例如https://YOUR_DOMAIN_NAME.com/images/avatar.png
和https://YOUR_DOMAIN_NAME/images/pixel.png
贡献
发现错误或有新功能的想法?请随时使用问题跟踪器让我知道。或者直接发出拉取请求。请为您的拉取请求创建一个单独的分支。
许可证
此主题在 MIT 许可证下发布。有关更多信息,请阅读许可证。
致谢
鸣谢