添加 AI 辅助创作标注组件和贡献指南说明 (#116)

* Initial plan

* 添加 AI 辅助标注相关组件和说明

Agent-Logs-Url: https://github.com/zigcc/zigcc.github.io/sessions/f2181d86-6e5b-4636-a0d4-efeb5d6deed8

Co-authored-by: jiacai2050 <3848910+jiacai2050@users.noreply.github.com>

---------

Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>
Co-authored-by: jiacai2050 <3848910+jiacai2050@users.noreply.github.com>

Author: Copilot

assets/style.css

@@ -830,6 +830,29 @@ blockquote p {
   margin: 0;
 }
 
+/* -- AI Notice -- */
+
+.ai-notice {
+  margin: 1.5rem 0;
+  padding: 0.875rem 1.25rem;
+  background: #fffbeb;
+  border: 1px solid #f59e0b;
+  border-left: 4px solid #f59e0b;
+  border-radius: 6px;
+  color: #92400e;
+  font-size: 0.95rem;
+  line-height: 1.6;
+}
+
+@media (prefers-color-scheme: dark) {
+  .ai-notice {
+    background: #1c1a0e;
+    border-color: #b45309;
+    border-left-color: #f59e0b;
+    color: #fcd34d;
+  }
+}
+
 /* -- Code Blocks -- */
 
 .code-block-container {

content/contributing.smd

@@ -27,6 +27,7 @@ Zig 中文社区是一个开放的组织，我们致力于推广 Zig 在中文
 .custom = {
   .math = true, // 引入 Katex 数学公式支持
   .mermaid = true, // 引入 mermaid 图表渲染支持
+  .ai_generated = true, // 标注文章使用了 AI 辅助创作
 },
 ---
 ```
@@ -42,6 +43,24 @@ Zig 中文社区是一个开放的组织，我们致力于推广 Zig 在中文
 - [Getting Started  |  WebP  |  Google for Developers](https://developers.google.com/speed/webp/docs/using)
 
 
+## [AI 辅助创作说明]($heading.id('ai-generated'))
+
+如果文章内容使用了 AI（如 ChatGPT、Claude、Copilot 等）辅助生成，请在 frontmatter 中添加 `ai_generated = true`：
+
+```ziggy
+.custom = {
+  .ai_generated = true,
+},
+```
+
+设置后，文章末尾会自动显示一个提示横幅，提醒读者该内容包含 AI 辅助生成的内容，需结合自身判断阅读。
+
+**注意事项：**
+
+- AI 生成的内容可能存在错误或不准确之处，请在发布前仔细校对
+- 作者对文章内容的准确性负责，AI 仅作为辅助工具
+- 鼓励在文章中说明 AI 的具体使用方式（如"使用 AI 辅助润色"、"使用 AI 生成初稿后人工校对"等）
+
 ## [本地预览]($heading.id('local-preview'))
 
 1. 安装 `zine`，方法见 [Quick Start](https://zine-ssg.io/quickstart/)，

layouts/post.shtml

@@ -68,6 +68,9 @@
           <div :html="$page.toc()"></div>
         </div>
         <div :html="$page.content()"></div>
+        <div class="ai-notice" :if="$page.custom.getOr('ai_generated', false)">
+          ⚠️ 本文包含 AI 辅助生成的内容，请结合自身判断阅读，作者对内容准确性负责。
+        </div>
         <div id="prev-next" data-pagefind-ignore>
           <div :if="$page.prevPage?()">
             <a href="$if.link()">