github-pages 相关问题

GitHub页面是GitHub上托管的静态网页。

Instagram 长寿命令牌在推送到 github 时被删除

嗨,我正在练习使用 instagrams api,并尝试看看我是否可以发布一个 github 页面网站,其中包含我帐户中的 instagram 帖子库。在本地运行时,它可以完美运行,但是一旦...

回答 0 投票 0

使 .json 文件当前位于 _data 文件夹中,可在 Jekyll 托管站点中公开访问

我的 _data 文件夹中有一个 .json 文件,我用它来创建一个非常大的表以及各个详细信息页面。这是一个基于 Jekyll 的 GitHub Pages 站点。 但是 .json 文件变得极端......

回答 0 投票 0

gh-pages - 部署在创建分支时停止

我一直在尝试使用 gh-pages 将我的 React App 部署到 Github Pages。 这是我的设置: gh-页面": "^5.0.0", “脚本”:{ “开始”:“反应脚本开始&q ...

回答 0 投票 0

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; 更详细的解释这里.

回答 1 投票 0

如何在不同分支下的一个存储库中创建多个 GitHub 页面?

我在 gh-pages 分支下创建了一个已发布的页面,但我需要在其他分支的其他实例中为我的测试报告发布其他 GitHub 页面,以便在一个回购中查看。 为了考试...

回答 0 投票 0

为什么我的 Angular 网站上的某些样式在移动设备上会损坏,但在桌面设备上却很好?

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

回答 0 投票 0

如何在 GitHub 页面网站中制作目录索引/列表

我有一个 Github Pages 网站。我正在尝试添加目录索引,就像您可以在 apache 网站上启用的那样。

回答 0 投票 0

在 gh-pages 上 css 没有应用,尽管有常见的修复

我的 GitHub 页面站点出现问题,尽管尝试了常见修复,但 CSS 仍未应用于 HTML。该网站的实时版本可以在 CleantheCapital.com 上找到,G ...

回答 0 投票 0

如何通过 GitHub Pages 上的 StartBootstrap 设置 Clean Blog Jekyll 主题

我无法让 Jekyll 在 GitHub Pages 上正常工作。当我尝试部署我的存储库时,我在页面上看到的是 --- layout: home --- 在白色背景上,它似乎是 ign...

回答 1 投票 0

如何让github页面通过代理工作?

Stack 有很多关于如何在使用代理时使用 git 的问题,但没有这个(只要我找到)。 那么,如何让 Github Page(网站)通过代理工作呢?出于某种原因,制作 .

回答 0 投票 0

无法发布vite react app到gh pages

我已经尝试按照有关发布到 gh 页面的文档进行操作,并且我之前已经使用静态站点完成了它。我正在尝试学习如何使用 vite + React 发布到 gh 页面。该网站是 https://m...

回答 1 投票 0

Create-react-app 网站不会在 Github Pages 上呈现

这几天我一直在做我的投资组合网站,并试图在 Github Pages 上部署我的网站。我的网站在本地运行良好,但当我将其部署到 GitHub Pages 时,它出现了......

回答 0 投票 0

如何让 Jekyll 在 GitHubPages 上工作

我无法让 Jekyll 在 GitHub Pages 上正常工作。当我尝试部署我的存储库时,我在页面上看到的是 --- layout: home --- 在白色背景上,它似乎是 ign...

回答 1 投票 0

将角度网站发布到 github 页面不起作用

尝试发布时出现以下错误。我的存储库在这里:https://github.com/joevalook/globalWeatherVisualizer 在此处输入图像描述 我尝试使用 angular cli gh pa ...

回答 0 投票 0

如何将在主分支的子目录中找到的 React 项目部署到 Github Pages

上下文 我有一个 github 存储库 my-projects,其中包含多个文件夹,每个文件夹代表一个单独的 Web 项目。该存储库的 GitHub Pages 站点目前正在构建......

回答 1 投票 0

GitHub Pages 上未显示的静态文件

我创建了简单的网页并使用了 livereload。 template.html 中静态和媒体文件的路径如下所示: 现在我尝试使用 GitHubPages 和所有静态和媒体文件发布我的网页...

回答 0 投票 0

npm 在尝试运行“npm run deploy”时没有这样的文件或目录

我收到这个错误: 没有这样的文件或目录,stat 'C:\Users essa\VS Code\React-Django\网站 rontend uild' 错误!代码生命周期 错误!错误号 1 错误! [email protected] 部署:`gh-pages -d ...

回答 3 投票 0

如何删除 Github 页面上的标题?

我正在为我的开发者博客文章尝试 GitHub Pages,不幸的是,我在选择主题后很难删除标题部分。 尽管我已经编辑了 Readme.md,标题是

回答 5 投票 0

默认 GitHub 页面 Netflix 克隆的 DNS 验证码(谷歌搜索控制台)

GitHub 将我用 React 创建的 Netflix 克隆页面标记为危险。所以我在Github pages上部署的结果是https://kikilondon.github.io/react-page/。 我需要使用

回答 0 投票 0

React 和 Github Pages - 我的主页不是默认主页

页面和所有内容都正确显示,只是登录页面本身不是网站的实际主页。如果您需要更多信息,请向我询问更多信息。

回答 0 投票 0

最新问题
© www.soinside.com 2019 - 2024. All rights reserved.