我的Hexo博客搭建

Posted 2020-11-15 fortisck

前言

---

 

最近想搭建一个自己的个人博客，由于缺乏前端知识，一番搜寻后决定使用简单方便的Hexo。

我的环境

• 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: [e-mail]:/home/hexoBlog  //xx.xx.xx.xx为服务器地址
  branch: master

再在git中输入

npm install hexo-deployer-git --save

安装完成后，只要在git中

hexo generate
hexo deploy

等待运行完成

就可以用公网IP访问博客啦