背景
- 最近在给博客做 seo 优化时发现 Github 屏蔽了百度的爬虫,导致文章很难被百度收录
- 从阿里云领来的服务器一直空闲,再不用我怕它生锈 😂
综上所述,我怕不得不将博客部署到自己的服务器。明白了利害关系还等什么呢?那就开干吧!
服务器配置
在开始服务器配置之前有必要梳理下我们需要完成的任务
- 为本地 hexo 博客配置一个部署静态文件的远程仓库
- 配置 Nginx 托管博客文件目录
- 配置远程仓库自动更新奥博客文件目录的钩子
创建远程仓库
首先在/var/repo/
下创建一个名为hexoBlog
的仓库
sudo mkdir /var/repo/
如果没有/var/repo
目录,需要先创建一个,并修改目录所有权及用户权限
sudo mkdir /var/repo/
sudo chown -R $USER:$USER /var/repo/
sudo chmod -R 755 /var/repo/
然后执行下面
cd /var/repo
git init --bare hexoBlog.git
配置 Nginx 托管文件目录
首先创建/var/www/blog
目录,用于 Nginx 托管
sudo mkdir -p /var/www/hexo
和前面步骤一样,这里同样需要修改目录的所有权和权限
sudo chown -R $USER:$USER /var/www/hexo
sudo chmod -R 755 /var/www/hexo
然后修改 Nginx 的default
的设置
sudo vim /etc/nginx/sites-available/default
将 root 指向/var/www/blog
目录 找到以下代码
server {
listen 80 default_server; listen [::]:80 default_server ipv6only=on;
root html;
index index.html index.htm;
}
修改为
server {
listen 80 default_server;
listen [::]:80 default_server ipv6only=on;
server_name xx.xx.xx #如果你有域名此处改为你的域名 若没有直接删除这行
root /var/www/hexo;
index index.html index.htm;
}
保存退出,重启 Nginx 服务,使改动生效
sudo /etc/init.d/nginx restart
做完这一步你就可以在浏览器输入你服务器的公网 IP 访问了。不过会报错,因为你的/var/www/blog/
目录是空的
创建 Git 钩子
接下来在 hexoBlog 创建一个钩子,在满足特定条件是将静态 HTML 文件传送到 Web 服务器的目录下,即/var/www/blog
。
在自动生成的 hooks 目录下创建一个新钩子脚本文件:
sudo vim /var/repo/hexoBlog.git/hooks/post-receive
在该文件中添加下面代码,指定 Git 的工作树(源代码)和 Git 目录(配置文件等)
#!/bin/bash
git --work-tree=/var/www/hexo --git-dir=/var/repo/hexoBlog.git checkout -f
保存退出,给该文件加权限使其变成可执行文件
chmod +x /var/repo/hexoBlog.git/hooks/post-receive
至此服务器的配置就完成了
Git 部署
通过 Git 将 Hexo 生成的静态内容推送到服务器。
编辑本地 blog 文件中的站点配置文件_config.yml
,找到 Deployment 部分,按照自己的情况修改
deploy:
type: git
repo: 服务器用户名@服务器的公网 IP 地址:/var/repo/hexoBlog
branch: master
保存退出。
安装一个 Hexo 包,负责将博客所需的静态文件推送指定的服务器 Git 仓库。
npm install hexo-deployer-git --save
安装好后可以测试部署
hexo g && hexo d
期间可能提示输入服务器用户的登录密码。
完成后就可以在浏览器输入服务器公网 IP 或设置的域名并打开,就可以看到自己的博客了。
总结
本文较为完整的介绍了服务端配置通过 Git 部署。我没有使用公开的 Github 等第三方服务,而是选择直接在服务器上创建了私有仓库。然后,通过 Git 钩子,将 Hexo 生成的博客静态文件快速地推送到 Web 服务的托管目录。这样做的好处就是不受服务器与 GIthub 之间网络情况的影响,避免因第三方平台宕机或者被封,导致无法更新博客的情况。
网友评论