目錄
- 前言：
- 需要準備：
- Hexo的搭建
- 初始化
- 主題的選擇
- 上傳github
- 部署自動action
- 反向代理
- 成功！
前言：
Hexo搭建確實是一個便捷靈活的博客框架，但是里面不免存在很多坑，
在這里我將逐步分享到最后的反向代理成功
此時我已經完成了，圖片的話有的沒法截圖，請諒解QAQ
最終的結果就是：
訪問你域名下的某個目錄就可以訪問到Hexo博客
需要準備：
- B站Up objtube的盧克兒 教學視頻
- Github
- kong網關（底層的Nginx也行，道理差不多）
- 必要的加速軟體（dddd）
Hexo的搭建
初始化
首先選擇好本地目錄：（這里推薦的是使用mac系統或者linux系統）
再在終端進入到該目錄：
npm命令去弄下node安裝且默認加入到環境變數就好了
npm install hexo-cli -g hexo init blog cd blog npm install這里基本框架就有了
主題的選擇
上github搜索
hexo-theme這里我推薦一個好看也比較簡單的
next 然后就在blog下執行
$ mkdir themes/next $ curl -L https://api.github.com/repos/theme-next/hexo-theme-next/tarball/v6.0.0 | tar -zxv -C themes/next --strip-components=1然后編輯
_config.ymltheme: next到這里主題搞定
上傳github
創建一個倉庫 暫時命名為：你的用戶名字.github.io 其他就不要點 全部默認
進入目錄執行
$ git init $ git remot add ... (你在倉庫有默認這條命令)添加遠程倉庫 $ yarn add hexo-deployer-git更改編輯
_config.yml# Deployment ## Docs: https://hexo.io/docs/one-command-deployment deploy: type: git repo: https://github.com/hengyi666/xxx.github.io branch: master安裝swig，不然你上傳上去就是亂碼
npm i hexo-renderer-swig上傳public檔案
npm i hexo-renderer-swig到xxx.github.io 打開 搞定
部署自動action
這里是用了up主的部署檔案，但是坑挺多的
提交源代碼：
$ git add . $ git commit -m 'first' $ git branch myblog $ git checkout myblog為了后面的進展順利，在這里請一定給自己添加key
給個參考鏈接
$ git config --global user.name "" $ git config --global user.email "xx@qq.com" $ ssh-keygen -t rsa -C "xx@qq.com"找到.ssh下的id_rsa.pub里面的內容
到個人中心的設定里面
添加鑰匙
上傳到github的myblog的分支下
$ git push --set-upstream origin myblog在.github檔案中創建檔案夾
workflows創建檔案deploy.ymlname: Build and Deploy on: [push] jobs: build-and-deploy: runs-on: ubuntu-latest steps: - name: Checkout 🛎? uses: actions/checkout@v2 with: persist-credentials: false - name: Install and Build 🔧 run: | npm install npm run build env: CI: false - name: Deploy 🚀 uses: JamesIves/github-pages-deploy-action@releases/v3 with: GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }} BRANCH: master FOLDER: public上傳
git push origin myblog注意！
- 這個自動化部署是要有時間延遲的，所有你改了原始碼，是要等時間才會在網站上有效果的
- 如果你是win，則自動化部署是不成功的，因為有個插件是不支持win平臺的，
- 后面部署反向代理的時候，不要著急，改了原始碼等時間部署，我以為瀏覽器問題，清除了記錄，要過會才會變化，
- 最好使用mac或者linux，虛擬機也行，同時要保證代理
吐槽！
- 我用臺式機，win自動化部署，他會報錯，然后在
package-lock.json中去搜索那個報錯的，洗掉，我記得有2處，- 但是我怕這個有用就沒洗掉，然后我去我服務器上部署，結果沒弄代理，然后git push等到猴年馬月去了，
- 最后我拿mac去部署，一切順利，
成功部署自動化
反向代理
我最開始直接代理xxx.github.io 靜態資源根本加載不過來
然后我以為是服務器那邊的問題，原生的nginx以及kong不管怎么改都不行
我可能到這里hexo重新安裝不下10次了
真的想放棄了！我直接貼答案吧
去改名字
改組態檔
一定要等待部署完成
你現在瀏覽 https://hengyi666.github.io/hexo/ 就有效果了
- 開始反向代理
就是直接代理 https://hengyi666.github.io/hexo/ 我的是/extend 這個路徑
所以現在訪問 https://hengyimonster.top/extend 但是靜態資源沒有過來
打開 控制臺 發現代理的路由 xxxx/hexo/sssss.js 我就另外開個url去嘗試了下 把正確的路徑除錯了出來
然后我就在加了個路由，效果是這樣的：
結果就是兩個都指向 https://hengyi666.github.io/hexo/
成功！
我從踩坑自動部署到踩坑反向代理
也就陸陸續續弄了10+個小時
翻看原始碼，不斷重來，也就在這里記錄下
時間：21-08
以后更新迭代，再出問題，再來更新吧，這個整累了！！
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/293918.html
標籤：其他