[前言]


  相信大部分人使用Hexo搭建个人博客都会部署到一些免费的代码托管平台上,但这些免费的平台总是差强人意,比如国外的GitHub平台虽然完全免费,但在国内访问加载速度非常慢,又或者是国内的码云平台免费版有许多功能被阉割掉了,比如不能自定义域名,不能每次自动刷新提交的代码,需要到码云平台上手动刷新,如此一来非常繁琐。

  为了有效解决上诉的一些问题,有条件的话,不妨在自己的云服务器上搭建Hexo博客。

[效果演示]


这是Hexo博客部署到GitHub上的网站测速效果

演示demo1

演示demo1

这是Hexo博客部署到阿里云服务器后的网站测速效果

演示demo2

演示demo2

[环境准备]


  • 本地环境:Windows 10
  • 云服务器环境:阿里云ECS(CentOS7.x)

[开始部署]


[本地环境搭建]

1.安装Git

到git官网上下载.exe文件,Download git,安装选项还是全部默认,最后一步添加路径时选择Use Git from the Windows Command Prompt

2.安装Nodejs

Node.js官网下载.exe文件,安装选项全部默认。安装好之后,按Win+R打开cmd命令提示符,输入node -vnpm -v,若出现版本号,则说明安装成功。

使用npm阿里的国内镜像进行加速下载

1
npm config set registry https://registry.npm.taobao.org

4.安装Hexo

先创建一个文件夹MyBlog,用来存放自己的博客文件,然后cd到这个文件夹下(或者在这个文件夹下直接右键git bash here打开)。

定位到该目录下,输入npm install -g hexo-cli安装Hexo。可能会有几个报错,不用理会。

1
npm install -g hexo-cli

安装完后输入hexo -v,若出现版本号则,说明安装成功。

接下来初始化一下hexo,即初始化我们的博客,输入hexo init初始化文件夹

新建完成后,指定文件夹MyBlog目录下有:

  • node_modules: 依赖包
  • public:存放生成的页面
  • scaffolds:生成文章的一些模板
  • source:用来存放你的文章
  • themes:主题**
  • _config.yml: 博客的配置文件**

输入hexo g生成静态网页,然后输入hexo s打开本地服务器预览

1
2
hexo g
hexo s

Hexo

Hexo

[生成ssh公钥]

在本地桌面点击右键Git Bash Here打开Git终端,执行如下命令`,一路回车

1
ssh-keygen -t rsa

这个时候它会告诉你已经生成了.ssh的文件夹。在git bash中输入

1
cat ~/.ssh/id_rsa.pub

输出的内容就是公钥信息了,保存下来备用。

[阿里云服务器环境搭建]

一、安装Git

1、更新系统软件

在安装Git之前,我们推荐首先更新系统的软件包。这样能确保系统中的依赖都是最新的,从而避免在安装过程中出现不必要的错误。

1
sudo apt-get update && sudo apt-get dist-upgrade

或 centos系统

1
sudo yum update && sudo apt-get dist-upgrade
2、通过yum安装git

CentOS系统通过yum包管理器提供了简单易用的软件安装方法。执行下面的命令就可以轻松地将Git安装到您的系统上:

1
sudo apt-get install git

或 centos系统

1
sudo yum install git

安装过程可能会询问您是否要继续,此时输入y并按下Enter键。

3、验证git的安装

安装完成后,为了确保Git已经被正确安装,您可以通过下面的命令来验证Git的版本:

1
git --version

如果看到Git的版本信息输出,说明安装成功。

4、初次设置git

在首次使用Git之前,最好设置您的用户信息,这样在后续的提交中,Git就能正确地标识您:

1
2
git config --global user.name "您的用户名"
git config --global user.email "您的邮箱"

您还可以检查设置的信息是否正确:

1
git config --global user.name git config --global user.email

此外,Git拥有许多配置选项,根据个人习惯和需求进行调整。例如,设置默认的文本编辑器或更改命令的颜色输出等。

二、创建Git账户

1
adduser git

添加账户权限

1
2
chmod 740 /etc/sudoers
vim /etc/sudoers

找到

1
2
## Allow root to run any commands anywhere
root ALL=(ALL) ALL

添加以下内容

1
git   ALL=(ALL)     ALL

然后,按 Esc 键退出编辑模式,输入”:wq” 保存退出。
并改回权限

1
chmod 400 /etc/sudoers

三、设置git账户密码

1
sudo passwd git

切换至git用户,创建 ~/.ssh 文件夹和 ~/.ssh/authorized_keys 文件,并赋予相应的权限

1
2
3
4
5
6
su git
mkdir ~/.ssh
vim ~/.ssh/authorized_keys
# 然后将win10中生成的id_rsa.pub文件中的公钥复制到authorized_keys
chmod 600 /home/git/.ssh/authorized_keys
chmod 700 /home/git/.ssh

如果你做了一些改变,并希望保留它们,要退出编辑器,按ESC键后输入 :wq 并按Enter/return.

在本地Git终端中测试是否能免密登录git(本地MyBlog文件夹下直接右键git bash here打开),其中SERVER为填写自己的云主机IP,执行输入yes后不用密码就说明设置好了

1
ssh -v git@SERVER

四、创建Git仓库目录

1
2
3
4
5
6
7
8
9
#repo作为Git仓库目录
mkdir /var/repo
chown -R git:git /var/repo
chmod -R 755 /var/repo
#hexo作为网站根目录
mkdir /www/wwwroot/
mkdir /www/wwwroot/hexo
chown -R git:git /www/wwwroot/hexo
chmod -R 755 /www/wwwroot/hexo

然后创建一个裸的 Git 仓库

1
cd /var/repo git init --bare hexoBlog.git

创建一个新的 Git 钩子,用于自动部署 在 /var/repo/hexoBlog.git 下,有一个自动生成的 hooks 文件夹。我们需要在里边新建一个新的钩子文件 post-receive

1
vim /var/repo/hexoBlog.git/hooks/post-receive

i 键进入文件的编辑模式,在该文件中添加两行代码(将下边的代码粘贴进去),指定 Git 的工作树(源代码)和 Git 目录(配置文件等)

1
2
#!/bin/bash
git --work-tree=/www/wwwroot/hexo --git-dir=/var/repo/hexoBlog.git checkout -f

然后,按 Esc 键退出编辑模式,输入”:wq” 保存退出。

修改文件权限,使得其可执行

1
chown -R git:git /var/repo/hexoBlog.git/hooks/post-receive chmod +x /var/repo/hexoBlog.git/hooks/post-receive

到此为止 Git 仓库就搭建完成了。

[阿里云服务器配置Nginx]

用宝塔面板来一键部署Nginx Linux面板6.0安装命令(暂时仅兼容Centos7.x,其它系统版本请安装5.9稳定版):

1
yum install -y wget && wget -O install.sh https://download.bt.cn/install/install_6.0.sh && sh install.sh ed8484bec

Linux面板6.0升级专业版

1
curl http://download.bt.cn/install/update6.sh|bash

安装完成后会显示面板后台地址·账号·密码。打开面板后台地址登陆面板,选择Nginx的部署方案,静静等待部署。

部署完成,点击网站-添加站点-输入域名(没有域名的输入自己的IP地址)-底部的PHP版本选择”纯静态”-提交。

网站创建完成后点击设置-配置文件

1
2
3
4
5
6
7
server
{
listen 80;
# server_name 填写自己的域名
server_name jgwy.com blog.jgwy.com; index index.php index.html index.htm default.php default.htm default.html;
# 这里root填写自己的网站根目录,修改为/www/wwwroot/hexo
root /www/wwwroot/hexo;

-保存

点击设置-网站目录,修改为/www/wwwroot/hexo ,保存

重启宝塔面板服务

[本地Hexo部署到阿里云服务器]

进入到本地Hexo博客的文件夹MyBlog,右键点击Git Bash Here,输入命令

1
2
3
4
#定义邮箱(更换为你的邮箱地址就行)
git config --global user.email "[email protected]"
#定义名称(更换自定义一个名称就行)
git config --global user.name "Your Name"

配置_config.yml,完成自动化部署

打开本地Hexo博客的文件夹MyBlog文件夹下的_config.yml, 找到deploy

1
2
3
4
5
6
deploy:
type: git
#server改为你的服务IP地址或解析后的域名
#例如我改为repo: [email protected]:/var/repo/hexoBlog.git
repo: git@server:/var/repo/hexoBlog.git
branch: master

保存后,即可测试部署

再进入到本地Hexo博客的文件夹MyBlog,右键点击Git Bash Here,输入命令

1
2
hexo clean 
hexo g -d

不报错说明完成,打开浏览器输入你的域名或ip地址就可以看到你部署的Hexo博客了。

到此为止,我们已经成功部完成,并且访问自己的服务器端比访问Github快多了。

若执行hexo g -d命令部署的时候报如下错误:

1
ERROR Deployer not found: git

使用以下命令安装hexo-deployer-git插件:

1
npm install hexo-deployer-git --save

解决问题的关键,那就是要在站点目录下执行以上安装hexo-deployer-git插件的命令,所谓站点目录就是执行hexo init的目录,如果已经在其他目录安装了hexo-deployer-git插件的小伙伴,可以使用以下命令卸载该插件:

1
npm uninstall hexo-deployer-git --save

卸载完成后重新在站点目录下安装hexo-deployer-git插件就行啦。

[小贴士]

在部署过程中,执行 hexo d发现部署老是出错,什么权限不允许之类的,这里我们需要检查我们在上述的git操作部署是否使用了git用户操作,若是没有,需要给相应的目录更改用户组 使用

1
chown -R git:git /var/repo/

这条命令递归的将repo目录及其子目录用户组设置为git。 同时使用

1
chown -R git:git /www/wwwroot/hexo

这样即可解决此类问题。

还有一个问题就是绑定域名后不能访问。原因是在国内任何域名只要绑定到国内的服务器主机上都必须去工信部和公安部备案完后才能正常使用。如果是港澳台的服务器或者是国外的服务器则可以不需要备案。

[参考文章]