github-pages 相关问题

如何在 github 页面的公共存储库中安全地存储 google maps api 密钥？

我找到了不错的 jekyll 模板： https://github.com/volny/stylish-portfolio-jekyll 它试图呈现一个谷歌地图，它需要谷歌地图 api 密钥，它希望存储在 _config.yml 中： #...

无法验证 GitHub 页面以在 Pub.dev 中创建发布者

前段时间，我能够在 blogspot.com 验证我的博客，并在该发布者的 Pub.dev 上发布包。最近，我决定切换到 GitHub 页面，因为它比 v...

如何在github页面上添加图片？

我的图片没有显示在 github 页面上......我已经检查了 url，它们都很好 我已经尝试过更改文件夹，将图像添加到 github，更改链接，将 t...

尝试发布我的 Github 页面时出现构建错误

我在尝试发布我的 gh 页面时不断收到构建和部署错误，它在本地工作，有人可以帮助我吗？ 我在我的网页上使用 Jekyll al-folio。以及我在

我如何使用已经具有用于本地托管软件的 A 记录的顶级域来设置 github 页面

所以我有 jellyfin 和其他本地托管的软件设置，如下所示： 球童 -> jf.domain.tk { 反向代理本地主机：8096 tls { 云耀斑 } } 云耀斑： A: domain.tk -> 服务器的公共 ip...

Tailwind Animate-Spin 无法在移动设备上运行

我遇到了一个问题，我在我的 svg 中的一个组上做的动画在浏览器上正确显示，但在移动设备上显示不正确。我正在为此使用 React 并将其部署到 GitHub Pages ...

部署后，ReactJS 项目在 Github.io 上线，它显示白色空白页面

我的实时 React.JS 项目显示空白页面。 我为此实施了 4 个步骤： 第 1 步：将主页添加到 package.json 第二步：安装gh-pages并在package.json中添加deploy到scripts 圣...

GitHub Pages 不会加载我的网站-Vue3

我正在尝试将我的网站上传到 github 页面。我已经创建了一个存储库并将其推送到我的 git hub。我已经创建了 git hub 页面。但是每当我加载我的网站时，它只会加载我的“

为什么我的 Angular 网站上的某些样式在移动设备上会丢失，但在桌面设备上却没问题？

我已经通过 GitHub Pages 部署了一个基于 Angular 的网站，它适用于所有桌面屏幕，包括移动设备尺寸。然而，当我使用真正的智能手机（IOS 或 Andr...

在 GitHub Pages 上部署 React 应用程序显示空白页面

我开发了一个在本地运行良好的反应应用程序。我现在正尝试使用 GitHub Pages 部署它。 尽管遵循了本教程，我还是得到了一个空白页面，并且日志中出现了几个 404 错误。 她...

我的静态github页面被标记为欺诈网站

我在我的 git hub 帐户上托管了一个个人投资组合和一个 firebase 应用程序。它运行了一段时间，但他们最近被标记为不安全。在我的投资组合中，用户无处输入 d...

如何为部署在 AWS S3 上的静态（html、css 和 js）项目编写 github yml 工作流程以预览和构建拉取请求？

我发现很难编写有关如何在我的开源存储库上设置预览和构建 yml 文件以自动预览和构建拉取请求的工作流程。尽管我做了我的

如何正确使用 Instagram 测试用户令牌生成器？

我最近做了一个与用户令牌生成器一起工作的应用程序，我能够正确地解析 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 - 部署在创建分支时停止

我一直在尝试使用 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...