?? 成果:
- 框架:VuePress 2 + @vuepress/plugin-blog
- 打包工具:Vite(viteBundler)
- 包管理:pnpm
- CI/CD:GitHub Actions
- 部署方案:
- 源碼倉庫:urfread1010/mind-elevation
- 打包結果推送到:urfread1010/urfread1010.github.io 的 main 分支
- GitHub Pages 啟用 main 作為 站點源
- 訪問地址: https://urfread1010.github.io
簡單說下現在的效果:
- 現在再想更新文章了,只需要改改本地的文檔或者源碼,在推送到管源碼的倉庫的時候,就能自動觸發工作流,進行打包,并且能把打包出來的資源推送到負責展示網頁的倉庫。特別方便。
思路
首先就是找做文檔網站比較簡單易上手的框架,很容易就找到VuePress2了。然后稍微操作一下,看看是不是真的自己會用。
然后再找一下部署方案,免費的 GitHub Pages 也是很容易就能搜到。因為之前已經試過了,所以這次也用的它。
稍微不一樣的是,這次用的是框架,不是光靜態資源,所以在存源碼上邊動了下腦筋,把它分成兩個倉庫了。.io結尾的乃個倉庫專門負責展示網頁,而另一個倉庫則專門負責管理源碼。
命令
(有待整理)
遇到的小問題
因為要跨倉庫操作,需要一點小配置。
因為本地賬號和倉庫主人也不是一個號,所以研究了一下怎么授權。
剛開始不讓推送,后來發現是網絡和加密的問題。
補充
VuePress官方就有自動化部署的工作流腳本,就不貼我的了。
乃個腳本大概的工作就是,告訴 GitHub 編譯這個項目需要什么環境、執行什么命令、部署到哪里。