手把手教你使用Hugo搭建個人博客網站|保姆級教學

搭建個人博客網上目前用的比較多的博客框架是Hexo、Hugo、Jekyll。本文詳細介紹利用最新的Hugo(基於Go語言的博客框架)在windows上搭建個人博客網站，從域名註冊到後期維護，全程保姆級教學，帶你裝逼。如果搭建過程中遇到什麼問題都可以評論交流。

搭建博客前提：

• 電腦安裝並配置好Git，尤其是username和email
• 註冊GitHub賬號
• 在GitHub配置ssh驗證
• 掌握一定cmd命令操作
• 掌握配置各種環境變量
  
  以上先決條件完成後就可以開始進行下面的步驟了:

第一步:安裝Hugo

• Hugo官方github下載地址

注意是僅下載hugo而不是擴展hugo_extend，下載好後將其解壓到一個文件夾(這裏將其放在一個Github的大文件夾下的Hugo空文件夾)中

在此文件夾下，打開cmd控制檯，鍵入hugo version，如果出現下面的內容就表明安裝成功了

D:\Program Files\Github\Hugo>hugo version
Hugo Static Site Generator v0.58.3-4AAC02D4 windows/amd64 BuildDate: 2019-09-19T15:29:19Z

第二步：創建個人博客文件夾

• 仍然在此文件夾下打開cmd命令行，鍵入hugo new site myblog(自定義的博客名)

D:\Program Files\Github\Hugo>hugo new site myblog
Congratulations! Your new Hugo site is created in D:\Program Files\Github\Hugo\myblog.

Just a few more steps and you're ready to go:

1. Download a theme into the same-named folder.
   Choose a theme from https://themes.gohugo.io/ or
   create your own with the "hugo new theme <THEMENAME>" command.
2. Perhaps you want to add some content. You can add single files
   with "hugo new <SECTIONNAME>\<FILENAME>.<FORMAT>".
3. Start the built-in live server via "hugo server".

Visit https://gohugo.io/ for quickstart guide and full documentation.

第三步下載並設置博客主題

• 進入Hugo博客主題下載庫挑選自己喜歡的博客模板()這裏以m10c模板爲例)點擊Download
  
  在D:\Program Files\Github\Hugo\myblog目錄下打開cmd命令，鍵入上面獲取到的git clone代碼(git clone https://github.com/vaga/hugo-theme-m10c.git themes/m10c):
  
  

第四步:在本地啓動個人博客

• 在D:\Program Files\Github\Hugo\myblog目錄打開cmd命令行，鍵入hugo server -t m10c --buildDrafts
  
  複製末尾的http://localhost:1313到自己的瀏覽器中(注意此時cmd命令行保持打開)

第五步：實際寫一篇文章來測試

• 切換到myblog目錄下，cmd命令行中鍵入hugo new post/blog.md
  
  這個操作會在myblog\content\post路徑下生成一個blog.md文件。
  

• 可以用vsCode或者其他能編寫markdown文件的編譯器打開blog.md文件，寫一些正文(注意將draft屬性改爲false,否則無法顯示)
  

• 切換到myblog目錄下，cmd命令行中鍵入命令hugo server -t m10c --buildDrafts
  

• cmd命令窗不要關閉，複製http://localhost:1313，在瀏覽器中打開

第六步:將個人博客部署到遠端服務器(可以使用github部署到github倉庫)

• 在github創建一個遠端倉庫
  
• 在myblog目錄下，cmd命令行中鍵入命令hugo --theme=m10c --baseUrl="https://HudieJY.github.io.github.io/" --buildDrafts(注意這裏的m10c主題和倉庫路徑要填寫你自己的)
  
  代碼執行後就會在myblog文件夾下生成一個public文件夾
  

接下來把public文件推送到github上：

• 切換到public文件夾下，代開命令行窗口，依次鍵入
• git init，將此public文件夾變成git本地倉庫
• git add，將public文件夾下的所有文件放入緩存流中等待提交
• git commit -m "Hugo第一次提交"，這樣就把緩存內容放進發送頭，仍爲待發送狀態
• git remote add origin https://github.com/HudieJY/HudieJY.github.io.git ，綁定了.git配置文件夾對應的遠端服務器的發佈了已經
• git push -u -origin master 推送到githubu