写在前面
Hexo 博客搭好了有差不多两周时间了,这期间走了很多弯路,跳了很多坑。一些坑自己 bing 到了答案,找到了解决方法,一些坑则是自己摸索出来的解决方法。现在准备写几篇关于搭建流程、搭建过程中遇到的问题和解决方法。俗话说得好,好记性不如烂键盘嘛。
暂时准备写三篇关于 Hexo 博客搭建的博文:
本文介绍
本博客是关于 Hexo 博客搭建的第一篇,通过三步简述如何将 hexo 博客部署到腾讯云的服务器上。
- 云服务器端 git 的配置
- Nginx 的配置
- 本地端 hexo 的设置更改
前期准备:
- 一个腾讯云服务器
- hexo 本地博客
本博客中所有操作使用的服务器环境
操作系统 | CPU | 内存 | 带宽 |
---|---|---|---|
CentOS 7.2 64位 | 1核 | 2GB | 1Mbps |
云服务器操作
- 登录 腾讯云控制台
- 在菜单选择云主机,然后找到你的服务器,并登录。
- 输入密码,进入 云服务器 CentOS中。(初始密码在控制台右上角的消息列表中)
云服务器端配置 git
-
安装依赖库和编译工具
- 安装依赖库:
yum install curl-devel expat-devel gettext-devel openssl-devel zlib-devel
- 安装编译工具:
yum install gcc perl-ExtUtils-MakeMaker package
-
下载 git
- 选择一个目录来存放下载下来的 git 安装包。这里选择了
/usr/local/src
目录
cd /usr/local/src
- 到官网找一个新版稳定的源码包下载到
/usr/local/src
文件夹里
wget https://www.kernel.org/pub/software/scm/git/git-2.16.2.tar.gz
- 选择一个目录来存放下载下来的 git 安装包。这里选择了
-
解压编译 git
- 在当前目录下解压
git-2.16.2.tar.gz
tar -zvxf git-2.16.2.tar.gz
- 进入
git-2.16.2.tar.gz
目录下
cd git-2.16.2
- 执行编译
make all prefix=/usr/local/git
- 安装 git 到
/usr/local/git
目录下
make install prefix=/usr/local/git
- 在当前目录下解压
-
配置 git 环境变量
- 将 git 加入 PATH 目录中
echo 'export PATH=$PATH:/usr/local/git/bin' >> /etc/bashrc
- 使 git 环境变量生效
source /etc/bashrc
-
查看 git 版本
git --version
如果此时能查看到 git 的版本号,说明我们已经安装成功了。
- 创建 git 仓库,用于存放博客网站资源。
- 在
home/git
的目录下,创建一个名为hexoBlog
的裸仓库。
如果没有home/git
目录,需要先创建;然后修改目录的所有权和用户权限。
mkdir /home/git/
chown -R $USER:$USER /home/git/
chmod -R 755 /home/git/
然后,执行如下命令:
cd /home/git/
git init --bare hexoBlog.git
刚才这一步主要创建一个裸的 git 仓库。
-
创建一个新的 git 钩子,用于自动部署。
- 在
/home/git/hexoBlog.git
下,有一个自动生成的hooks
文件夹。我们需要在里边新建一个新的钩子文件post-receive
。
vim /home/git/hexoBlog.git/hooks/post-receive
- 按
i
键进入文件的编辑模式,在该文件中添加两行代码(将下边的代码粘贴进去),指定 Git 的工作树(源代码)和 Git 目录(配置文件等)。
#!/bin/bash git --work-tree=/home/hexoBlog --git-dir=/home/git/hexoBlog.git checkout -f
然后,按
Esc
键退出编辑模式,输入:wq
保存退出。- 修改文件权限,使得其可执行。
chmod +x /home/git/hexoBlog.git/hooks/post-receive
- 在
到一步为止,git 仓库完全搭建好了。下面进行 Nginx 的配置。
云服务器端配置 Nginx
- 安装 Nginx
yum install -y nginx
- 启动 Nginx
service nginx start
- 测试 Nginx 服务器
wget http://127.0.0.1
能够正常获取以下欢迎页面说明Nginx安装成功。
Connecting to 127.0.0.1:80... connected.
HTTP request sent, awaiting response... 200 OK
Length: 43704 (43K) [text/html]
Saving to: ‘index.html’
100%[=======================================>] 43,704 --.-K/s in 0s
2018-07-12 11:04:09 (487 MB/s) - ‘index.html’ saved [43704/43704]
-
测试网页是否能打开
在浏览器中输入服务器 ip 地址,就是服务器的公网 ip。 -
配置 Nginx 托管文件目录
- 接下来,创建
/home/hexoBlog
目录,用于 Nginx 托管。
mkdir /home/hexoBlog/ chown -R $USER:$USER /home/hexoBlog/ chmod -R 755 /home/hexoBlog/
- 查看 Nginx 的默认配置的安装位置
nginx -t
- 修改Nginx的默认配置,其中 cd 后边就是刚才查到的安装位置
vim /etc/nginx/nginx.conf
- 按方向键,找到如下位置
server { listen 80 default_server; listen [::]:80 default_server; root /home/hexoBlog; #需要修改 server_name evenyao.com; #博主的域名,需要修改成对应的域名 # Load configuration files for the default server block. include /etc/nginx/default.d/*.conf; location / { } error_page 404 /404.html; location = /40x.html { }
按
i
键进入插入模式,将其中的 root 值改为/home/hexoBlog
(刚才创建的托管仓库目录)。
将 server_name 值改成自己相应的域名地址
。- 重启 Nginx 服务
service nginx restart
- 接下来,创建
到这一步为止,服务器端配置就结束了。接下来,就只剩本地 hexo 的配置了。
修改 hexo 站点配置文件 git 相关设置
- 设置 hexo 配置文件
打开你本地的 hexo 博客所在文件,打开站点配置文件(不是主题配置文件),做以下修改。
deploy:
type: git
repo: root@xx.xx.xx.xx:/home/git/hexoBlog //xx.xx.xx.xx为服务器地址
branch: master
- 在 hexo 目录下执行部署
cd 你的 hexo 目录
hexo clean
hexo generate
hexo deploy
- 用公网 IP 访问 hexo 博客
其他可能出现的问题
若出现如下报错,为 git 没有设置SSH key
,创建SSH key
之后重新 hexo d
即可
Error: ssh: Could not resolve hostname cvm XX.XX.XX.XX : nodename nor servname provided, or not known
fatal: Could not read from remote repository.
Please make sure you have the correct access rights
and the repository exists.
at ChildProcess.<anonymous> (/Users/Yao/Desktop/hexoBlog/node_modules/hexo-util/lib/spawn.js:37:17)
at ChildProcess.emit (events.js:182:13)
at maybeClose (internal/child_process.js:961:16)
at Socket.stream.socket.on (internal/child_process.js:380:11)
at Socket.emit (events.js:182:13)
at Pipe._handle.close (net.js:595:12)
网友评论
https://www.simon96.online/2018/10/12/hexo-tutorial/
https://alili.tech
前端大爆炸 Web BANG BANG BANG
感谢博主。