用简单的HTML表单生成静态内容的拉动请求

Jamstack网站通常是由静态站点生成器（SSG）构建的，并在GitHub等平台上托管，为通过拉动请求提供了一个独特的社区供款机会。这种方法由CSS-Tricks等网站使用，提供了几种优势：

• 具有成本效益且易于部署： SSG通常是免费且易于部署的，非常适合MVP或概念验证项目。
• 增强的安全性：仅服务静态文件可最大程度地减少安全性漏洞。
• 可伸缩性：现有的托管解决方案可以轻松处理增加的流量。
• 社区贡献：直接在存储库中的内容允许轻松提出请求，从而促进社区参与。

但是，对于非技术贡献者来说，传统的拉请求过程可能会令人生畏。本文探讨了一种更简单的方法：使用HTML表单生成拉请请求。

挑战：精简贡献

分叉，了解内容格式以及可能建立本地开发环境的复杂性可以阻止潜在的贡献者。需要采用更用户友好的方法。

解决方案：带有查询参数的github拉请求

GitHub允许使用特殊格式的URL中的查询参数进行预填充拉的请求信息。这使我们能够创建一个简单的HTML表单，该表单生成此URL，从而简化贡献过程。

构建表格并产生拉动请求URL

让我们考虑一个方案，我们希望将资源添加到无服务器站点，类似于CSS-Tricks的无服务器网站。每个资源都需要：

• 标题
• URL
• 作者
• 标签
• 描述

可以创建HTML表格来收集此信息：

标题
URL
作者
标签（逗号分隔）
描述
提交

<script> // JavaScript to generate and redirect to the GitHub pull request URL (omitted for brevity, see original article for details) </script>

然后，JavaScript用于：

1. 收集用户输入。
2. 生成代表新资源文件的格式字符串。
3. URL字符串编码。
4. 用编码的字符串作为查询参数构建GitHub拉请求URL。
5. 将用户重定向到此URL。

进一步的增强

可以通过：

• 预填充表单数据：使用API​​（如原始文章中提到的那样）自动根据提供的URL填充标题和描述等字段。这减轻了用户的输入负担。
• 与其他服务集成：通过与其他API集成以进行其他数据处理或验证来扩展功能。

结论

此方法为静态站点生成器提供了最小的CMS解决方案，从而简化了社区的贡献。通过自定义表单和查询参数，它可以适应各种内容格式和数据结构。这种方法降低了贡献者的进入障碍，从而促进了更具包容性和协作的环境。

以上是用简单的HTML表单生成静态内容的拉动请求的详细内容。更多信息请关注PHP中文网其他相关文章！