iT邦幫忙

鐵人檔案

第 12 屆 iThome 鐵人賽
回列表
Modern Web

Hugo 貼身打造個人部落格 系列

接下來的 30 天,我會把使用 Hugo 架設個人部落格的經驗寫成文章,Let's Hugo。

鐵人鍊成 | 共 30 篇文章 | 39 人訂閱 訂閱系列文 RSS系列文
DAY 11

Day 11. Hugo Content - Archetypes

前言 Hugo 提供了 Archetypes 作為內容模板,在新增 Content Page 時,根據 Content Type 翻印對應模板,新生成的檔案就有...

2020-09-24 ‧ 由 littlebookboy 分享
DAY 12

Day 12. Hugo Content - Front Matter

前言 在架設部落格時,想要趕快搞定網站基礎設施與寫文環境,那你就必須先配置好你的 config、文章模板 archetypes,以及規劃模板中的 Front M...

2020-09-25 ‧ 由 littlebookboy 分享
DAY 13

Day 13. Hugo Content - Section 與 Page Bundle

前言 今天要進一步介紹 Hugo Site 與內容分類頁面有關的部分:Content Section 與 Page Bundle。 Content Sectio...

2020-09-26 ‧ 由 littlebookboy 分享
DAY 14

Day 14. Hugo Content - Taxonomies

前言 Hugo Taxonomies 是一種「內容分群」的功能,它能將散落於網站不同 Section 中的 Content Page,將其分群在同一頁呈現 (G...

2020-09-27 ‧ 由 littlebookboy 分享
DAY 15

Day 15. Hugo Content - 文章狀態與 Q&A

前言 今天藉由新增文章這個場景,介紹筆者設置的幾種文章狀態,與使用情境,最後會列出幾個筆者自己曾經的 Q&A。 文章狀態 以下列出關於文章滿足設置條件後...

2020-09-28 ‧ 由 littlebookboy 分享
DAY 16

Day 16. Hugo Site 部署 - GitHub Pages

前言 (圖多,建議用電腦看) 當我們架設好網站,下一步要把它公開放到網路上 (全新 hugo site 上線拉)。 GitHub 是一個提供我們把本地 (簡言之...

2020-09-29 ‧ 由 littlebookboy 分享
DAY 17

Day 17. Hugo Site 部署 - Netlify

簡介 Netlify 官網寫著:「The fastest way to build fastest sites.」,似乎在對著 Hugo 使用者說我可以讓你快上...

2020-09-30 ‧ 由 littlebookboy 分享
DAY 18

Day 18. Hugo Site 自動部署 - 使用 Bash Shell Script

官方腳本 以下是官方提供部署到 GitHub 的腳本 (出處),筆者在此翻譯一下註解: #!/bin/sh # 若腳本任一行執行命令發生錯誤,導致 fail,...

2020-10-01 ‧ 由 littlebookboy 分享
DAY 19

Day 19. Hugo Content 使用圖源、壓縮與工具介紹

前言 筆者喜歡放一張「有意境」的插圖來點綴文章,若插圖夠貼近主題,也可以加深讀者的印象。 今天講的相對輕鬆一點,就是介紹筆者會去哪邊找插圖來放、放哪、怎麼放、有...

2020-10-02 ‧ 由 littlebookboy 分享
DAY 20

Day 20. Hugo Comments System

前言 當讀者對你的部落格內容有問題,想發問交流時,勢必需要留言溝通的工具,此類工具通常稱為 Comments System (評論系統),常見的有:Disqus...

2020-10-03 ‧ 由 littlebookboy 分享