個人Hexo博客搭建

前言

---

 

最近想搭建一個本身的我的博客，因爲缺少前端知識，一番搜尋後決定使用簡單方便的Hexo。

本文連接：https://chenmingzhang.cn/2019/09/30/site-build/

個人環境

• Windows10
• Git 2.22.0
• Node.js 10.16.3 LTS
• 騰訊雲 CentOS 7.6 64位

Hexo簡介

Hexo 是一個快速、簡潔且高效的博客框架。Hexo 使用 Markdown（或其餘渲染引擎）解析文章，在幾秒內，便可利用靚麗的主題生成靜態網頁。

 

第一部分

---

 

1.Hexo的安裝

• 安裝git

　　Windows下直接進入git官網下載便可

• 安裝Node.js

　　一樣，Windows下直接進入Node.js官網下載，無腦下一步便可

• 安裝Hexo

　　打開GIt Bash

$ npm install -g hexo-cli

2.開始建站

安裝完Hexo後，接着執行下列命令Hexo 將會在指定文件夾中新建所須要的文件

$ hexo init <folder> #<folder>爲網站所在文件夾
$ cd <folder>
$ npm install

執行完畢後，指定文件夾內的目錄應該以下：

.
├── _config.yml
├── package.json
├── scaffolds
├── source
|   ├── _drafts
|   └── _posts
└── themes

 接着 cd <folder> 到指定文件夾下 hexo s -debug 就能啓動項目了

啓動成功後咱們在瀏覽器輸入localhost:4000 就能訪問到咱們的博客了

3.更改配置、主題

在項目的根目錄裏，有這些文件

• node_modules: 依賴包
• public：存放生成的頁面
• scaffolds：生成文章的一些模板
• source：用來存放你的文章
• themes：主題
• _config.yml: 博客的配置文件

咱們能夠先從Hexo的主題網站下載一個本身喜歡的主題，這裏我用的是ochuunn

在該主題的github頁面有較爲詳細的安裝教程，又不會安裝配置的同窗也能夠聯繫我

安裝完主題以後，啓動項目，就能訪問到好看的博客了

 

第二部分 部署到服務器

---

 

1.雲服務器安裝git, Node.js, Hexo

登陸進入服務器後，輸入

sudo yum install git-core

完成後輸入

wget -qO- https://raw.githubusercontent.com/nvm-sh/nvm/v0.34.0/install.sh | sh
nvm install node
#若是nvm沒法運行能夠重啓一下服務器
npm install -g hexo-cli

2.建立git倉庫

輸入

mkdir /var/www/Blog/
#更改權限
chown -R $USER:$USER /var/www/Blog/
chmod -R 755 /var/www/Blog/
cd /home/
git init --bare Blog.git

 如今建立了一個空的git倉庫

3.建立git鉤子

在 /home/BLog.git 下，有一個hooks文件夾。咱們須要在裏面建立一個鉤子文件 

vim /home/Blog.git/hooks/post-receive

在該文件中添加兩行代碼

#!/bin/bash
git --work-tree=/var/www/Blog --git-dir=/home/Blog.git checkout -f

修改文件權限

chmod +x /home/Blog.git/hooks/post-receive

 4.服務器配置Nginx

安裝

yum install -y nginx

 

啓動

service nginx start

 

如今咱們能夠從瀏覽器訪問服務器的公網地址，若是能看到歡迎頁面那麼說明Nginx安裝成功

接着去修改Nginx的配置

vim /etc/nginx/nginx.conf

server {
    listen 80 default_server;
    listen [::]:80 default_server;
    root /var/www/Blog;    #須要修改

    server_name chenmingzhang.cn; #若是有域名的話，改爲域名

    # Load configuration files for the default server block.
    include /etc/nginx/default.d/*.conf; location / { } error_page 404 /404.html; location = /40x.html { }

 最後重啓Nginx

service nginx restart

5.修改本地配置

在本地項目根目錄的_config.yml中，做以下修改

deploy:
  type: git
  repo: root@xx.xx.xx.xx:/home/hexoBlog  //xx.xx.xx.xx爲服務器地址
  branch: master

再在git中輸入

npm install hexo-deployer-git --save

安裝完成後，只要在git中

hexo generate
hexo deploy

等待運行完成

就能夠用公網IP訪問博客啦