1.安裝git環境
安裝成功後在終端輸入git,會有以下顯示:
2.安裝Homebrew
網上教程有很多,也很簡單,安裝成功後,輸入brew,會有以下顯示:
3.安裝hugo
終端內輸入:
brew install hugo
安裝成功後輸入:
hugo version
則會顯示
4.新建自己的博客站點
終端輸入:
hugo new site YOURBLOGNAME
YOURBLOGNAME是自己想要做的博客的名稱
成功後會顯示:
5.設置主題:
(1).進入hugo主題網址
(2).選擇自己喜歡的主題:
(3).進入主題詳細界面,找到Getting Started,比如下圖:
(4).按照其指示安裝此主題,比如
進入到自己所創建的博客目錄:
cd YOURBLOG
輸入git克隆命令,將此主題拷貝到本地
git clone https://github.com/vaga/hugo-theme-m10c.git themes/m10c
更改config.toml文件
theme="m10c"
m10c是下載的主題名
6.在本地啓動博客
在終端內輸入命令:
hugo server -t m10c --buildDrafts
若終端顯示:
則證明此博客已經在本地啓動成功,在瀏覽器地址欄輸入對應的地址,如上面紅線,即可進入該博客
7.新建博客
在終端輸入:
hugo new post/blog.md
即可創建一個post文件夾,並在此post文件夾下創建blog.md文件
注意,此時post文件夾位於自己所創建的博客站點下的context文件夾下面
8.在此博客內寫自己想寫的內容並保存
注意:
title是該博客的名字
9.將博客部署到github遠端
(1).首先在自己的GitHub上創建一個新的倉庫
注意:
Repository name必須是自己名稱的全英文小寫加上.github.io
(2).終端輸入
hugo --theme=m10c baseUrl="https://yourgithubname.github.io/" --buildDrafts
注意:yourgithubname就是自己的github名
成功後顯示:
此時,在YOURBLOG文件夾下面會生成一個public文件夾
(3).將public文件夾上傳到github倉庫,
進入YOURBLOG文件夾下面的public文件夾
終端依次輸入:
git init
git add .
git commit -m"第一次提交博客"
git remote add origin https://github.com/yourgithub/yougithub.github.io.git
git push -u origin master
即可將本地博客搭建到遠程github上
(4).在瀏覽器地址輸入:
yourgithub.github.io
即可進入搭建到遠程github的個人博客。
10.非第一次將博客發佈到遠程倉庫
(1)進入博客所在文件夾
終端輸入:
hugo --theme=m10c baseUrl="https://yourgithubname.github.io/" --buildDrafts
(2)然後進入YOURBLOG文件夾下的public文件夾
終端輸入:
git add .
git commit -m"提交的提示"
git push origin master
之後就可以將本地的博客上傳到遠程倉庫