iT邦幫忙

鐵人檔案

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

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

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

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

Day 21. Hugo Pipes

Pipes 簡介 Hugo Pipes (管道) 是一套 Hugo 用來載入資產 asset 時,疊加處理資產的方法集合,在官網文件中列出了各種相關方法,這邊簡...

2020-10-04 ‧ 由 littlebookboy 分享
DAY 22

Day 22. Hugo Shortcode 介紹

Shortcode 簡介 我們知道 Hugo Content 其內容主要是用 Markdown 這類文字標記語法所寫成,內容格式、可用語法較為基礎簡單,若是我們...

2020-10-05 ‧ 由 littlebookboy 分享
DAY 23

Day 23. Hugo Shortcode 運用場景 - 網址篇

前言 筆者想要在每篇文章底下 (footer) 放上如下圖所示: 紅框中的三種鏈結,分別使用不同的語法達成,以下將一一介紹。 類型 本站跳轉:原始 Mark...

2020-10-06 ‧ 由 littlebookboy 分享
DAY 24

Day 24. Hugo Shortcode 運用場景 - 圖片篇

前言 本篇會提到幾種關於圖片引入到 markdown 的運用場景。 Markdown 語法 插入本地圖片 ![我是一張圖](/images/image1.png...

2020-10-07 ‧ 由 littlebookboy 分享
DAY 25

Day 25. Hugo Shortcode 其他運用

前言 本篇會介紹幾種使用 Shortcode 引入到 Markdown,以達成各種目的。 Code Block Markdown 寫法 使用 Markdown...

2020-10-08 ‧ 由 littlebookboy 分享
DAY 26

Day 26. Hugo Variable

前言 今天要來簡單聊一下 Hugo Variables,並列舉一些筆者使用的例子。 Site Variables 全局變數 (site-level, globa...

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

Day 27. Hugo Template

前言 今天會挑幾個 Hugo Template 來介紹。 Overview Hugo 提供了各種不同的 Template,在 render 時,會把 Conte...

2020-10-10 ‧ 由 littlebookboy 分享
DAY 28

Day 28. Hugo 做個炫砲的自我介紹頁面

成果 https://blog.genesu.me/about-me/ 綜合技 在 Content Page 載入寫好的 Shortcode {{< a...

2020-10-11 ‧ 由 littlebookboy 分享
DAY 29

Day 29. 聊聊 Hugo SEO

前言 做好 Search Engine Optimizing (SEO),可以讓使用者透過搜尋引擎,查找與我們網站頁面有相關聯的關鍵字詞時,列出的搜尋結果,會排...

2020-10-12 ‧ 由 littlebookboy 分享
DAY 30

Day 30. Hugo 系列文回顧,鐵人賽反省與獲得

前言 今天是鐵人賽文章發文的最後一天 (在此我要謝謝我的爸爸、媽媽、老婆、小狗..),本篇會做個簡單的回顧,以及把這些日子發過的文章,做個簡單分類,提供給現在與...

2020-10-13 ‧ 由 littlebookboy 分享