HEXO+Git+Github+域名搭建個人博客


搭建個人博客可以分為以下五個部分

一、搭建本地環境(個人為Win10)

1、安裝Git,下載地址:點擊

下載后,按提示進行安裝即可,作用是:把本地的內容提交到github上去

注意:官網下載速度不是很快,可以去其他地方搜索相關資源。

2、安裝Node,下載地址:點擊

按順序安裝即可

3、安裝Hexo

Node和Git都安裝好后,創建一個文件夾,如blog,用於存放后期用到的所有的hexo文件。

在blog文件夾中右鍵,選擇git bash here,打開窗口,輸入:

npm install hexo-cli -g

然后輸入

npm install hexo --save

待安裝完成后,輸入一下代碼,用來查看版本

hexo -v

然后執行init命令初始化hexo,命令:

hexo init

至此,全部安裝工作已經完成!

 

接下來,執行以下代碼,用來生成服務,然后在本地訪問。

hexo g
hexo s

執行后,會出現代碼如圖:

在瀏覽器中輸入http://localhost:4000/ ,可以訪問即表示本地hexo發布成功。

 

二、搭建GitHub環境

1、在GitHub官方注冊賬號

2、New repository

此處,注意Owner的名稱與repository的前半部分必須一致,例如:

 

3、開啟GitHub pages

打開這個庫的setting頁面,找到GitHub Pages,創建即可,創建成功后,便可以通過瀏覽器訪問owner.github.io

三、將本地Hexo與github page 聯系起來

1、配置Git個人信息

1 git config --system user.name "yourusername"
2 git config --system user.email "youremail@163.com"

運行截圖如下:

2、配置Deployment

在_config.yml文件中找到deployment,然后配置如下:

1 deploy:
2   type: git
3   repo:git@github.com:githubname/githubname.github.io.git
4   branch: master

注意:內容一定要保證無空格,否則會報錯;

3、發布到Github

輸入如下命令:hexo clean && hexo g && hexo d;

也可以分三步:

1 hexo clean
2 hexo generate
3 hexo deploy

在執行deploy中,會彈出輸入框如下,分別輸入在GitHub上的賬號密碼即可;

這樣就實現了本地與GitHub的連接,當然也可以通過SSH Keys方式。兩種方式都可以~

四、域名關聯GitHub

1、域名可以前往相關網站購買,我是在阿里雲上購買的,購買成功后,將域名進行解析,如圖

其中記錄類型選擇CNAME,記錄值填寫GitHub的倉庫。域名解析是需要時間的,不要急於操作。

2、在blog中的public文件夾中創建CNAME,不帶任何后綴名的文件;文件中填寫上你的域名,不要寫www

如圖:

然后執行hexo d命令 發布到GitHub上去,會在倉庫中看到該文件,如圖:

然后再去settings下面的pages中看到如下圖

這樣就可以通過域名訪問博客了。

五、Hexo的部分使用介紹

hexo官網

無論是設置文章內容還是整體樣式等,一定要注意一點:key和value值之間一定要有空格,否則會報錯。

 

六、個人感覺不錯的HEXO主題

所有主題列表

1、leopard

2、NexT

3、yilia

 

 個人博客地址:http://dreamice.top/


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM