hexo博客如何部署到服务器的最全教程

本篇内容用来讲述如何将 hexo 博客部署到腾讯云的服务器上。
只要通过三步即可成功部署:

  • 云服务器端 git 的配置
  • Nginx 的配置
  • 本地端 hexo 的设置更改

进入云服务器中

可以通过各大云服务器官网进入,或者通过Xshell6软件进入。
hexo博客如何部署到服务器的最全教程_第1张图片

云服务器端配置 git

安装依赖库和编译工具

  1. 安装依赖库
yum install curl-devel expat-devel gettext-devel openssl-devel zlib-devel
  1. 安装编译工具
yum install gcc perl-ExtUtils-MakeMaker package

下载 git

  1. 选择一个目录来存放下载下来的 git 安装包。这里选择了**/usr/local/src** 目录
cd /usr/local/src

2.官网找一个新版稳定的源码包下载到 /usr/local/src文件夹里

wget https://www.kernel.org/pub/software/scm/git/git-2.16.2.tar.gz

解压编译git
1.在当前目录下解压 git-2.16.2.tar.gz

tar -zvxf git-2.16.2.tar.gz

2.进入 git-2.16.2.tar.gz 目录下

cd git-2.16.2

3.执行编译

make all prefix=/usr/local/git

4.安装 git 到 /usr/local/git 目录下

make install prefix=/usr/local/git

配置 git 环境变量

1.将 git 加入 PATH 目录中

echo 'export PATH=$PATH:/usr/local/git/bin' >> /etc/bashrc

2.使 git 环境变量生效

source /etc/bashrc

3.查看git版本

git --version

hexo博客如何部署到服务器的最全教程_第2张图片
如果此时能查看到 git 的版本号,说明我们已经安装成功了

创建 git 仓库,用于存放博客网站资源
1.在 home/git 的目录下,创建一个名为hexoBlog的裸仓库(bare repo)。
如果没有 home/git 目录,需要先创建;然后修改目录的所有权和用户权限。

mkdir /home/git/

chown -R $USER:$USER /home/git/

chmod -R 755 /home/git/

2.然后,执行如下命令.这一步主要创建一个裸的 git 仓库

cd /home/git/

git init --bare hexoBlog.git

创建一个新的 git 钩子,用于自动部署

1.在 /home/git/hexoBlog.git 下,有一个自动生成的 hooks 文件夹。我们需要在里边新建一个新的钩子文件 post-receive

vim /home/git/hexoBlog.git/hooks/post-receive

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

git --work-tree=/home/hexoBlog --git-dir=/home/git/hexoBlog.git checkout -f

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

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

chmod +x /home/git/hexoBlog.git/hooks/post-receive

到这里,我们的 git 仓库算是完全搭建好了。下面进行 Nginx 的配置。

云服务器端配置 Nginx

1.安装 Nginx

yum install -y nginx

2.启动 Nginx

service nginx start

3.测试 Nginx 服务器

wget http://127.0.0.1

能够正常获取以下欢迎页面说明Nginx安装成功。
在这里插入图片描述
4.测试网页是否能打开.在浏览器中输入服务器 ip 地址,就是服务器的公网 ip。

5.配置 Nginx 托管文件目录

  • 创建 /home/hexoBlog目录,用于 Nginx 托管。
 mkdir /home/hexoBlog/
   
   chown -R $USER:$USER /home/hexoBlog/
   
   chmod -R 755 /home/hexoBlog/
  • 查看 Nginx 的默认配置的安装位置
   nginx -t 
  • 修改Nginx的默认配置
   vim /etc/nginx/nginx.conf 
  • 按方向键,找到如下位置
   server {
       listen 80 default_server;
       listen [::]:80 default_server;
       root /home/hexoBlog;    #需要修改
       
       server_name www.bujige.net; #需要修改
       
       # Load configuration files for the default server block.
       include /etc/nginx/default.d/*.conf;
       location / {
       }
       error_page 404 /404.html;
           location = /40x.html {
       }
}

hexo博客如何部署到服务器的最全教程_第3张图片
i键进入插入模式,将其中的 root 值改为 /home/hexoBlog (刚才创建的托管仓库目录)。
server_name 值改成你的域名

5.重启 Nginx 服务

 service nginx restart

至此,服务器端配置就结束了。接下来,就剩下本地 hexo 的配置更改了。

修改 hexo 站点配置文件 git 相关设置

1.打开你本地的 hexo 博客所在文件,打开站点配置文件(不是主题配置文件),做以下修改

deploy:
    type: git
    repo: root@你的云服务器的IP地址:/home/git/hexoBlog
    branch: master

hexo博客如何部署到服务器的最全教程_第4张图片
2.在 hexo 目录下执行部署,试试看打开git bash

hexo clean

hexo d -g

3.在地址栏输入打开你的公网 IP,看是不是已经部署成功了

创作不易,点个赞吧!!

版权声明:如无特殊说明,文章均为本站原创,转载请注明出处
本文链接:https://blog.csdn.net/wsad861512140

你可能感兴趣的:(hexo)