教你如何使用hexo以及nginx、github搭建屬于自己的博客（媽媽級(jí)教學(xué)）
~~
1.解釋一下你要的服務(wù)器的效果以及對(duì)應(yīng)的操作
~~
首先你要有自己的一臺(tái)服務(wù)器，可以是云服務(wù)器，或者你可以用自己的電腦作為服務(wù)器，（windows也可以的）
（1）你有自己的windows(或者linux)
安裝hexo以及nodejs即可實(shí)現(xiàn)在github上可以訪問(wèn)的遠(yuǎn)程管理的blog
（2）你有租了服務(wù)器
安裝hexo以及Nodejs,你可以在服務(wù)器上創(chuàng)建博客 的同時(shí)再將blog遠(yuǎn)程傳到github的blog倉(cāng)庫(kù)，這樣你就有兩個(gè)平臺(tái).
2.我的平臺(tái)情況，以及我對(duì)你的建議（媽媽級(jí)教學(xué)，認(rèn)真看一下你是可以完成自己對(duì)應(yīng)情況的）
ubuntu18.04服務(wù)器，github平臺(tái)
所以我有兩種方式訪問(wèn)我的blog:
(1)github 倉(cāng)庫(kù)
（2）服務(wù)器訪問(wèn)（nginx掛載）：
如果不用服務(wù)器，就不需要考慮nginx的事情
（1）你不搞服務(wù)器，那就直接在你的pc上做下面相同的操作，與nginx相關(guān)的都不用管
（2）你搞服務(wù)器，那你跟著來(lái)，如果你不是ubuntu，是其他的服務(wù)器類(lèi)型，你只需要 去百度一下做相同操作的指令就可（如果你是大佬，請(qǐng)你忽略我說(shuō)的話），不要太懶
3.安裝nodejs,hexo
windows的話，就搜一下怎么安裝nodejs和hexo就行
ubuntu指令如下
--- #安裝Nodejs
node -v #查看node版本
npm -v #查看npm版本
npm install -g cnpm --registry=http://registry.npm.taobao.org #安裝淘寶的cnpm 管理器
cnpm -v #查看cnpm版本
cnpm install -g hexo-cli #安裝hexo框架
hexo -v #查看hexo版本
4.創(chuàng)建blog
記得ubuntu的nginx是默認(rèn)掛載`/var/www/html`目錄的，
你可以在任意目錄創(chuàng)建自己的blog目錄，我是在/var/www/目錄創(chuàng)建的一個(gè)目錄叫hexo
cd /var/www
mkdir hexo
cd hexo
sudo hexo init #生成博客 初始化博客
hexo s #啟動(dòng)本地博客服務(wù)
http://localhost:4000/ #本地訪問(wèn)地址
這些是初始化hexo生成的目錄，待會(huì)兒會(huì)解釋你需要哪些
[圖片上傳失敗...(image-db2e50-1598857980189)]
你可以訪問(wèn)http://localhost:4000/看到一個(gè)基本的hexoblog模型
5.寫(xiě)blog
（1）你可以使用CSDN的markdown編輯器進(jìn)行編輯，導(dǎo)出md文件，然后再傳到ubuntu上，
（2）或者你也可以直接使用markdown語(yǔ)法進(jìn)行編寫(xiě)，具體的語(yǔ)法你需要自己去學(xué)
我給一個(gè)md文件的例子
---
title: test2
date: 2020-08-27 16:39:26
tags:
---
**this is a test2**
其中****表示的是加粗，類(lèi)似這樣，最終將文件保存為md文件，可以直接導(dǎo)入各個(gè)平臺(tái)寫(xiě)文章
我這里教你怎么用md文件，如果你想直接用hexo使用markdown語(yǔ)法寫(xiě)，我舉個(gè)例子如下：
hexo n "我的文章" #創(chuàng)建新的文章
之后hexo會(huì)在public/_posts目錄下自動(dòng)生成我的文章.md文件，這跟你把md文件直接復(fù)制到public/_posts是一樣的。都是要對(duì)md文件進(jìn)行編輯
6.生成blog
當(dāng)/var/www/hexo/public/_posts文件夾中有md文件時(shí)，你可以通過(guò)以下命令生成blog：
#返回hexo目錄
hexo clean #清理
hexo g #生成
hexo s #預(yù)覽，你可以在這里預(yù)覽自己的blog生成情況
7.配置github
#Github創(chuàng)建一個(gè)新的倉(cāng)庫(kù) ‘你的github名字.github.io’
[圖片上傳失敗...(image-386ae3-1598857980189)]
然后
cnpm install --save hexo-deployer-git #在blog目錄下安裝git部署插件
我這里的blog目錄就是/var/www/hexo，你的是你自己指定的目錄
然后配置_config.yml
.
.
.
打開(kāi)編輯_config.yml
對(duì)于deploy字段，修改如下：
-----
deploy:
type: git
repo: https://github.com/你的github名字/你的github名字.github.io.git
branch: master
-----
完成保存
使用命令hexo deploy部署blog到你的github項(xiàng)目
https://你的github名字.github.io/ #訪問(wèn)這個(gè)地址可以查看博客
重點(diǎn)來(lái)了（踩坑教學(xué)）
修改_config.yml注意兩點(diǎn)，要想你的blog兼容各種主題以及不會(huì)出現(xiàn)兩篇文章跳轉(zhuǎn)到同一個(gè)目錄的情況，注意以下：
（1）url以及root的配置
url設(shè)置為github給你分配的訪問(wèn)域名，就是你的github主頁(yè)地址
root設(shè)置為你的倉(cāng)庫(kù)名稱（剛才設(shè)置的是 ‘你的github名字.github.io’）
只有這樣，你的blog才會(huì)正確的展現(xiàn)
（2）permalink的配置
這個(gè)是標(biāo)記你的每一篇博客，即每個(gè)md文件 生成的鏈接，這里我是用title作為鏈接，你可以用其他的，比如日期 ，但是一定要記住，在最前面加上一個(gè)“：”
比如permalink: ：title/ 而不是permalink: title/
不然你的blog會(huì)全部跳轉(zhuǎn)到/title目錄下
至此，你的github鏈的blog就完成了
.
.
8.nginx服務(wù)器配置blog渲染hexo
這里就是開(kāi)始你的服務(wù)器作為blog的載體的情況，
首先，修改nginx的配置文件
[圖片上傳失敗...(image-b8f71d-1598857980189)]
首先，在conf.d文件目錄中創(chuàng)建新文件：default.conf,內(nèi)容為：
server {
# 監(jiān)聽(tīng)端口
listen 80;
# 監(jiān)聽(tīng)ip 換成服務(wù)器公網(wǎng)IP
# server_name mr-lin.site;
location / {
root /var/www/hexo/public;
index index.html;
}
location ~ .* {
#proxy_pass http://xd-project;
proxy_set_header Host $http_host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
}
}
好的，這樣就可以了，記得，其中的root改為你的blog地址/public才可以，我這里的blog地址是/var/www/hexo，明白？
