将个人博客部署到服务器

将个人博客部署到服务器

环境：

• 会使用hexo搭建blog
• 有可使用的服务器
• 服务器可以使用ssh连接

部署步骤

一、服务器端操作

1. 本地连接服务器（ssh）

ssh username@serverIP #注意修改成自己的用户名和ip地址
# 回车后输入该用户名的登录密码

2. 服务器安装git、Nginx

sudo apt update
sudo apt install git
sudo apt update
sudo apt install nginx

3. 建立自己的git repo

sudo mkdir -p /home/swyoung/blog/repo/ #建立的路径自己选择
sudo chown -R $USER:$USER /home/swyoung/blog/repo/ #注意修改成自己的路径
sudo chmod -R 755 /home/swyoung/blog/repo/ #修改文件的访问权限，注意修改成自己的路径

cd /home/swyoung/blog/repo/ #注意修改成自己的路径
git init --bare hexo_static.git #创建裸仓库

4. 配置nginx托管文件目录

sudo mkdir -p /home/swyoung/blog/www/hexo/ #注意修改成自己的路径
sudo chown -R $USER:$USER /home/swyoung/blog/www/hexo/ #注意修改成自己的路径
sudo chmod -R 755 /home/swyoung/blog/www/hexo/ #修改文件的访问权限，注意修改成自己的路径

修改nginx的默认设置：

sudo vim /etc/nginx/sites-available/default #vim的用法请自行百度，注意修改成自己的路径
##########################################
server {
    listen 80 default_server;
    listen [::]:80 default_server ipv6only=on;

    root /home/swyoung/blog/www/hexo; # 需要修改的部分，注意修改成自己的路径
    index index.html index.htm;
##########################################

sudo service nginx restart #重启nginx，使配置生效

5. 生成hooks

vim /home/swyoung/blog/repo/hexo_static.git/hooks/post-receive #注意修改成自己的路径
# 向文件中添加
##########################################
#!/bin/bash

git --work-tree=/home/swyoung/blog/www/hexo --git-dir=/home/swyoung/blog/repo/hexo_static.git checkout -f #注意修改成自己的路径
##########################################
# 改变文件属性，使其成为可执行文件
chmod +x /home/swyoung/blog/repo/hexo_static.git/hooks/post-receive #注意修改成自己的路径

二、本地计算机端操作

1. 在blog的config.ynl文件中修改博客地址url

# URL
## If your site is put in a subdirectory, set url as 'http://yoursite.com/child' and root as '/child/'
url:   ##服务器地址,或绑定的域名
root: /
permalink: :year/:month/:day/:title/
permalink_defaults:

2.测试服务器配置是否ok

git clone username@serverIP:/home/swyoung/blog/repo/hexo_static.git #这条指令只是测试，之后把下载的文件删掉即可。若出错，请检查服务器配置

3. 修改blog的仓库地址

deploy:
  type: git
  repository: username@serverIP:/home/swyoung/blog/repo/hexo_static.git #注意修改成自己的路径
  branch: master

4. 命令行验证

npm install hexo-deployer-git --save #安装部署相关的包
hexo g #进行资源编译
hexo s #启动本地服务，查看
hexo d #部署到服务器

三、浏览器查看

经过前面的部署，如果没有出错，就可以在浏览器输入自己的服务器ip查看自己的博客了，如果有异常，请检查前面配置中的路径等。

四、绑定域名

如果自己有域名，那可以去域名管理的地方，绑定自己服务器的ip。（如果服务器在中国，域名的使用需要备案）

• 本文作者： YangBingxi

• 本文链接： https://yangbingxi.github.io/2020/01/12/%E5%B0%86%E4%B8%AA%E4%BA%BA%E5%8D%9A%E5%AE%A2%E9%83%A8%E7%BD%B2%E5%88%B0%E6%9C%8D%E5%8A%A1%E5%99%A8/

• 版权声明： 本作品采用 知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议 进行许可。转载请注明出处！

赏

感谢打赏

支付宝

微信