Myposts

This is some content. print("hello world")

使用 Hugo 與 GitHub 建立個人博客的完整指南

這是我關於如何使用 Hugo 和 GitHub 建立和部署靜態博客的教學,參考了這個非常有用的 YouTube 影片。身為台大的學生,我發現這個過程既有趣又富有教育意義。以下是我按步驟整理的內容: 建立 Hugo 博客 建立兩個 GitHub 儲存庫 首先,我們需要在 GitHub 上建立兩個儲存庫: 源代碼儲存庫(例如 blog)用於存放 Hugo 的源代碼和博文。 靜態內容儲存庫(例如 username.github.io),用於存放 Hugo 生成的靜態網站內容。 在本地建立 Hugo 網站 接下來,我們在本地電腦上複製第一個儲存庫,並建立一個新的 Hugo 網站: git clone https://github.com/yourusername/blog.git cd blog hugo new site insightbotics-blog 選擇並添加 Hugo 主題 我在 Hugo 的官方主題庫中挑選了一個稱為 Mainroad 的主題,並將其作為子模組添加到我的 Hugo 網站中: cd insightbotics-blog cd themes git submodule add https://github.com/vimux/mainroad.git 配置 Hugo 網站 編輯 config.toml 文件,設置主題和網站的其他相關配置。 建立和預覽內容 添加新的博文並在本地預覽網站: hugo new posts/your-post-name.md hugo server 部署 Hugo 博客 將靜態內容儲存庫添加為子模組 我們需要將第二個儲存庫作為子模組添加到 public 目錄下,這個目錄是 Hugo 生成靜態文件的地方: