教你如何使用hexo以及nginx、github搭建屬于自己的博客（媽媽級教學）

~~

1.解釋一下你要的服務器的效果以及對應的操作

~~
首先你要有自己的一臺服務器，可以是云服務器，或者你可以用自己的電腦作為服務器，（windows也可以的）
（1）你有自己的windows(或者linux)
安裝hexo以及nodejs即可實現在github上可以訪問的遠程管理的blog
（2）你有租了服務器
安裝hexo以及Nodejs,你可以在服務器上創建博客 的同時再將blog遠程傳到github的blog倉庫，這樣你就有兩個平臺.

2.我的平臺情況，以及我對你的建議（媽媽級教學，認真看一下你是可以完成自己對應情況的）

ubuntu18.04服務器，github平臺
所以我有兩種方式訪問我的blog:
(1)github 倉庫

（2）服務器訪問（nginx掛載）：
如果不用服務器，就不需要考慮nginx的事情

（1）你不搞服務器，那就直接在你的pc上做下面相同的操作，與nginx相關的都不用管
（2）你搞服務器，那你跟著來，如果你不是ubuntu，是其他的服務器類型，你只需要 去百度一下做相同操作的指令就可（如果你是大佬，請你忽略我說的話），不要太懶

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.創建blog

記得ubuntu的nginx是默認掛載`/var/www/html`目錄的，

你可以在任意目錄創建自己的blog目錄，我是在/var/www/目錄創建的一個目錄叫hexo

cd /var/www mkdir hexo cd hexo sudo hexo init #生成博客 初始化博客 hexo s #啟動本地博客服務 http://localhost:4000/ #本地訪問地址

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

你可以訪問http://localhost:4000/看到一個基本的hexoblog模型

5.寫blog

（1）你可以使用CSDN的markdown編輯器進行編輯，導出md文件，然后再傳到ubuntu上，
（2）或者你也可以直接使用markdown語法進行編寫，具體的語法你需要自己去學
我給一個md文件的例子

--- title: test2 date: 2020-08-27 16:39:26 tags: --- **this is a test2**

其中****表示的是加粗，類似這樣，最終將文件保存為md文件，可以直接導入各個平臺寫文章
我這里教你怎么用md文件，如果你想直接用hexo使用markdown語法寫，我舉個例子如下：

hexo n "我的文章" #創建新的文章

之后hexo會在public/_posts目錄下自動生成我的文章.md文件，這跟你把md文件直接復制到public/_posts是一樣的。都是要對md文件進行編輯

6.生成blog

當/var/www/hexo/public/_posts文件夾中有md文件時，你可以通過以下命令生成blog：

#返回hexo目錄 hexo clean #清理 hexo g #生成 hexo s #預覽，你可以在這里預覽自己的blog生成情況

7.配置github

#Github創建一個新的倉庫 ‘你的github名字.github.io’

然后

cnpm install --save hexo-deployer-git #在blog目錄下安裝git部署插件

我這里的blog目錄就是/var/www/hexo，你的是你自己指定的目錄

然后配置_config.yml

.
.
.
打開編輯_config.yml
對于deploy字段，修改如下：

----- deploy: type: git repo: https://github.com/你的github名字/你的github名字.github.io.git branch: master -----

完成保存
使用命令hexo deploy部署blog到你的github項目
https://你的github名字.github.io/ #訪問這個地址可以查看博客

重點來了（踩坑教學）

修改_config.yml注意兩點，要想你的blog兼容各種主題以及不會出現兩篇文章跳轉到同一個目錄的情況，注意以下：
（1）url以及root的配置

url設置為github給你分配的訪問域名，就是你的github主頁地址
root設置為你的倉庫名稱（剛才設置的是 ‘你的github名字.github.io’）
只有這樣，你的blog才會正確的展現

（2）permalink的配置

這個是標記你的每一篇博客，即每個md文件 生成的鏈接，這里我是用title作為鏈接，你可以用其他的，比如日期 ，但是一定要記住，在最前面加上一個“：”

比如permalink: ：title/ 而不是permalink: title/

不然你的blog會全部跳轉到/title目錄下

至此，你的github鏈的blog就完成了
.
.

8.nginx服務器配置blog渲染hexo

這里就是開始你的服務器作為blog的載體的情況，
首先，修改nginx的配置文件

首先，在conf.d文件目錄中創建新文件：default.conf,內容為：

server {# 監聽端口listen 80;# 監聽ip 換成服務器公網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服務，就可以通過公網ip或者域名訪問你的服務器80端口來訪問blog了。

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。