javascript - 有没有办法动态访问我的 Github Pages 服务器上托管的文件和文件夹?

标签 javascript ajax directory github-pages filesystem-access

我了解网络采取了主要的安全措施来防止程序访问客户端计算机上的文件。我想要做的是使用 AJAX 或其他一些功能来动态访问位于我的 Github 存储库中的我自己的公共(public)目录中的文件和文件夹名称,以在我的静态 Github 页面上提供服务。

为了深入了解我正在从事的项目,我将举这个例子:假设我想轻松地将内容添加到我的博客,我的目录如下所示:

- website (folder)
-- articles.html
-- articles (folder)
--- top-10-diys.txt
--- child-falls-in-well.txt
--- my-biography.txt
--- new-article.txt

当我将“new-article.txt”添加到“articles”文件夹时,我不希望必须编辑相应的“articles.html”页面才能添加指向新文章的链接。我只是想要 AJAX 或类似的功能来获取文件夹中的所有文件名并生成指向我的文章的链接。

这可能吗?我只是想为我的静态 Github 页面创建此功能。使用 AJAX 不是必需的,但我想要一个纯 Javascript 或 AJAX 方法。

编辑:

我遇到了两种可能的选择,可以为我提供我正在寻找的东西。

选项 1:使用 AJAX 请求我的服务器上的目录,这将返回完整的 HTML 文档,其中包含指向该目录中所有文件的链接。

选项2:维护一个包含目录中所有文件名的文本文件,并使用AJAX加载列表中的所有文件。

但是这两种方法都存在问题。选项 1 要求我从 HTML 文档中解析出文件名。这不是一个干净的解决方案,并且根据服务器权限,它可能根本不起作用。我宁愿不依赖这个黑客。

选项 2 的问题在于它仍然需要我将文件名硬编码到文本文档中,因此该解决方案并不是真正动态的。当然,我会节省一些时间来维护每个单独的链接,但我仍然需要维护文本文件。最重要的是,这似乎是一个草率的解决方案。

再次编辑

我遇到了一个以前没有见过的选项,那就是使用静态站点生成器。目前Github使用的是Jekyll。如果我找不到任何其他方式来即时获得我想要的东西,我可能会选择 SSG,但这对于我的目的来说确实不理想。我实际上只是进行了此编辑,以便遇到我的问题的人知道他们的选择。

最佳答案

我将创建一个单独的 Node 服务器 API,其中包含一个端点(使用 AJAX 从您的 github 页面前端访问),该端点从该文件夹获取文件并将它们发送到您的前端。

关于javascript - 有没有办法动态访问我的 Github Pages 服务器上托管的文件和文件夹?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43573257/

相关文章:

javascript - jQuery ajax 喜欢使用 iframe 上传文件

java - 无法获取 Ajax 响应中的值

csv - 使用子目录时如何修复文件访问?

php - 我如何使用 jQuery 通过 DOM 插入 PHP 标签?

javascript - 使用与 div 相关的 scrollmagic 固定元素

javascript - tf.compat.v1.image.resize 的等效 tensorflow.js 函数?

javascript - 强制 localeCompare 区分大小写

javascript - PhoneGap/Cordova 以及最新版本的 Google Chrome 中没有 'Access-Control-Allow-Origin'

directory - 使用 RPM 安装空目录

.net - SSD 驱动器上奇怪的目录删除行为