深圳最新招聘,seo综合查询站长工具怎么用,网站模板开发平台怎么做,深圳微网站制作前言
之前博主是使用的 Jenkins 实现 vuepress 博客的自动部署与持续交付#xff0c;但是因为现在迁移服务器到海外#xff0c;并且服务器配置降低。现在经常出现服务器的 Jenkins 构建过程中 CPU 占用率过高#xff0c;导致服务器卡死
然后我想的话既然只是部署静态博客但是因为现在迁移服务器到海外并且服务器配置降低。现在经常出现服务器的 Jenkins 构建过程中 CPU 占用率过高导致服务器卡死
然后我想的话既然只是部署静态博客似乎也没必要使用 Jenkins 这样重量级的 CI/CD 工具所以本文将会主要讲解如何使用 GitHub Actions 部署我们的 vuepress 静态博客
下面给出博主的博客仓库地址后面我们的配置过程中需要用到
博客地址ReturnTmp/blog-vuepress-vdoing 系统配置CentOS 7.9 配置密钥
首先我们需要配置私钥到 GitHub Actions 以便其可以与我们的云服务器交互
首先我们需要在云服务器生成 SSH 密钥然后在~/.ssh文件夹下就会生成id_rsa和id_rsa.pub两个文件分别为私钥和公钥
ssh-keygen -t rsa -C youmailgmail.com或者说我们可以指定私钥和公钥的名称
ssh-keygen -t rsa -f action -C youmailgmail.com然后就会在 ~/.ssh下生成两个文件mysite私钥和mysite.pub公钥
之后打开上面我们提供的博客仓库地址找到 Settings 中的 Actinons 然后点击 New repository secret然后自定义密钥名称然后填入上面的 id_rsa然后即可生成成功 然后需要部署公钥到云服务器中我们进入云服务器之后需要编辑文件 ~/.ssh/authorized_keys 没有则创建然后将 id_rsa.pub 中的公钥内容追加填写其中可以直接执行如下命令
cat ~/.ssh/id_rsa.pub ~/.ssh/authorized_keys工作流配置
然后我们按照同样的方法创建 IP 变量填写自己服务器的域名或是 IP当然不创建后面直接使用明文也是可以的
我们需要在博客项目的根目录下创建.github/workflows文件夹创建文件deploy.yml填写如下内容
name: Deploy My Serveron:push:branches:- mainjobs:deploy:runs-on: ubuntu-latest # 使用ubuntu系统镜像运行自动化脚本steps: # 自动化步骤#下载代码仓库- uses: actions/checkoutv1# 使用action库安装node- name: use Node.js # 使用action库 actions/setup-node安装nodeuses: actions/setup-nodev1with:node-version: 18.17.0 # 指定node版本# 安装依赖- name: npm installrun: npm install#打包项目- name: Buildrun: npm run build#部署到服务器- name: Deploy to Staging My serveruses: easingthemes/ssh-deployv2.1.6env:#私钥SSH_PRIVATE_KEY: ${{ secrets.MY_SERVER_PRIVATE_KEY }}ARGS: -rltgoDzvOSOURCE: docs/.vuepress/distREMOTE_HOST: ${{ secrets.IP }} #服务器ipREMOTE_USER: rootTARGET: /usr/share/nginx/blog/EXCLUDE: /node_modules/
其中 /usr/share/nginx/blog/ 是我们需要部署博客的目标文件夹尽量提前创建文件夹否则可能出现错误 注其中 action 详细配置可以自行查找对应仓库例如 actions/checkout action 仓库位于https://github.com/actions/checkout 配置 Nginx
编辑文件 /etc/nginx/nginx.conf 编辑如下
server {location / {root /usr/share/nginx/blog/dist;index index.html index.htm;try_files $uri $uri/ /index.html;}
}同时需要更改 Nginx 启动用户修改 /etc/nginx/nginx.conf
user root;重启 nginx
systemctl restart nginx工作流推送
最后推送本地的 deploy.yml 到远程 GitHub 源码库查看最后 Actions 执行效果即可 然后查看博客部署效果即可
博客访问地址http://returntmp.fun 但是由于服务器在海外并且文章比较多导致 app.js 过大加载时间比较长实测不使用科学上网的话大概十几秒才加载出来网站
其中排查主要是全文搜索占用 app.js 文件空间过多后期会进行优化
参考链接
GitHub Actions 入门教程 - 阮一峰的网络日志 (ruanyifeng.com)使用GithubActions自动部署ECS-腾讯云开发者社区-腾讯云 (tencent.com)使用Github ActionVuepressNginx自动部署阿里云服务器 - RuoVea - 博客园 (cnblogs.com)通过 GitHub Actions 自动部署 vuepresss 项目到云服务器-CSDN博客 本文由博客一文多发平台 OpenWrite 发布
