Hugo + Github Pages/Cloudflare Pages —>自建部落格
下載寫部落格用軟體:Obsidian

Download - Obsidian
Obsidian is available on all major platforms. Download Obsidian for iOS, Android, macOS, Windows and Linux.



架設Git、GO、Hugo
安裝Git:

安裝GO:
golangAll releases - The Go Programming Language
All releases - The Go Programming Language
After downloading a binary release suitable for your system,
please follow the installation instructions.

All releases - The Go Programming Language
After downloading a binary release suitable for your system, please follow the installation instructions.

架設Hugo
安裝Hugo:
GoHugoIOv2Installation
Installation
Install Hugo on macOS, Linux, Windows, BSD, and on any machine that can run the Go compiler tool chain.

Installation
Install Hugo on macOS, Linux, Windows, BSD, and on any machine that can run the Go compiler tool chain.
- 下載與解壓縮
- 放入指定目錄
hugo.exe 放入指定的目錄,例如:D:\tools\hugo_extended\hugo.exe。- 添加系統環境變數
- 按下
Win + R,輸入sysdm.cpl,按 Enter。 - 進入 進階 → 環境變數。
- 在 系統變數 中找到
Path變數,點擊 編輯。 - 點擊 新增,將
hugo.exe所在的目錄加入,例如:D:\tools\hugo_extended。 - 確認後保存變更。
- 確認安裝成功
- 打開
cmd,輸入以下命令:

使用Hugo建立Blog相關:



下載Hugo主題:
應用Hugo主題:(以stack為例)
配置與美化
- 複製配置文件
- 網站圖示 (favicon) 設定
- 將 favicon.ico 放置於 根目錄\static 資料夾下。
- 在配置文件中設定:
- 側邊欄頭像 (avatar) 設定
- 將 avatar.png 放置於 根目錄\assets\img 資料夾下。
- 在配置文件中設定:
- 啟用搜尋與歸檔欄
- 在 主題模板根目錄\themes\hugo-theme-stack\exampleSite\content\page 中找到對應的
.md文件,並將其放置到根目錄對應的資料夾內。例如: - 根據需求修改該文件內容。
- 樣式美化
- 在 根目錄\assets\scss 資料夾下新建
custom.scss,並編輯以下內容:
同步「posts」資料夾 -(Hugo & Obsidian)


同步文章、資料夾內的圖片-「image.py」
創建Github儲存庫
創建SSH-Key並匯入SSH-Key至Githun帳號
git上傳至repo




I started a blog.....in 2024 (why you should too)
Someone out there needs your story. Share it now: https://hostinger.com/networkchuck10 Use code: networkchuck for an extra 10% off. I’m creating the ultimate blog pipeline. After reading How to Build a Second Brain by Tiago Forte, I realized just how valuable my ideas are—and I needed a way to share them with the world. It starts with Obsidian for note-taking and organizing my thoughts, then Hugo formats everything into a beautiful website. From there, GitHub takes care of versioning, and finally, a webhook publishes it all seamlessly to Hostinger. In this video, I’ll walk you through how I built this pipeline and how you can create your own blog to share your ideas with the world. ✍️📚 Read my blog: https://blog.networkchuck.com/ 📃📃📃Link/Guide/Documentation: https://blog.networkchuck.com/posts/my-insane-blog-pipeline/ 🔥🔥Join the NetworkChuck Academy!: https://ntck.co/NCAcademy **Sponsored by Hostinger TIMESTAMPS: 0:00 - Why I’m creating a blog 2:39 - Blogging Pipeline 4:51 - Writing your blog in Obsidian 6:05 - Formatting with Hugo 9:08 - Installing Hugo Themes 12:02 - Syncing Obsidian with Hugo 14:21 - Using Frontmatter in Obsidian 15:28 - Handling Images in Obsidian 18:58 - Pushing your site to GitHub 24:37 - Setting up domain in Hostinger 28:16 - Showing the manual workflow 30:14 - The Mega Script SUPPORT NETWORKCHUCK --------------------------------------------------- ➡️NetworkChuck membership: https://ntck.co/Premium ☕☕ COFFEE and MERCH: https://ntck.co/coffee Check out my new channel: https://ntck.co/ncclips 🆘🆘NEED HELP?? Join the Discord Server: https://discord.gg/networkchuck STUDY WITH ME on Twitch: https://bit.ly/nc_twitch READY TO LEARN?? --------------------------------------------------- -Learn Python: https://bit.ly/3rzZjzz -Get your CCNA: https://bit.ly/nc-ccna FOLLOW ME EVERYWHERE --------------------------------------------------- Instagram: https://www.instagram.com/networkchuck/ Twitter: https://twitter.com/networkchuck Facebook: https://www.facebook.com/NetworkChuck/ Join the Discord server: http://bit.ly/nc-discord AFFILIATES & REFERRALS --------------------------------------------------- (GEAR I USE...STUFF I RECOMMEND) My network gear: https://geni.us/L6wyIUj Amazon Affiliate Store: https://www.amazon.com/shop/networkchuck Buy a Raspberry Pi: https://geni.us/aBeqAL Do you want to know how I draw on the screen?? Go to https://ntck.co/EpicPen and use code NetworkChuck to get 20% off!! fast and reliable unifi in the cloud: https://hostifi.com/?via=chuck “How Building a Second Brain Helped Me Realize My Ideas Matter” “Create a Blog Pipeline to Share Your Ideas with the World” “How to Turn Obsidian Notes into a Blog with Hugo and Hostinger” “Step-by-Step: Building a Blog Pipeline from Scratch” “From Notes to Website: How I Share My Ideas Online” “Automate Your Blog Publishing Process with GitHub and Hostinger” “Why You Should Start a Blog and Share Your Voice” “My Ultimate Blog Pipeline: Obsidian, Hugo, GitHub, Hostinger” “How to Publish a Blog with a Fully Automated Workflow” “Host Your Blog Seamlessly with Hugo and Hostinger” “Building a Blog Pipeline with GitHub and Webhooks” “How to Use Obsidian for Blogging and Idea Organization” “Why Blogging Is the Best Way to Share Your Knowledge” “From Notes to Published: My Complete Blog Workflow” “Why Everyone Should Have a Blog (and How to Start Yours)” “How I Built a Blog Pipeline to Share My Ideas” “Turn Your Notes into a Blog with This Simple Workflow” “Why I’m Sharing My Voice with the World Through Blogging” “How Hostinger Makes Blog Publishing Easier Than Ever” “From Obsidian to Hostinger: My Blogging Journey Explained” “Create a Blog and Share Your Unique Voice with the World” “Using Hugo and GitHub to Create an Efficient Blog Pipeline” “My Automated Blog Pipeline for Sharing Ideas” “Why You Need a Blog and How to Build One” “Start a Blog Today: My Journey to Sharing Ideas Online” #SecondBrain #BlogPipeline #website

Hugo + Github Pages/Cloudflare Pages搭建个人博客
Introduction\r经历了一次服务器硬件的淘汰之后决定给自己写一些服务工具的备忘录以防硬盘爆炸重装时再踩一遍坑,在notion和一众博客方案中选择了部署方便的hugo+GitHub/Cloudflare的静态页面托管服务。遂有了这第一篇文章。\n
Previous
3步驟簡單快速利用閒置GPU挖狗狗幣(DogeCoin)
Next
風花雪月攻略統整







