个人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访问博客啦