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留空來停用評論系統。

Google分析

 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 創建了這個很棒的懷舊框架。