雨果·利托夫
警告:由於各種原因,我不再有時間研究這個主題。我不太可能解決您的問題,也沒有計劃任何其他功能,儘管該主題仍將向公眾開放。如果您需要進行大量更改,請隨意分叉它。我會考慮合併簡單的錯誤修正拉取請求。對於由此可能造成的任何不便,我們深表歉意。請參閱 v3.4.3 發行說明以了解更多詳細資訊。
關於
Hugo Liftoff 是一個最小的部落格/組合主題,專注於內容創建和 SEO 最佳實踐。它是技術用戶快速啟動個人品牌的理想選擇。
文件
完整的文件託管在該儲存庫的 Github Wiki 上。
如果您在文件中發現任何錯誤或有改進建議,請提出問題。
示範網站
該主題的工作演示可供公眾評估。
主題中包含的exampleSite
內容(您可以自由地將其複製到您自己的專案中)反映了簡報中使用的內容。背後的想法是幫助您快速入門並複製您在演示中看到的任何您認為在您自己的專案中可能有用的功能。
顯著特點
- 內容小節能夠按小節過濾主頁上最近的帖子
- 系列帖子分類法,其中單個帖子列出了當前系列中的所有帖子
- 單個帖子末尾的下一個/上一個鏈接,用於小節或系列帖子(如果啟用)
- 使用 CSS 自訂屬性切換亮/暗模式
- 移動響應式、可折疊 JS 選單,具有基於選單配置的自動子選單支持
- 可自訂的時事通訊,具有 Netlify Forms 支援和條件可見性控制
- 還有更多...
特色概述
以下是該主題的當前功能。標記為可選或frontmatter 的功能可以分別在 config 或 frontmatter 中啟用/停用。
網路化
- 使用 Netlify 自訂標頭/重定向(可選)
- Netlify 形成對時事通訊選擇加入和聯絡頁面的支援(可選)
- 用於簡化部署的範例
netlify.toml
文件
第三方
- Google分析 v4
- Google 追蹤程式碼管理器作為 GA 的替代方案(可選)
- Disqus 評論(可選)
- 停用每頁的評論(可選)(frontmatter)
通訊
- 選擇加入 Netlify Forms 支援的新聞通訊(可選)(frontmatter)
- 全域顯示電子報選擇加入(可選)
- 可自訂的新聞通訊標題、描述和 CTA 文字(可選)
- 以每頁為基礎涵蓋全球新聞通訊(可選)(frontmatter)
- 以每頁為基礎啟用或停用新聞通訊 (frontmatter)
社會的
- 原生 Twitter、Mastodon、Github、Stack Overflow、LinkedIn 和帶有 SVG 的電子郵件社交連結(可選)
- 啟用或停用頁尾、主頁英雄和關於頁面中的社交連結(可選)
- 啟用或停用個人社交連結(可選)
- Facebook、LinkedIn、Twitter、Reddit 和電子郵件社交分享帶有 SVG 的貼文圖示(可選)
- 啟用或停用單一社交共享圖示(可選)
搜尋引擎優化/RSS
- 增強的開放圖譜、Twitter 卡和 Schema.org 模板
- 排除帖子部分之外的任何頁面的 RSS 提要
- 可自訂的標題和 SEO 標題標籤或同時使用兩者的標題(frontmatter)
- 可自訂的摘要和元描述或兩者的使用描述(frontmatter)
- 自訂作者元標記(可選)(frontmatter)
- 每個頁面的自訂標題標籤和元描述(可選)(frontmatter)
-
robots.txt
和sitemap.xml
- 停用搜尋引擎抓取(可選)
系列/小節
- 內容小節能夠按小節過濾主頁上最近的貼文(可選)
- 系列帖子分類法,包含單一帖子,列出當前系列中的所有帖子(可選)
- 單個帖子末尾的下一個/上一個鏈接,用於小節或系列帖子(如果啟用)
- 對帶有自定義永久鏈接的帖子的小節支持,以實現乾淨的 SEO URL(可選)
- 移動響應式、可折疊 JS 選單,具有基於選單配置的自動子選單支持
首頁
- 自訂首頁英雄標題和副標題(frontmatter)
- 自訂主頁上的貼文和項目部分標題(frontmatter)
貼文和項目
- 可切換的貼文黏性目錄(frontmatter)
- 相關貼文(frontmatter)
- 貼文的社群分享圖示(frontmatter)
- 貼文的閱讀時間和字數
- 帖子的最後修改日期(可選)
- 可自訂的即時 URL、來源 URL 和專案的技術堆疊詳細資訊 (frontmatter)
- 標籤和類別分類法
- 用於對項目進行分類的項目類型分類法
- 主頁上最近的帖子和項目
程式碼片段
CSS / JS
- 使用 CSS 自訂屬性切換亮/暗模式
- 在
assets
中新增自訂 CSS / JS - CSS 和 JS 縮小
- 使用 ESBuild 和 ToCSS 的前端建構管道
- 用於自動添加前綴的 PostCSS 處理(可選)
-
npm
完全可選,除非使用 PostCSS / Autoprefixer - 帶有 CSS
clamp()
流體版式比例 - 正在開發中的 SCSS 和 JS 的 Sourcemap
圖片
- 使用 Hugo 資源進行影像處理
- 來自
assets
或頁麵包的貼文和項目的特色圖像(frontmatter) - 自訂主頁英雄頭像圖片(可選)
- 停用灰階頭像過濾器(選購)
- 啟用/停用網站圖示(可選)
原型
Markdown 掛鉤
- 程式碼區塊、圖像、標題和連結的 Markdown 渲染掛鉤
- 代碼塊的語言指示器
- 透過 URL 片段將自訂 CSS 類別新增至 Markdown 圖片
- 標題錨鏈接 SVG 圖標
其他內容
- 使用預設單一模板快速建立通用單一頁面(可選)
- 附加 Markdown 頁尾文字(可選)
- 在開發中的草稿中新增標籤(可選)
- 表格等常見 Markdown 樣式的響應式支持
- 帶有社交連結的關於頁面(可選)
- 具有 Netlify Forms 支援的聯絡頁面(可選)
- 自訂空內容的後備文字(可選)
雨果預設值
- 範例
hugo.toml
包含大部分 Hugo 配置預設值,以便於自訂 - 覆蓋基於 Hugo 環境的配置設置
- 內建簡碼
- 還有更多...Hugo 可以提供很多東西!
計劃的功能
計劃在未來版本中提供以下功能。
- 即時站點搜尋
- 項目圖片庫
- 國際化支持
- 其他進階 Google 結構化資料架構
- 用於項目清單等內容的自訂簡碼
尋求協助
若要提交錯誤報告、功能請求或使用問題,請使用問題範本之一在 Github 上開啟問題。
貢獻
如果您想為該專案做出貢獻,請分叉專案並使用拉取請求範本提交包含您的變更的拉取請求。更多詳情請參閱貢獻指南。