1. 程式人生 > >hexo+github搭建個人博客

hexo+github搭建個人博客

環境 inf posit 基於 commit 安裝步驟 ilove 選擇 工具

1.下載git:https://git-scm.com/download

  下載完以後是這樣的界面

技術分享圖片

接下來寫它的安裝步驟:

1)雙擊即可

技術分享圖片

2)點next進入如下界面

技術分享圖片

這裏什麽都不用修改,直接點擊next就可以了

3)點擊next進入如下界面

技術分享圖片

這裏我的有紅色的字樣,應該是因為我安裝次數太多了,才會導致這樣的吧,沒事這樣不會影響安裝的,直接點擊next,就可以進入下面的操作

4)點擊next會進入如下界面

技術分享圖片

Git Bash only — —>git自帶命令行工具

下面的windows……是使用windows的

最後那個是git 、windows兩者都有的

因為我安裝好多次了 三個我都試過 這裏我建議還是用git默認第一個,這個看個人習慣吧!

點擊next進入下面的操作

5)點擊next進入如下界面

技術分享圖片

6)點擊next進入如下界面

技術分享圖片

7)點擊next進入如下界面

技術分享圖片

8)點擊next進入如下界面

技術分享圖片

點擊Install即可

9)點擊Install就會進入安裝界面,這裏可能會彈出一個警告,如果是第一次安裝的話,應該不會彈出來,如果有警告彈窗的話,取消即可,不會影響安裝的。

技術分享圖片

10)看到下面的界面就說明你安裝成功了

技術分享圖片

這時你的git所在目錄下就會多了一個Git文件夾

技術分享圖片

好了 到此git安裝完畢。


2.安裝node.js https://nodejs.org/en/

下載完以後是這樣的界面

技術分享圖片

註:以下為我的安裝過程,但是我在寫教程的過程中,沒有出現選擇安裝的目錄,或許又是因為我安裝太多次了,給我直接安裝在D盤Node文件夾中了,如果你的安裝界面出現選擇目錄的話,自己選擇就好啦。嘻嘻~~(這個過程都是一路Next默認安裝的,如果不想看我的過程,你忽略就好,自己默認安裝吧。)

1)雙擊進入如下界面

技術分享圖片

2)點擊next

技術分享圖片

3)點擊change進入如下界面

技術分享圖片

4)這裏默認就好,不用更改,直接點next

技術分享圖片

5)點擊change開始安裝

技術分享圖片

6)如果出現如下界面就說明你安裝成功了

技術分享圖片

7)Hexo基於Node.js,安裝Node.js會包含環境變量以及npm的安裝

  輸入以下命令,檢測是否安裝成功

技術分享圖片


3.安裝hexo

1)在本地建立一個Hexo文件夾

技術分享圖片

2)在Hexo文件夾上右擊———>選擇Git Bash Here

技術分享圖片

3)在git命令行中安裝hexo(npm install -g hexo)

技術分享圖片

4)初始化hexo(hexo init)

技術分享圖片

5)啟動服務(npm install-->hexo server)

技術分享圖片

技術分享圖片

這個時候在網址欄輸入:http://localhost:4000/

就可以看見hexo的本地界面了。

技術分享圖片


在github中添加項目:

1)

技術分享圖片

2)

技術分享圖片

3)在github中切換到Settings

技術分享圖片

4)Settings一直往下拉,當看到GitHub Pages時,在它下面進行編輯,選擇choose a theme

技術分享圖片

5)點擊choose a theme後,選擇一個你喜歡的主題,這裏隨意其實也沒有什麽用,然後點擊Select theme

技術分享圖片

6)選擇完標題以後就會跳轉到 Code,然後一往下拉 ,不用修改按鈕,直接點擊Commit changes就可以了

技術分享圖片

7)切換到Settings,往下拉到GitHub Pages,對域名進行修改

技術分享圖片

註:這裏默認你有自己的域名哦 如果沒有的,可以在萬網等其他地方進行購買,然後對應解析就可以了哦,這裏我是在百度雲購買的,給出大家解析界面,對照我的填寫就可以了哦。

技術分享圖片

點擊解析,跳入如下解析界面

技術分享圖片

8)D盤Hexo目錄下的Source中建一個CNAME命名的文件

在文件中添加域名:www.lfeifei.com(這裏添加你自己的就可以了)

技術分享圖片

技術分享圖片

9)修改Hexo文件夾下面的_config.yml文件

添加repository(這個網址就是你的github中Code——>clone or down的鏈接),branch(直接寫master就可以了)

註意:要有空格哦!

技術分享圖片

10)配置SSH Key,在Git Bash執行如下代碼:

①git config --global user.name "feifeilover" -->""中填寫你的用戶名

技術分享圖片

②git config --global user.email "***********@163.com" -->""中填寫你的註冊郵箱,我所用的是163郵箱

技術分享圖片

③ssh-keygen -t rsa -C "***********@163.com" -->""中填寫與上一步相同的郵箱

技術分享圖片

註:這裏生成秘鑰的時候有幾點需要註意一下:直接三個回車即可,不需要設置密碼。也就是這三個圈圈,你直接打回車就行了,生成的.ssh文件夾就在C盤用戶中

技術分享圖片

技術分享圖片

11)找到生成的.ssh文件夾中的id_rsa.pub秘鑰,復制其中的內容

技術分享圖片

12)打開Github,新建new SSH Key

①點擊頭像下面的Settings

技術分享圖片

②選擇SSH and GPG keys

技術分享圖片

③選擇SSH Keys——>點擊new SSH Key

技術分享圖片

④將復制的id_rsa.pub中的內容,copy到key中

技術分享圖片

13)在Git Bash中檢測Github公鑰是否成功:ssh [email protected]

技術分享圖片

14)安裝Git部署插件:npm cache clean
技術分享圖片

15)npm install hexo-deployer-git --save

技術分享圖片

在這裏需要註意一下:如果出現如下故障

技術分享圖片

輸入一下:hexo clean指令

技術分享圖片

然後再重復:npm install hexo-deployer-git --save命令

技術分享圖片

16)執行命令:

hexo clean

技術分享圖片

hexo g

技術分享圖片

hexo d

技術分享圖片

技術分享圖片

17)現在算是成功了 在網址輸入你的域名:如 www.lfeifei.com

彈出如下界面

技術分享圖片

hexo+github搭建個人博客