GitHub上的git pages里面，部署之后出现css样式失效的问题|已解决

9月前作者：Daniel_Smith 分类：Toy博客阅读(53) 违法举报

这篇具有很好参考价值的文章主要介绍了GitHub上的git pages里面，部署之后出现css样式失效的问题|已解决。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

GitHub上的git pages里面，部署之后出现css样式失效的问题|已解决

首先每个git 仓库都能够创建一个git pages，在pages 里面可以具体设置部署信息
只需要把你的带有index.html的文件放在一个分支的根目录下，就可以进行部署并被访问

今天再部署之后，出现了github样式失效的问题

原因分析：
是使用sphinx自动生成的html上传到github上的
_static/css/路径下的文件加载不出来
这是因为github pages的jekyll模版会忽略下划线开头的文件，所以要禁用jekyll

解决办法：

只需要“在项目根目录下添加一个空白文件，命名为：.nojekyll”
内容都不用填写，这样在部署的时候，git page会自动识别，并且禁用jekyll

github无样式,daily accumulation,git,github,css
在添加文件之后，上传需要保证在对应位置有这样的一个文件：

这样就可以完成部署并且成功访问了！！！

成功访问！！！

respect！！！文章来源地址https://www.toymoban.com/news/detail-680286.html

到了这里，关于GitHub上的git pages里面，部署之后出现css样式失效的问题|已解决的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：如若内容造成侵权/违法违规/事实不符，请点击违法举报进行投诉反馈，一经查实，立即删除！

分享到：

领支付宝红包赞助服务器费用

Github 自动化部署到GitHub Pages

前言 github仓库示例: automated-deployment 1.准备工作新建仓库新建项目配置 vite.config.ts 部署应用包时的基本URL，例：vue-cli 5.x 配置 publicPath 推送到远程仓库 2.配置 GitHub Token 点击 Settings - Actions - General 找到 Workflow permissions，选中第一项并保存工作流默认是没有推送代码的权限，

2024年02月05日
浏览(70)
使用 Github Actions 工作流自动部署 Github Pages

actions顾名思义就是一堆动作，是一个持续集成服务，持续集成包含了拉代码、运行测试、编译代码、登录远程服务器，发布到第三方服务等等的操作，GitHub将这些操作称为actions。概念：Workflows, Events, Jobs, Actions, Runners Workflows 工作流一个 Workflow 由多个 Jobs 组成 Events 定义哪

2024年02月07日
浏览(72)
如何将 Hexo 部署到 GitHub Pages

引言在数字时代，拥有个人博客是展示自己想法、分享知识和技能的绝佳方式。Hexo 是一个基于 Node.js 的静态博客生成器，它结合了简洁性和功能性，让我们可以轻松地建立并维护一个博客。而 GitHub Pages 提供了一个免费的平台来托管这些静态网站，这使得 Hexo 成为了许多开

2024年02月20日
浏览(43)
Vitepress部署到GitHub Pages，工作流

效果：部署 VitePress 站点 | VitePress 执行 npm run docs:build，npm run docs:preview，生成dist文件手动创建.gitignore文件： node_modules .DS_Store dist-ssr cache .cache .temp *.local 使用npm install命令创建package-lock.json文件 config.mts文件中添加base，仓库名称去github，名称一致（这个不确定哈）在编

2024年04月08日
浏览(48)
使用内网云+GitHub Pages免费部署动态网站

目录一、失败的经历 1.花生壳 2. nat123 3. 网云穿 4. cpolar 5. ngrok 6.金万维快解析 7.神卓互联 8.内网云（neiwangyun.net） 9.localhost.run 10.GitHub Pages（pages.github.com） 11.IPv6 12.IPv6+GitHub Pages 13.FRP 14.nps 二、终极方案：内网云+GitHub Pages 相信很多人都想搭建网站吧。但是，搭建网站不光得自

2024年02月11日
浏览(45)
记录 | 将Word生成的静态网页部署到Github Page

使用Word, 可以直接获得一个静态的网页XXX.html和对应的文件夹XXX.files 问题：如何将它托管在github上？使用github pages进行托管和发布步骤1：创建仓库创建一个新的GitHub仓库：访问 https://github.com 并使用您的GitHub帐户登录。点击右上角的\\\"+“图标，然后选择\\\"New repository”。为仓

2024年02月09日
浏览(37)
使用git出现了报错之后如何处理

下面这个是在切换从dev分支到master分支之后出现的问题描述 error: The following untracked working tree files would be overwritten by checkout: .idea/compiler.xml .idea/misc.xml .idea/vcs.xml Please move or remove them before you switch branches. Aborting 这个错误表示，在切换分支之前，有一些未被跟踪的工作树文件会

2024年02月11日
浏览(39)
通过 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 是一种持续集成和持续交付 (CI/CD) 平台，可用于自动执行生成、测试和部署管道。您可以创建工作流程来

2024年02月07日
浏览(57)
Github Pages 访问速度慢，使用vercel部署静态博客提高访问速度

国内 Github Pages 速度较慢。使用ping工具测试一下发现速度慢道发火。 vercel 速度快且能够自定义域名，能实现和 Github Pages 一样的效果 vercel 官方地址：https://vercel.com/ 这是没有接入vercel之前的ping的速度：接入之后的速度：首先注册一个账号，使用github登陆也可以，然后需

2024年02月06日
浏览(59)
从零用VitePress搭建博客教程(7) -– 如何用Github Actions自动化部署到Github Pages？

接上一节：从零用VitePress搭建博客教程(6) -– 第三方组件库的使用和VitePress搭建组件库文档我们搭建完成vitePress后，那么接下来就是如何部署到线上服务器，这里使用Github Pages，免得自己购买服务器，当然你也可以自己购买服务器来部署（比如阿里云服务器）。在部署之

2024年02月08日
浏览(72)