GitHub页面是GitHub上托管的静态网页。
我正在尝试将我的网站上传到 github 页面。我已经创建了一个存储库并将其推送到我的 git hub。我已经创建了 git hub 页面。但是每当我加载我的网站时，它只会加载我的“
为什么我的 Angular 网站上的某些样式在移动设备上会丢失，但在桌面设备上却没问题？
我已经通过 GitHub Pages 部署了一个基于 Angular 的网站，它适用于所有桌面屏幕，包括移动设备尺寸。然而，当我使用真正的智能手机（IOS 或 Andr...
在 GitHub Pages 上部署 React 应用程序显示空白页面
我开发了一个在本地运行良好的反应应用程序。我现在正尝试使用 GitHub Pages 部署它。 尽管遵循了本教程，我还是得到了一个空白页面，并且日志中出现了几个 404 错误。 她...
我在我的 git hub 帐户上托管了一个个人投资组合和一个 firebase 应用程序。它运行了一段时间，但他们最近被标记为不安全。在我的投资组合中，用户无处输入 d...
如何为部署在 AWS S3 上的静态（html、css 和 js）项目编写 github yml 工作流程以预览和构建拉取请求？
我发现很难编写有关如何在我的开源存储库上设置预览和构建 yml 文件以自动预览和构建拉取请求的工作流程。尽管我做了我的
我最近做了一个与用户令牌生成器一起工作的应用程序，我能够正确地解析 api。然而，在我将我的代码上传到 GitHub 之后，令牌失效了......
GitHub 页面上 Monos 主题中的 toc 实现问题标签：GitHub Pages、Jekyll、Monos、toc
我在使用 Jekyll 的 Monos 主题在我的 GitHub 页面博客中实现目录 (toc) 时遇到问题。我已经成功实现了toc，但问题是toc
Instagram 长寿命令牌在推送到 github 时被删除
嗨，我正在练习使用 instagrams api，并尝试看看我是否可以发布一个 github 页面网站，其中包含我帐户中的 instagram 帖子库。在本地运行时，它可以完美运行，但是一旦...
使 .json 文件当前位于 _data 文件夹中，可在 Jekyll 托管站点中公开访问
我的 _data 文件夹中有一个 .json 文件，我用它来创建一个非常大的表以及各个详细信息页面。这是一个基于 Jekyll 的 GitHub Pages 站点。 但是 .json 文件变得极端......
我一直在尝试使用 gh-pages 将我的 React App 部署到 Github Pages。 这是我的设置： gh-页面": "^5.0.0", “脚本”：{ “开始”：“反应脚本开始&q ...
GitHub Pages React 项目显示一个空白页面（里面什么都没有 <div id="root">）
使用以下方法部署我的 GitHub 投资组合项目（源代码库）后： 反应脚本构建--entry ./src/index.jsx npx gh-pages -d build 最终部署的页面里面什么都没有 在部署我的 GitHub 投资组合项目（source repo）后使用： react-scripts build --entry ./src/index.jsx npx gh-pages -d build 最终部署的page里面什么都没有<div id="root"></div>. 我已经成功部署了一个新的测试反应应用程序。 npx create-react-app test 当我慢慢将代码迁移到测试反应应用程序时，结果如下： 【成功】package.json和index.jsx [失败] App.jsx 和剩余组件 这是我的部分代码，完整代码可以在上面链接的源代码库中找到： package.json { "name": "test", "version": "0.1.0", "private": true, "homepage": "https://ltbd78.github.io/test", "dependencies": { "@emailjs/browser": "^3.10.0", "@fortawesome/free-brands-svg-icons": "^6.2.1", "@fortawesome/free-solid-svg-icons": "^6.2.1", "@fortawesome/react-fontawesome": "^0.2.0", "@testing-library/jest-dom": "^5.16.5", "@testing-library/react": "^13.4.0", "@testing-library/user-event": "^13.5.0", "animate.css": "^4.1.1", "loaders.css": "^0.1.2", "prettier": "^2.8.4", "react": "^18.2.0", "react-dom": "^18.2.0", "react-leaflet": "^4.2.0", "react-loaders": "^3.0.1", "react-router-dom": "^6.8.1", "react-scripts": "5.0.1", "sass": "^1.58.0", "serve": "^14.2.0", "web-vitals": "^2.1.4" }, "devDependencies": { "gh-pages": "^5.0.0" }, "scripts": { "start": "react-scripts start --entry ./src/index.jsx", "build": "react-scripts build --entry ./src/index.jsx", "test": "react-scripts test", "eject": "react-scripts eject", "prettier": "npx prettier --write .", "predeploy": "npm run build", "deploy": "npx gh-pages -d build", "serve": "npx serve -s build" }, "eslintConfig": { "extends": [ "react-app", "react-app/jest" ] }, "browserslist": { "production": [ ">0.2%", "not dead", "not op_mini all" ], "development": [ "last 1 chrome version", "last 1 firefox version", "last 1 safari version" ] } } index.jsx import "./index.scss"; import { BrowserRouter } from "react-router-dom"; import App from "./App"; import React from "react"; import ReactDOM from "react-dom/client"; import reportWebVitals from "./reportWebVitals"; const root = ReactDOM.createRoot(document.getElementById("root")); root.render( <React.StrictMode> <BrowserRouter> <App /> </BrowserRouter> </React.StrictMode> ); // If you want to start measuring performance in your app, pass a function // to log results (for example: reportWebVitals(console.log)) // or send to an analytics endpoint. Learn more: reportWebVitals(); App.jsx import "./App.scss"; import { Routes, Route } from "react-router-dom"; import About from "./components/About"; import Home from "./components/Home"; import Layout from "./components/Layout"; export default function App() { return ( <Routes> <Route path="/" element={<Layout />}> <Route path="/" element={<Home />} /> <Route path="about" element={<About />} /> </Route> </Routes> ); } 您正在使用 react-router，因此您需要为路由器指定一个 basename 属性。 import React from 'react'; import { BrowserRouter as Router, Routes, Route, Link } from "react-router-dom"; import './App.scss'; import {Home} from "./views/home/Home"; import {Counter, CounterClassic} from "./views/counter"; import {ListItems} from "./views/list-rendering/ListItems"; import {TodoContainer} from "./views/todos/TodoContainer"; function App() { return ( <Router basename={process.env.REACT_APP_URI}> <nav> <Link to="">Home</Link> <Link to="counter">Counter</Link> <Link to="counter-classic">Counter (classic)</Link> <Link to="list-rendering">List rendering</Link> <Link to="todo-list">TODO List</Link> <a target="_blank" href="https://github.com/sombriks/react-studies" rel="noreferrer">See on github</a> </nav> <Routes> <Route path="" element={<Home/>}/> <Route path="counter" element={<Counter/>}/> <Route path="counter-classic" element={<CounterClassic/>}/> <Route path="list-rendering" element={<ListItems items={[ {id: 1, label: "One"}, {id: 2, label: "two"}]}/>}/> <Route path="todo-list" element={<TodoContainer/>}/> </Routes> </Router> ); } export default App; 更详细的解释这里.
如何在不同分支下的一个存储库中创建多个 GitHub 页面？
我在 gh-pages 分支下创建了一个已发布的页面，但我需要在其他分支的其他实例中为我的测试报告发布其他 GitHub 页面，以便在一个回购中查看。 为了考试...
为什么我的 Angular 网站上的某些样式在移动设备上会损坏，但在桌面设备上却很好？
我已经通过 GitHub Pages 部署了一个基于 Angular 的网站，它适用于所有桌面屏幕，包括移动设备尺寸。然而，当我使用真正的智能手机（IOS 或 Andr...
我有一个 Github Pages 网站。我正在尝试添加目录索引，就像您可以在 apache 网站上启用的那样。
在 gh-pages 上 css 没有应用，尽管有常见的修复
我的 GitHub 页面站点出现问题，尽管尝试了常见修复，但 CSS 仍未应用于 HTML。该网站的实时版本可以在 CleantheCapital.com 上找到，G ...
如何通过 GitHub Pages 上的 StartBootstrap 设置 Clean Blog Jekyll 主题
我无法让 Jekyll 在 GitHub Pages 上正常工作。当我尝试部署我的存储库时，我在页面上看到的是 --- layout: home --- 在白色背景上，它似乎是 ign...
Stack 有很多关于如何在使用代理时使用 git 的问题，但没有这个（只要我找到）。 那么，如何让 Github Page（网站）通过代理工作呢？出于某种原因，制作 .
我已经尝试按照有关发布到 gh 页面的文档进行操作，并且我之前已经使用静态站点完成了它。我正在尝试学习如何使用 vite + React 发布到 gh 页面。该网站是 https://m...
Create-react-app 网站不会在 Github Pages 上呈现
这几天我一直在做我的投资组合网站，并试图在 Github Pages 上部署我的网站。我的网站在本地运行良好，但当我将其部署到 GitHub Pages 时，它出现了......
我无法让 Jekyll 在 GitHub Pages 上正常工作。当我尝试部署我的存储库时，我在页面上看到的是 --- layout: home --- 在白色背景上，它似乎是 ign...