教你如何使用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上可以訪(fǎng)問(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)
所以我有兩種方式訪(fǎng)問(wèn)我的blog:
(1)github 倉(cāng)庫(kù)

（2）服務(wù)器訪(fǎng)問(wèn)（nginx掛載）：
如果不用服務(wù)器，就不需要考慮nginx的事情

（1）你不搞服務(wù)器，那就直接在你的pc上做下面相同的操作，與nginx相關(guān)的都不用管
（2）你搞服務(wù)器，那你跟著來(lái)，如果你不是ubuntu，是其他的服務(wù)器類(lèi)型，你只需要 去百度一下做相同操作的指令就可（如果你是大佬，請(qǐng)你忽略我說(shuō)的話(huà)），不要太懶

3.安裝nodejs,hexo

windows的話(huà)，就搜一下怎么安裝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/ #本地訪(fǎng)問(wèn)地址

這些是初始化hexo生成的目錄，待會(huì)兒會(huì)解釋你需要哪些

你可以訪(fǎng)問(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’

然后

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/ #訪(fǎng)問(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給你分配的訪(fǎng)問(wèn)域名，就是你的github主頁(yè)地址
root設(shè)置為你的倉(cāng)庫(kù)名稱(chēng)（剛才設(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的配置文件

首先，在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，明白？

然后重啟nginx服務(wù)，就可以通過(guò)公網(wǎng)ip或者域名訪(fǎng)問(wèn)你的服務(wù)器80端口來(lái)訪(fǎng)問(wèn)blog了。

總結(jié)

以上是生活随笔為你收集整理的教你如何使用hexo以及nginx、github搭建属于自己的博客（操心的妈妈级教学）的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。