hugo 8bits theme

Hugo 8 位主题

Hugo 8 位主题基于 @bc_rikko 开发的 NES 风格 CSS 框架。

现场演示

NES.css 框架信息

姓名	NES.css
描述	NES 风格的 CSS 框架
设计师	BC里科
版本	2.3.0
已发布	2019 年 12 月 17 日
执照	许可信息

安装

 $ cd /<your-hugo-site-directory>
$ git submodule add https://github.com/miguelsimoni/hugo-8bits-theme.git themes/hugo-8bits-theme

更多信息：hugo 设置指南

配置

配置.yaml

多种语言

您可以从config.yaml显示或隐藏语言下拉菜单：

 languagesMenuEnabled : true

面包屑

您可以通过config.yaml在面包屑中显示或隐藏当前页面：

 breadcrumb :
  showCurrent : true

分页加载器

您可以在config.yaml的列表页面中启用或禁用分页加载器（加载更多按钮）：

 pagination :
  loader : true

禁用它将显示标准分页小部件。

背景

您可以设置主题背景，只需将图像放在static/images/文件夹中并在params.background.image参数中输入其名称即可。您还可以为帖子部分设置视差效果及其速度。

 background :
  image : " ../images/background.png "
  parallax : true
  speed : 10

接触

您可以启用“联系表单”，让访问者使用 Formspree 等消息服务向您发送消息，只需在config.yaml中添加您的联系表单操作 URL：

 contact :
  formAction : https://formspree.io/f/yourformcode

社交网络

您可以在config.yaml中添加当前支持的社交网络的用户名：

 social :
  - network : twitter
    link : " https://www.twitter.com/8bits "
  - network : facebook
    link : " https://www.facebook.com/8bits "
  - network : instagram
    link : " https://www.instagram.com/8bits "

有关社交网络参数化的更多示例，请参阅 config.yaml。

评论

由 Disqus 提供支持

 disqusShortname : " yourdiscussshortname "

通过将params.disqusShortname留空来禁用评论系统。

谷歌分析

 googleAnalytics : " UA-123-45 "

通过将params.googleAnalytics留空来禁用 Google Analytics。

更多设置！

查看 config.yaml 文件中的整个配置。

示例站点

exampleSite文件夹基于 Hugo Basic Examples，并提供了该主题的示例站点。

exampleSite/content/文件夹包含以下内容：

• 名为/post/部分，其中包含示例 Markdown 内容。
• about.md旨在为主题演示提供/about/页面。
• contact.md旨在提供联系表单的/contact/页面。

快到了...

为了查看您的网站的运行情况，您可以运行 Hugo 的内置本地服务器。

$ cd exampleSite
$ hugo server -t ../..

现在在浏览器地址栏中输入http://localhost:1313/ 。

部署

• 在 GitHub 上托管
• 更多托管和部署选项

贡献

• 发现错误？
• 有新功能的想法吗？

使用问题跟踪器让我知道它或直接通过拉取请求来实现。

执照

该主题和使其成为可能的框架是在 MIT 许可证下发布的。检查原始框架许可证以获取其他许可信息。

谢谢

感谢 Steve Francia 创建 Hugo 以及围绕该项目建立的出色社区。还要感谢 BcRikko 创建了这个很棒的怀旧框架。