国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

VitePress部署到Github Pages后發(fā)現(xiàn)樣式全錯亂了怎么辦?

這篇具有很好參考價值的文章主要介紹了VitePress部署到Github Pages后發(fā)現(xiàn)樣式全錯亂了怎么辦?。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方,請大家不吝賜教,您也可以點擊"舉報違法"按鈕提交疑問。

VitePress部署到Github Pages后發(fā)現(xiàn)樣式全錯亂怎么辦?

當(dāng)我們部署到Github pages線上后,發(fā)現(xiàn)全是樣式錯亂的,也就是無樣式,怎么辦?在此簡單記錄一下

這個時候我們作為前端開發(fā)者,可以打開瀏覽器調(diào)試看看就發(fā)現(xiàn)了,是靜態(tài)資源地址不對,如下

?VitePress部署到Github Pages后發(fā)現(xiàn)樣式全錯亂了怎么辦?

?文章來源地址http://www.zghlxwxcb.cn/news/detail-711119.html

這個時候,我們只需修改theme/config.js中的基本路徑即可,因為我們的訪問地址是https://msyuan.github.io/vitePress-project/這樣的,所以配置修改成如下即可

export default {
  base: "/vitePress-project/",
}

再次發(fā)布就OK了。

github項目地址:https://github.com/msyuan/vitePress-project

在線預(yù)覽效果:https://msyuan.github.io/vitePress-project

?原文地址:http://www.qianduan8.com/2099.html

?

?

?

到了這里,關(guān)于VitePress部署到Github Pages后發(fā)現(xiàn)樣式全錯亂了怎么辦?的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來自互聯(lián)網(wǎng)用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載,請注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實不符,請點擊違法舉報進(jìn)行投訴反饋,一經(jīng)查實,立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費用

相關(guān)文章

  • GitHub上的git pages里面,部署之后出現(xiàn)css樣式失效的問題|已解決

    GitHub上的git pages里面,部署之后出現(xiàn)css樣式失效的問題|已解決

    首先每個git 倉庫都能夠創(chuàng)建一個git pages,在pages 里面可以具體設(shè)置部署信息 只需要把你的帶有index.html的文件放在一個分支的根目錄下,就可以進(jìn)行部署并被訪問 今天再部署之后,出現(xiàn)了github樣式失效的問題 原因分析: 是使用sphinx自動生成的html上傳到github上的 _static/css/ 路

    2024年02月11日
    瀏覽(92)
  • 使用VitePress創(chuàng)建個人網(wǎng)站并部署到GitHub

    使用VitePress創(chuàng)建個人網(wǎng)站并部署到GitHub

    網(wǎng)站在線預(yù)覽 參考文檔: VitePress 克隆遠(yuǎn)程倉庫到本地 進(jìn)入 front-end-notes/ 目錄,添加 README.md 并建立分支跟蹤 推薦使用 pnpm : 安裝 vitepress : 使用腳手架初始化文檔項目 啟動項目,查看網(wǎng)站 初始化 package.json 文件,填寫相關(guān)信息 完整 package.json 文件如下: 首頁配置參考文檔

    2024年02月08日
    瀏覽(28)
  • 嘗鮮!最新 VitePress 1 版本 + Github action,自動部署個人靜態(tài)站點 SSG

    嘗鮮!最新 VitePress 1 版本 + Github action,自動部署個人靜態(tài)站點 SSG

    今天查看 vue 文檔時,剛好看到 vue 官網(wǎng)宣布 VitePress 1 更新了: 然后在路上走著走著,突然想著,也許我可以把我的筆記倉庫轉(zhuǎn)換成在線文檔(畢竟純粹的 md 筆記,喜歡的人不多)。 同時,由于我很久之前有過這 vuepress 的使用經(jīng)驗,而且前段時間又復(fù)習(xí)了一下 github action,

    2024年04月08日
    瀏覽(23)
  • Github 自動化部署到GitHub Pages

    Github 自動化部署到GitHub Pages

    前言 github倉庫示例: automated-deployment 1.準(zhǔn)備工作 新建倉庫 新建項目 配置 vite.config.ts 部署應(yīng)用包時的基本URL,例:vue-cli 5.x 配置 publicPath 推送到遠(yuǎn)程倉庫 2.配置 GitHub Token 點擊 Settings - Actions - General 找到 Workflow permissions,選中第一項并保存 工作流默認(rèn)是沒有推送代碼的權(quán)限,

    2024年02月05日
    瀏覽(33)
  • 使用VitePress靜態(tài)網(wǎng)站生成器創(chuàng)建組件庫文檔網(wǎng)站并部署到GitHub

    使用VitePress靜態(tài)網(wǎng)站生成器創(chuàng)建組件庫文檔網(wǎng)站并部署到GitHub

    Vue3+TS+Vite開發(fā)組件庫并發(fā)布到npm 網(wǎng)站在線預(yù)覽 參考文檔: VitePress 推薦使用 pnpm,安裝pnpm: npm install -g pnpm 安裝vitepress: pnpm add vitepress -D or yarn add vitepress -D 在 script 中添加文檔網(wǎng)站啟動和打包指令,啟動時指定端口 8000,并自動打開 完整 package.json 文件如下: 創(chuàng)建 docs/ 目錄

    2024年02月09日
    瀏覽(24)
  • 使用 Github Actions 工作流自動部署 Github Pages

    使用 Github Actions 工作流自動部署 Github Pages

    actions顧名思義就是一堆動作,是一個持續(xù)集成服務(wù),持續(xù)集成包含了拉代碼、運行測試、編譯代碼、登錄遠(yuǎn)程服務(wù)器,發(fā)布到第三方服務(wù)等等的操作,GitHub將這些操作稱為actions。 概念:Workflows, Events, Jobs, Actions, Runners Workflows 工作流 一個 Workflow 由多個 Jobs 組成 Events 定義哪

    2024年02月07日
    瀏覽(26)
  • 如何將 Hexo 部署到 GitHub Pages

    如何將 Hexo 部署到 GitHub Pages

    引言 在數(shù)字時代,擁有個人博客是展示自己想法、分享知識和技能的絕佳方式。Hexo 是一個基于 Node.js 的靜態(tài)博客生成器,它結(jié)合了簡潔性和功能性,讓我們可以輕松地建立并維護(hù)一個博客。而 GitHub Pages 提供了一個免費的平臺來托管這些靜態(tài)網(wǎng)站,這使得 Hexo 成為了許多開

    2024年02月20日
    瀏覽(22)
  • 使用內(nèi)網(wǎng)云+GitHub Pages免費部署動態(tài)網(wǎng)站

    使用內(nèi)網(wǎng)云+GitHub Pages免費部署動態(tài)網(wǎng)站

    目錄 一、失敗的經(jīng)歷 1.花生殼 2. nat123 3. 網(wǎng)云穿 4. cpolar 5. ngrok 6.金萬維快解析 7.神卓互聯(lián) 8.內(nèi)網(wǎng)云(neiwangyun.net) 9.localhost.run 10.GitHub Pages(pages.github.com) 11.IPv6 12.IPv6+GitHub Pages 13.FRP 14.nps 二、終極方案:內(nèi)網(wǎng)云+GitHub Pages 相信很多人都想搭建網(wǎng)站吧。但是,搭建網(wǎng)站不光得自

    2024年02月11日
    瀏覽(38)
  • github使用workflow工作流git push后自動打包部署github pages

    github使用workflow工作流git push后自動打包部署github pages

    根目錄新建.github/workflows/docs.yml .github/workflows/ 目錄是用于存放 GitHub Actions 工作流程文件的目錄,該目錄的文件名必須以 .yml 或 .yaml 為后綴名,否則 GitHub 將無法識別該文件為工作流程文件。這些工作流程文件可用于自動化執(zhí)行項目中的各種任務(wù),例如構(gòu)建、測試、部署等。

    2024年02月10日
    瀏覽(35)
  • 通過 Github workflows CI/CD 自動化部署 Github Pages hugo 免費博客

    通過 Github workflows CI/CD 自動化部署 Github Pages hugo 免費博客

    文章博客地址:https://blog.taoluyuan.com/posts/github-workflows/ GitHub Actions 介紹 GitHub 文檔:https://docs.github.com/zh/actions/learn-github-actions/understanding-github-actions 官方介紹: GitHub Actions 是一種持續(xù)集成和持續(xù)交付 (CI/CD) 平臺,可用于自動執(zhí)行生成、測試和部署管道。 您可以創(chuàng)建工作流程來

    2024年02月07日
    瀏覽(55)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包