Skip to main content

迁移博客到vuePress

Achab.Wang...About 2 minblogvue

原因

shinki.moe这个域名注册了差不多4年了,之前网站一直使用的pm2+hexo+nginx的方式运行,当时对运维相关的内容不是非常关注,想的是写个博客,能渲染md格式的文件有个记录就行,就一直放着没管.中间有一段时间对分布式相关的东西特别感兴趣,所以读了点书写了点心得外加翻译了一些东西,为了方便就直接放掘金了.

最近工作相关的原因闲下来了,外加最近两年写了不少前端的代码,对vue也算熟悉了,于是想着看看能不能优化下hexo的运行方式,写个githubAction自动部署,两年多没相关文字输出了,重新开始写点东西.于是登录上了我的博客服务器,结果发现服务器硬盘被pm2的日志写爆了,最后靠着服务商的crt才把日志给清理了,清理完成之后去看了下hexo的文档,这才发现hexo的运行方式似乎是不支持编译成前端静态文件的,这明显是没法接受的,虽然说我这个服务器跑个node进程+pm2不是多大问题,但是如果要做自动化就得依赖脚本完成了,如无必要,勿增实体,于是我就开始寻找其他的博客框架.

选择

在寻找博客框架的时候我有几个要求:1.支持vue最好 2.能本地run-dev预览 3.能静态文件部署且支持评论.
看了一眼似乎除了vuepress没有其他的框架能满足我的要求,于是就开始了vuepress的部署.

部署

总体来说vuepress部署没有那么多坑,大部分配置文件都是直接写在yaml文件的,删删改改就行,walline的评论功能按步骤配置就行了,基本上就完成了.外加添加了下githubActions,现在项目基本就完成了.也就是现在看到的样子
附带我的githubAction配置文件

name: Deploy

on:
  push:
    branches:
      - master

jobs:
  build-and-deploy:
    runs-on: ubuntu-latest
    steps:
      - name: Checkout code
        uses: actions/checkout@v2
      - name: Install dependencies
        run: npm install
      - name: Build project
        run: npm run docs:build
      - name: Deploy to server
        uses: easingthemes/ssh-deploy@v2.1.5
        with:
#         ssh私钥 自己生成下然后配置到github的setting->secret里
          SSH_PRIVATE_KEY: ${{ secrets.SSH_PRIVATE_KEY }}
#         远程部署的用户
          REMOTE_USER: ${{ secrets.REMOTE_USER }}
#         远程部署的主机
          REMOTE_HOST: ${{ secrets.REMOTE_HOST }}
#         远程部署的路径
          TARGET: ${{ secrets.REMOTE_PATH }}
#         远程部署的端口 默认22的话可以不改
          REMOTE_PORT : ${{ secrets.REMOTE_PORT }}
Comments
  • Latest
  • Oldest
  • Hottest
Powered by Waline v2.15.5