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