Hugo 主题
Port-Hugo (一个简单的作品集)
这个主题是为设计师或 Web 开发人员提供的简单、可自定义的作品集。
功能
- 响应式作品集
- 易于使用的部分
- 用于优化的 Hugo 图像处理
- 用于自动添加前缀的 PostCSS
- 用于轻松样式的 SCSS
- 基于 Hugrid 的作品集部分
- 基于 Somrat 的设计
在您的 Hugo 站点上安装主题
hugo new site your-site-name # if you already have a site ignore this line and the next
cd your-site-name
cd themes
git clone https://github.com/tylerjlawson/port-hugo.git
完成此操作后,您可以将 exampleSite
文件夹用作如何设置项目的示例。 需要注意的两个主要事项是首先在您的 config.toml
文件中设置此项
theme = "port-hugo"
然后,您需要复制 exampleSite/data/content.yaml
文件中使用的数据,以填充您的作品集的字段。 请参阅 exampleSite/config.toml
,以获得有关设置更通用的站点配置的指导。
Logo 支持
名为 logo.svg
和 logo-dark.svg
的图像旨在用于徽标。 它们应该存储在 static/images
中,如 ./exampleSite/static/images 中所示。 如果您希望更改此设置,则控制图像的代码位于 assets/js/script.js
中。
鸣谢
我想感谢 somrat 和 hugrid 创建了出色的主题,我将其用作起点。 您可能会注意到此主题在设计上与 somrat 非常相似,但它通过使用修改后的 hugrid 版本作为作品集部分而具有明显的差异。 我还精简了 somrat 的功能,仅包含我想要用于简单主题的内容。
贡献
请随时发布问题或随时提出拉取请求。 我始终乐于合作。