前言 在介紹什麼是 Hugo 之前，我想先對 Hugo 做一些描述，讓我們先有個初步印象： A Framework, 一種框架工具 It's open-sou...
聊聊線上服務 我使用過 Medium 這個線上平台，他的版面非常簡潔，功能非常精煉，對我要寫文章的需求來說很剛好(我想用到的幾乎都有)；但因為貼 code 有時...
前言 接續前一篇講到 Hugo Configuration，今天來聊聊筆者自己在配置時的經驗；當我在摸索 hugo config 參數設置的過程中，有時會陷入不...
hugo new 在你安裝完 Hugo 指令後，可透過以下指令建置新專案： hugo new site myblog 結果如下： cd 進入到目錄中我們可以...
前言 前面兩天花了點時間極簡單帶過 Hugo 與挑選自架網站工具的方向，今天來講安裝 Hugo CLI；預計在我鐵人賽發文完賽的那一天，除了(應該)可以完全建置...
前言 今天介紹當你在選定一個佈景後，可以先從哪幾個地方下手「客製化」成你要的網站，並以筆者自身使用的部落格為例去說明。 Tranquilpeak Tranqui...
Hugo 資料夾裡面有什麼 上次 new 一個專案資料夾長這樣，我稍微講一下每個資料夾放些什麼： . ├── archetypes ├── config.tom...
前言 Hugo 提供你透過設置 Config 的方式，讓我們基本上不用動到程式就可以操控你的整個網站，今天來講一下關於 Hugo Config 的基本功能。 C...
前言 一個網站的佈景與網站本身想傳達的訊息、用途息息相關，選定一個好的主題往往可以替網站加分不少，今天要來聊聊我是如何挑選 Hugo Themes 給大家參考。...
前言 (圖多，建議用電腦看) 當我們架設好網站，下一步要把它公開放到網路上 (全新 hugo site 上線拉)。 GitHub 是一個提供我們把本地 (簡言之...
前言 Hugo Content (文章) 讓使用者可以選擇 HTML 或是 markdown 語法來撰寫，對於不熟悉語法的人而言，選擇編輯文章的工具時，至少要有...
簡介 Netlify 官網寫著：「The fastest way to build fastest sites.」，似乎在對著 Hugo 使用者說我可以讓你快上...
前言 Hugo 提供了 Archetypes 作為內容模板，在新增 Content Page 時，根據 Content Type 翻印對應模板，新生成的檔案就有...
前言 做好 Search Engine Optimizing (SEO)，可以讓使用者透過搜尋引擎，查找與我們網站頁面有相關聯的關鍵字詞時，列出的搜尋結果，會排...
前言 今天要進一步介紹 Hugo Site 與內容分類頁面有關的部分：Content Section 與 Page Bundle。 Content Sectio...
前言 Hugo Taxonomies 是一種「內容分群」的功能，它能將散落於網站不同 Section 中的 Content Page，將其分群在同一頁呈現 (G...
成果 https://blog.genesu.me/about-me/ 綜合技 在 Content Page 載入寫好的 Shortcode {{< a...
前言 今天是鐵人賽文章發文的最後一天 (在此我要謝謝我的爸爸、媽媽、老婆、小狗..)，本篇會做個簡單的回顧，以及把這些日子發過的文章，做個簡單分類，提供給現在與...
前言 在架設部落格時，想要趕快搞定網站基礎設施與寫文環境，那你就必須先配置好你的 config、文章模板 archetypes，以及規劃模板中的 Front M...
前言 本篇會提到幾種關於圖片引入到 markdown 的運用場景。 Markdown 語法 插入本地圖片 ，筆者在此翻譯一下註解： #!/bin/sh # 若腳本任一行執行命令發生錯誤，導致 fail，...
前言 筆者想要在每篇文章底下 (footer) 放上如下圖所示： 紅框中的三種鏈結，分別使用不同的語法達成，以下將一一介紹。 類型 本站跳轉：原始 Mark...
前言 當讀者對你的部落格內容有問題，想發問交流時，勢必需要留言溝通的工具，此類工具通常稱為 Comments System (評論系統)，常見的有：Disqus...
前言 筆者喜歡放一張「有意境」的插圖來點綴文章，若插圖夠貼近主題，也可以加深讀者的印象。 今天講的相對輕鬆一點，就是介紹筆者會去哪邊找插圖來放、放哪、怎麼放、有...
Pipes 簡介 Hugo Pipes (管道) 是一套 Hugo 用來載入資產 asset 時，疊加處理資產的方法集合，在官網文件中列出了各種相關方法，這邊簡...
前言 今天要來簡單聊一下 Hugo Variables，並列舉一些筆者使用的例子。 Site Variables 全局變數 (site-level, globa...
littlebookboy
iThome鐵人賽
看影片追技術