뷰앤바이트 |部屬到Github Pages簡易教學

步驟

在 vue.config.js & vite.config.js 內新增 기본 키

export default defineConfig({
  base: './blog/',
  plugins: [
    vue()
  ]
})

如果你的repo為<USERNAME>.github.io ,那base為'./'
如果你的repo為一般名稱,那base為'./<repo-name>'

儲存後,打包專案

npm run build

打包完後根目錄會出現 dist 資料夾,此時目錄到這個資料夾下,創立一個git repo,分支名稱為 gh-pages ,push到Github上.

git init

git add .

git commit -m "deploy"

git branch -M gh-pages    // 這個指令可以創建並移動到該分支上

git push -u 遠端url gh-pages

에 Github repo → 설정 → 페이지,選擇branch,資料夾不用動(預設root),之後按저장

成功後,會出現以下這個,點開網址,就可以看到專案

이 문제에 관하여(뷰앤바이트 |部屬到Github Pages簡易教學), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/yubo0826/vuevite-bu-shu-dao-github-pagesjian-yi-jiao-xue-1l9n

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다