使用 github pages, 部署靜態網頁

使用 github pages, 部署靜態網頁

  • 效果預覽我自己的個人博客點擊
  • 需要源碼的話github倉庫點擊
  • github保存到自己倉庫

在github創建一個倉庫

為倉庫命名

將本地文件上傳到githup

上傳後效果和進入設置界面進行配置

在page頁面進行配置

更改路徑名(也可不更改)

page遇到的問題 頁面空白隻有文字

  • 打包時在vue.config.js中更改
module.exports = defineConfig({  publicPath: process.env.NODE_ENV === 'production'    " >'/myweb/' // githup倉庫名稱    : '/',  transpileDependencies: true,})

進入的頁面顯示404,但在下一級目錄中有

  • 目錄結構不對
  • 網址進入的就是倉庫第一層目錄,要保證第一層目錄與網址名匹配
本文來自網絡,不代表程式碼花園立場,如有侵權,請聯系管理員。https://www.codegarden.cn/article/31283/
返回顶部