Hexo+GitHub Pages搭建個人博客
原創(chuàng) GaoYang [我的技術(shù)篇](javascript:void(0);) 5月7日
Hexo+GitHub Pages搭建個人博客
前言
不知諸位都開始寫博客了沒有，不管如何奉勸想要從事這個行業(yè)小伙伴一定要堅持住，我感覺技術(shù)博客這東西真的是百利而無一害！如果你感覺博客園、CSDN等博客社區(qū)不夠炫酷、太多限制、廣告不斷等諸多問題，那么接下來，我將為大家介紹Hexo這款博客框架，教你搭建屬于自己的靜態(tài)博客站點(diǎn)。
介紹Hexo這個博客框架是基于Node.js寫的一款博客框架，與其說它是博客框架，不如說他是靜態(tài)博客生成器，它是將Markdown文件渲染成網(wǎng)頁，以實現(xiàn)展示的效果！你可以利用自己所學(xué)的HTML、CSS、JavaScript外加一點(diǎn)Node.js知識，就可以對其進(jìn)行修改，這何嘗不是一個練習(xí)的機(jī)會，如果你不會去修改，Hexo主題也可以滿足你的那顆不敢平凡的[圖片上傳失敗...(image-6e3705-1592526113904)]
。
準(zhǔn)備
|
準(zhǔn)備
| 網(wǎng)址
|
| 注冊Github賬號
| https://github.com/ |
| 安裝Git軟件
| https://git-scm.com/downloads |
| 安裝Node.js環(huán)境
| http://nodejs.cn/ |
github
git
node.js
Node安裝就像安裝普通軟件一樣，在這里我就不再敘述，Git安裝使用推薦一個博主的教程：https://blog.csdn.net/u013162035/article/details/78464161
可以通過鏈接去查看！
一、Git和GitHub配置
安裝完成git后，當(dāng)你單擊右鍵，會出現(xiàn)git bash here這個選項，我們將使用它通過命令來安裝和部署博客！
1、GitHub創(chuàng)建個人倉庫
首先，你先要有一個GitHub賬戶，去注冊一個吧。注冊完登錄后，在GitHub.com中看到一個New repository，創(chuàng)建一個和你用戶名相同的倉庫，后面加.github.io，只有這樣，將來要部署到GitHub page的時候，才會被識別，也就是xxxx.github.io，其中xxx就是你注冊GitHub的用戶名。我這里是已經(jīng)建過了。在這里就不再創(chuàng)建演示！
2、生成SSH添加到GitHub
** 2.1回到你的git bash中**
git config --global user.name "yourname"
這里的yourname輸入你的GitHub用戶名，youremail輸入你GitHub的郵箱。這樣GitHub才能知道你是不是對應(yīng)它的賬戶。
** 2.2可以用以下兩條，檢查一下你有沒有輸對**
git config user.name
** 2.3然后創(chuàng)建SSH,一路回車**
ssh-keygen -t rsa -C "youremail"
這個時候它會告訴你已經(jīng)生成了.ssh的文件夾，一般會在C盤用戶文件夾下。
3、去githu倉庫配置密鑰
** 3.1找到密鑰并復(fù)制密鑰**
** 3.2去github綁定密鑰**
4、開啟GitHub Pages
進(jìn)入你創(chuàng)建的倉庫，點(diǎn)擊設(shè)置
然后下拉，找到github Pages將你地址填上就可以了
二、開始搭建Hexo
1、安裝Hexo
使用npm安裝Hexo，輸入以下命令：
$ npm install hexo-cli -g
2. 創(chuàng)建一個叫blog文件夾
我是在D盤下新建一個blog的文件夾，然后進(jìn)入blog文件夾，單擊右鍵打開git bash。
$ hexo init
3. 初始化blog文件夾（導(dǎo)入博客目錄）
$ npm install
4. 安裝部署使用到的git插件
在這里我們使用的是git源碼管理工具，所以，我需要安裝git包進(jìn)行部署，安裝這個插件才能使用git進(jìn)行自動部署。
$ npm install hexo-deployer-git -save
5、清理緩存
$ hexo clean
6、進(jìn)行生成網(wǎng)站
當(dāng)我們部署網(wǎng)站前，需要先生成靜態(tài)網(wǎng)站。它會自動在目錄下創(chuàng)建public的目錄, 并將新生成的網(wǎng)頁存放在這個目錄里。
$ hexo g或hexo generate
7、本地瀏覽器運(yùn)行預(yù)覽
$ hexo server
8、在瀏覽器查看是否成功
瀏覽器地址欄輸入：http://localhost:4000/
**9、修改blog文件夾下config.yml **
type: git
可以從你的github庫中復(fù)制倉庫repo
10、部署github
修改完成后輸入以下命令進(jìn)行部署！
hexo deploy （或 hexo d）
這樣就可以啦！[圖片上傳失敗...(image-d8472-1592526113904)]
[圖片上傳失敗...(image-c7de06-1592526113904)]
[圖片上傳失敗...(image-94bd21-1592526113904)]
三、Hexo的目錄結(jié)構(gòu)
四、主題更改
1、主題下載
網(wǎng)址：https://hexo.io/themes/
2、更改主題
下載完成后將主題放入themes文件夾中，然后打開config.yml文件，進(jìn)行設(shè)置.
theme: (這里是填寫你主題文件下主題的文件夾名)
3、主題配置
進(jìn)入你的主題文件夾，然后找到你的主題，打開主題文件夾，找到主題config.yml配置文件，進(jìn)行配置
五、創(chuàng)建博文
進(jìn)入你的博客根目錄，鼠標(biāo)右擊，使用git bash here通過命令的形式創(chuàng)建。
hexo new '博文標(biāo)題'
這樣在這個目錄下就創(chuàng)建了一個.md文件
D:\MyBlog\source\_posts\Hellword.md
你只需要在編寫Hellword.md這個文件就可以了
總結(jié)
該教程準(zhǔn)備倉促，有不足之處歡迎指出，如果在安裝過程中遇到問題，盡管打擾！
[圖片上傳失敗...(image-4835ae-1592526113906)]
微信掃一掃
關(guān)注該公眾號
