github-pages 相关问题

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

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

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

回答 0 投票 0

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

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

回答 2 投票 0

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

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

回答 0 投票 0

在react中免费托管github

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

回答 2 投票 0

Github Pages 找不到 React 站点

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

回答 1 投票 0

从 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>

回答 2 投票 0

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

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

回答 1 投票 0

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

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

回答 3 投票 0

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

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

回答 1 投票 0

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

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

回答 0 投票 0

GitHub Pages 上的错误 - 无法加载资源:服务器响应状态为 404 ()

我刚刚将我用React with Vite编写的项目上传到我在GitHub上的存储库,并决定将其上传到GitHub Pages,我已经这样做了很多次,但这次我看到的不是我的页面,而是白色的

回答 0 投票 0

React Vite 中的 Rick 和 Morty API - 可能与路线相关的问题

我的问题如下:我正在使用教程开发 Rick 和 Morty API,但他们没有展示如何部署该项目。所以,我自己做了,并设法将其上传到 gh-pages,方法是......

回答 0 投票 0

如何清除存储库的部署历史记录?

=-------------------------------------------------------- -------------------------------------------------- -------= 当我们在GitHub上部署项目时,如何才能在

回答 0 投票 0

如何将主分支子目录中的react项目部署到Github Pages?

所以项目仓库现在看起来像这样 主要的: 应用程序/ 自述文件.md 预览.jpg app 目录内部是我的 React 项目的所有文件和文件夹所在的位置。我正在尝试弄清楚我如何...

回答 0 投票 0

如何获取 GitHub 页面来提供我的图像

我使用Web Pack制作了一个React应用程序(不使用创建React应用程序)。我通过将其构建到“build”文件夹并使用 gh-pages 模块,设法将其获取到 GitHub 页面。然而,在 gh-pa...

回答 1 投票 0

将 React 应用程序部署到 GitHub 页面后,翻译文件的路径出现问题

我正在努力让我的网站正常运行。我的网站是一个 React + vite,使用 i18next.js 库来翻译文本。应用程序托管在 GitHub 页面上,我也使用我的自定义域名。这是...

回答 0 投票 0

错误:Github Actions 设置 Ruby 作业中的进程“/opt/hostedtoolcache/Ruby/3.1.4/x64/bin/bundle”失败,退出代码为 16

我在通过 Github Actions 运行构建作业时遇到问题,因为错误:在安装 Ruby 作业期间,进程“/opt/hostedtoolcache/Ruby/3.1.4/x64/bin/bundle”失败,退出代码为 16。 我...

回答 0 投票 0

我的 jekyll 站点在本地主机上按预期呈现,但在 github 页面中呈现原始代码

我的 jekyll 网站在本地主机上按预期呈现,但在通过 github 页面访问时呈现原始内容。 我拥有一切,更改基本 url 和 url,重建并检查目录

回答 0 投票 0

GitHub Pages 在自定义域中写什么?

自定义域 自定义域 自定义域允许您从 akshitmodhiya.github.io 以外的域为您的站点提供服务。 在里面写什么作为“https://akshitmodhiya.github.io/xypo”不是

回答 2 投票 0


© www.soinside.com 2019 - 2024. All rights reserved.