用hugo搭建屬於自己的個人博客(mac環境)

1.安裝git環境

安裝成功後在終端輸入git,會有以下顯示:
git安裝成功

2.安裝Homebrew

網上教程有很多,也很簡單,安裝成功後,輸入brew,會有以下顯示:
brew安裝成功

3.安裝hugo

終端內輸入:

brew install hugo

安裝成功後輸入:

hugo version

則會顯示
hugo安裝成功

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

若終端顯示:

image.png

則證明此博客已經在本地啓動成功,在瀏覽器地址欄輸入對應的地址,如上面紅線,即可進入該博客

本地博客

7.新建博客

在終端輸入:

hugo new post/blog.md

即可創建一個post文件夾,並在此post文件夾下創建blog.md文件
注意,此時post文件夾位於自己所創建的博客站點下的context文件夾下面

8.在此博客內寫自己想寫的內容並保存

注意:
title是該博客的名字

image.png

9.將博客部署到github遠端

(1).首先在自己的GitHub上創建一個新的倉庫

image.png

注意:
Repository name必須是自己名稱的全英文小寫加上.github.io

(2).終端輸入
hugo --theme=m10c baseUrl="https://yourgithubname.github.io/" --buildDrafts 

注意:yourgithubname就是自己的github名
成功後顯示:

image.png
此時,在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

之後就可以將本地的博客上傳到遠程倉庫

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章