英文原文正文为项目原始 README（英文），本站后续会翻译为中文，当前仅剔除图片与无关章节并统一排版。

项目网站模板

演示: https://yenchiah.github.io/project-website-template/

当前版本是 v3.43。已知的最后一个稳定版本是 v3.36。

这是一个响应式（移动端/桌面端）且轻量的 HTML/CSS 模板，用于构建项目或个人网站。如果您的网站不需要复杂的用户交互，我建议从空模板（empty.html）开始，并从包含不同布局的文件（index.html）复制代码。对于构建交互式网站，该库还提供了几个基于 jQuery 和 jQuery UI 的小部件（widgets.html）。使用该模板的示例如下：

• 个人网站：http://yenchiah.me (代码仓库链接：code repository)
• 项目网站：http://smellpgh.org (代码仓库链接：code repository)
• 项目网站：https://smellmycity.org (代码仓库链接：code repository)
• 项目网站：https://smoke.createlab.org (代码仓库链接：code repository)
• 项目网站：https://periscope.io.tudelft.nl (代码仓库链接：code repository)
• 实验室网站：https://multix-amsterdam.github.io/ (代码仓库链接：code repository)
• 会议网站：https://www.mmm2024.org/ (代码仓库链接：code repository)

如果您希望继续更新此模板，请将您的代码保存在单独的文件中（custom.css 和 custom.js），并避免修改以下内容：

• css/frame.css（网站主框架的 CSS）
• css/controls.css（不需要 JavaScript 的控制元素的 CSS）
• css/widgets.css（需要 JavaScript 的小部件 CSS）
• js/widgets.js（小部件的 JavaScript）
• js/util.js（通用工具函数的 JavaScript）
• js/menu.js（加载菜单栏的 JavaScript）
• js/footer.js（加载页脚的 JavaScript）

从版本 3.0 起，顶部菜单栏移至 menu.html 以便更好管理。同时，从版本 3.37 起，底部页脚移至 footer.html。每个模板页面现在将使用 jQuery 加载菜单栏和页脚，如下所示：

<script src="js/menu.js"></script>
<script src="js/footer.js"></script>

menu.js 脚本将 menu.html 加载到 menu-container。

<div class="menu-container"></div>

footer.js 脚本将 footer.html 加载到 footer-container。

<div class="footer-container"></div>

此模板已在以下环境测试并可正常使用：

• macOS 12.4
  • Chrome 103
  • Safari 15.5
  • Firefox 103
  • Edge 103
• Android 12
  • Chrome 103
• iOS 15.5
  • Chrome 103
  • Safari 15.5
  • Firefox 102

问题和错误

以下是我计划在未来解决的问题和错误。如果您已经修复了它们，请随时向我发送拉取请求，我将非常感激。请同时在 GitHub Issues 上报告问题和错误。

• 在移动端 Safari 上，顶部菜单在打开后无法关闭。这是因为移动 Safari 上的菜单图标在触摸事件后会保持焦点，而菜单依赖于图标失去焦点事件来关闭。
• 在 Safari 上，要求用户选择照片的调查问题在点击复选框后会以奇怪的方式显示照片。此问题的原因尚不清楚。

功能增强的未来计划

以下是我计划在未来添加的几个功能。如果您希望贡献，请在提交拉取请求前通过电子邮件与我讨论设计。

• 用于显示图片或视频的幻灯片模块

开源贡献政策

我欢迎并感谢在修复错误和增强功能方面的贡献。然而，请避免在未与我讨论的情况下提交修改模板现有设计的拉取请求（PR）。请勿提交与错误修复或功能增强无关的PR。不建议编辑README文件中的文本（例如，修正语法错误）。包含不必要编辑（例如，添加无关文本、改变模板设计、随意修改README文本）或无关更改（例如，仅与其应用相关的更改）的PR将被标记为“垃圾邮件”和“无效”。

如果您希望直接为新功能做贡献，请在PR中说明您的设计决策以及您的设计如何符合此模板的风格。如果您修复了错误，请说明您修复了哪个错误以及如何修复。您在每个PR中提供的解释可以极大地帮助我判断这些更改是否可以合并到主分支。没有说明的PR非常可能会被拒绝并标记为“不会修复”。