使用Hexo搭建博客

第一步: 本地配置Hexo

// 下载
npm i hexo-cli -g

// 创建项目文件夹、初始化Hexo项目
mkdir hexo-blog
hexo init myblog && cd myblog
npm i

// 启动程序, 打开浏览器输入<http://localhost:4000即可访问>
npm run server

第二步: 配置服务器

• 使用ssh登录到远程服务器，准备搭建服务器git私有仓库

ssh root@server_ip  // 使用ssh登录到远程服务器
git --version // 没有则执行以下命令安装
apt-get install libcurl4-gnutls-dev libexpat1-dev gettext \ libz-dev libssl-dev
apt-get install git
git --version // 安装完成，检查

• 创建系统用户并配置git仓库

adduser git // 新建用户，不同的系统命令可能不同，我这里用的是debian系统
su git // 切换到该用户,进行git仓库初始化
cd /home/git/
mkdir -p projects/blog // 创建项目目录
mkdir repos && cd repos
git init --bare blog.git
cd blog.git/hooks // 创建hook钩子
vi post-receive // 创建hook钩子，输入如下内容
git --work-tree=/home/git/projects/blog --git-dir=/home/git/repos/blog.git checkout -f

• 配置完成后修改权限

chmod +x post-receive
exit // 退出到 root
chown -R git:git /home/git/repos/blog.git // 添加权限

• 测试 在本地找一个空白文件夹, 如果能将空仓库拉下来, 说明配置成功

git clone git@server_ip:/home/git/repos/blog.git

第三步: 搭建nginx服务

不同操作系统安装方式不同，这里是debian操作系统

• 下载安装

sudo apt-get update
sudo apt-get install nginx // 下载nginx
sudo systemctl start nginx // 启动nginx
sudo systemctl enable nginx // 设置nginx开机自启动（如果需要
安装完成后，在本地浏览器访问 [server_ip]:80 (nginx默认80端口), 如果出现 Nginx 的欢迎页面，说明安装成功

• 配置nginx

cd /etc/nginx/sites-available/ // 进入nginx网站配置目录
cp default myblog // 复制一份示例配置
ln -s /etc/nginx/sites-available/myblog /etc/nginx/sites-enabled/ // 将刚才复制出来的配置文件软连接到nginx可用配置目录下
vim /etc/nginx/sites-available/myblog // 打开myblog文件并编辑如下配置

server {
  listen 80;
  listen [::]:80;
  root /home/git/projects/blog;
  server_name your_server_name; // 例如server_name baidu.com
}

rm /etc/nginx/sites-enabled/default // 移除示例配置的软连接
sudo systemctl restart nginx // 重启nginx服务
至此，我们已经搭建完成本地和服务器的全部环境，下面开始部署我们的项目代码到服务器

第四步: 代码部署

• 编辑Hexo根目录的配置文件_config.yml

deploy:
  type: 'git'
  repository:
    git@your_server_ip:/home/git/repos/blog.git
  branch: master

• 添加package.json脚本

"scripts": {
    "build": "hexo generate",
    "clean": "hexo clean",
    "deploy": "hexo clean && hexo g -d",
    "server": "hexo server",
    "start": "hexo clean && hexo g && hexo s"
},

• 调试与部署

安装插件 npm install hexo-deployer-git –save
调试使用 npm run start
部署使用 npm run deploy

恭喜你，到现在，你已经成功的完成了个人博客的搭建

其他

关于Hexo主题的配置，你可以自行搜索喜欢的Hexo主题，并进行配置，配置也很简单方便。
我使用的主题是hexo-theme-anzhiyu