github-pages 相关问题

Svelte Kit SSG 在 Github 页面上具有动态路由

以下是我将 Svelte 网站部署到 GitHub Pages 所遵循的步骤： npm create svelte@latest svelte-test cd svelte-测试 PNPM我 pnpm i -D @sveltejs/适配器静态 然后继续创建一个

将 NextJS 站点部署到 GitHub Pages 时出现错误 404

部署此存储库时：https://github.com/Sommos/nextjs_metaverse_website 然后加载 github 页面站点：https://sommos.github.io/nextjs_metaverse_website/ 它返回“无法加载重新...

背景图像在 github 页面上不起作用

我正在尝试在 Github 页面上托管我的作品集网站，但背景图像未加载。我加载了所有其他图像，并尝试了以下内容作为我的背景图像。 当我检查

在 Just the Docs Jekyll 主题中自定义元标题标签

我朋友的网站是用 Just the Docs Jekyll 主题制作的，托管在 GitHub 页面上。 是否可以更改主页的元标题而不更改当前标题

Github Pages 网站（React）显示空白页面

我有一个 React 网站（https://github.com/sousa16/sousa16.github.io），我正在尝试使用 Github Pages（https://sousa16.github.io/）进行部署，但它只显示一个空白页。 我已附上我的应用程序...

404

我正在尝试将下一个应用程序部署到 gh 页面，但只显示索引和 404 页面。所有其他页面、图像、js 和 css 文件都返回 404 错误 - _next 折叠内的所有内容...

如何修复 Github Pages 中的 Vite.ts/React 网站显示空白页面？

这是我第一次通过Vite创建React应用程序。正如标题中所述，当我打开链接时，会出现一个空白的白色页面。另外，我在这个项目中使用 TypeScript，而不是 JavaScr...

在 Github Pages 上托管时从 OpenWeatherMap 获取数据时出错

我对编码还很陌生，我想编写一个天气网站。所以我使用 OpenWeatherMap API。 每次我想从此 API 获取数据时，都会收到以下错误：https://i.s...

GitHub 页面不显示文件

我的 github 仓库是 https://github.com/LeeFCash/digital-portfolio 并且图像将在本地主机和存储库中显示，但不会在 GitHub 页面中显示，如果是控制台，则不会显示源代码中的文件...

Github 页面不显示我的 Angular 部署图像

我已经在本地主机中完成了一个页面，一切正常，但是，当我使用 angular-cli-ghpages 部署我的应用程序时，它实际上部署了，但我的图片没有部署。我的 Angular 项目根是这样的： 项目

图像和声音无法通过本地正确加载在 Github 上正确加载

我创建了一个游戏，可以在本地机器上正确运行，也可以在本地主机上正确运行，但是当我将代码上传到Github时，我添加的声音无法播放，并且我使用的图像是

如何在 Nodejs 项目的 Github 页面上托管 HTML 文件

我目前正在尝试在 Node.js 项目中托管我的 html 页面 (My Map.html)。它应该显示地图，该文件不在文件夹中。我尝试在 termi 中运行 npm run build 命令...

简单的 Github-Pages 主题与使用 Gemfile 使用 Jekyll 创建网站之间的区别

Github 记录了两种不同的配置和主题化基于 Jekyll 的 Pages 站点的方法。 使用自定义 Gemfile 使用 Jekyll 创建网站 将主题添加到 Pages 站点，而不添加 Gemfile t...

在react中免费托管github

我用 React.js 和 Node.js 创建了一个网站。 我想通过免费托管 github 来启动它。 我已经用 gh-pages 发布了我的网站。 但是，它没有显示任何内容。 我找到理由了

Github Pages 找不到 React 站点

我正在尝试在 Github Pages 上启动一个摄影网站，但是当我尝试部署时，链接显示“未找到网站”，尽管 index.html 的其余部分出现了 它显示标题和&q...

从 github 页面中具有预制结构的 json 文件生成 html

我网站上的每个条目都有以下模板 ... 我网站上的每个条目都有以下模板 <div class="image-container"> <img src="images/placeholder.png" alt="Image N"> </div> <div class="entry-content"> <div class="entry-title">EntryName</div> <div class="entry-rating">Rating: X</div> <div class="entry-comment">Comment: Lorem ipsum</div> </div> </div> 我希望它自动填充 JSON 文件中的每个图像/标题/评级/评论。 我会使用 Angular 及其 for 循环来完成此操作，但我在 github 页面（以及嵌套的 python 脚本）上设置它时遇到问题。 有没有办法让它与JS一起工作？条目长度最多为 200 个条目 可能有一些复杂的方法可以做到这一点，并且可能会使用一些库，但只需一个简单的字符串模板和一些要替换的标记就可以很好地完成这样的事情。 请参阅下面的示例。 const template = `<div class="image-container"> <img src="{{imgPath}}" alt="{{imgAlt}}"> </div> <div class="entry-content"> <div class="entry-title">{{entryTitle}}</div> <div class="entry-rating">Rating: {{entryRating}}</div> <div class="entry-comment">Comment: {{entryComment}}</div> </div> </div>`; const data = [ { imgPath:'https://picsum.photos/id/24/200/200', imgAlt:'a picture of a book', entryTitle:'BOOK', entryRating:'4', entryComment:'Nice' }, { imgPath:'https://picsum.photos/id/23/200/200', imgAlt:'an image of forks', entryTitle:'FORKS', entryRating:'3', entryComment:'Food!' }, { imgPath:'https://picsum.photos/id/2/200/200', imgAlt:'a laptop at a coffee shop', entryTitle:'LAPTOP', entryRating:'5', entryComment:'I like coffee' }, ]; let htmlString = ''; data.forEach(d => { let tmplCopy = template; Object.keys(d).forEach(k => { const pattern = new RegExp('{{' + k + '}}', 'g'); tmplCopy = tmplCopy.replace(pattern, d[k]); }); htmlString += tmplCopy; }); document.getElementById('output-container').innerHTML = htmlString; <div id="output-container"></div> 在 github 页面上，我认为你必须使用纯 css。 它看起来像这样： let page = document.querySelector("#page"); let entries = [ { title: "Title1", rating: "Rating1", comment: "comment1" }, { title: "Title2", rating: "Rating2", comment: "comment2" }, // ... ]; //You will have to get the entries array from your json file using JSON.parse() entries.forEach((entry) => { page.innerHTML += `<div class="entry-content"> <div class="entry-title">${entry.title}</div> <div class="entry-rating">Rating: ${entry.rating}</div> <div class="entry-comment">Comment: ${entry.comment}</div> </div>`; }); <div id="page"></div>

如何在静态 github 页面中嵌入代码编辑器

我想在GitHub页面中嵌入代码编辑器，这是一个静态环境，所以应用程序一定不能使用Node.js 我已经尝试过 ace.js，并进行了一些 Google 搜索，但无法...

如何使用 html 在 Github Pages 文件上添加 .well-known

我在 github 页面上有一个 html 网站，我想使用 .well-known 文件将其与我的应用程序深度链接，问题是 github 页面不提供以句点开头的文件夹（例如 .well-known） ，所以我是你...

Jekyll 主题只能在本地运行，不能远程运行

我不知道如何解决这个问题，网上有人指出这可能与baseurl:有关，在那里输入我的网站名称或将其留空似乎不起作用。 ...

如何在github页面上使用React router？

我第一次设置一个反应路由器，然后我将它推送到 gh-pages。当我只路由联系页面时它起作用了。当我添加更多页面时，它不再起作用了。它确实适用于我的