面试准备：用vitepress和自动构建生成MD blogvitepress生成静态网站，git actions做自动构

不是提桶就是在提桶的路上，刷面试题，顺便在git上记录一下成果写在简历上。 看题千遍，不如解题一遍。看别人的解题似懂非懂，不如把自己看不懂的地方写下来解一遍。

vitepress生成静态网站

参考资料

vitepress官网
中文文档可以参考vuepress2.0的文档

挂上github，白嫖个静态服务器

github pages

教程已经很清晰啦，把项目打包后的生成物上传上去就行了。

以cv工程师之名再进一步

做完上面的步骤，但是每次要把dist文件夹上传到github上这么麻烦，当然要再折腾一下。这就要用到github actions了。

经过官网一轮洗礼，决定还是回归cv本质的可以看下去。

创建代码仓库，这个仓库用来放项目代码，上面所说的仓库用来放项目代码的产出物dist。例如新建仓库xxxx.github.io.source

以下步骤参考github actions的插件vuepress-deploy

创建token:
点击你的头像 > Settings > Developer settings > Personal access tokens > Generate new token. 权限至少要勾选repo。记得保存好这个值
创建secrets: 你的 vitepress项目 源码仓库下（即项目仓库） > Settings > Secrets，创建ACCESS_TOKEN，值就填写你刚才创建的token，确定。
上传代码后，在线上仓库上打开Actions，选择 set up a workflw yourself 新建一个yml文件，例如deloy.yml，内容：

name: Build and Deploy
on: [push]
jobs:
  build-and-deploy:
    runs-on: ubuntu-latest
    steps:
    - name: Checkout
      uses: actions/checkout@master
    - name: vuepress-deploy
      uses: jenkey2011/vuepress-deploy@master
      env:
        ACCESS_TOKEN: ${{ secrets.ACCESS_TOKEN }}
#       //ACCESS_TOKEN 是生成的token名称，注意换成自己的
        TARGET_REPO: username/repo
        TARGET_BRANCH: master
        BUILD_SCRIPT: yarn && yarn build
        BUILD_DIR: dosc/.vite/dist/
#       //这里目录指向生成物目录

push后自动构建，访问你的主页吧。 enjoy