自动提交

src/pages/friend-link.mdx

@@ -19,6 +19,7 @@ hide_table_of_contents: true
 13. HTML+CSS教程开发；https://www.bilibili.com/video/BV1ux41127DU/
 14. 青蛙游戏联系CSS的Flexbox布局https://flexboxfroggy.com/
 
+https://frankelinli.github.io/wordpress%20HTML%20block.html
 
 ---
 

static/wordpress HTML block.html → static/wordpress HTML block demo.html

@@ -812,4 +812,66 @@ <h3>标题3</h3>
         50% { top: 250px; }
       }
     </style>
-  </div>
+  </div>
+
+
+
+
+
+  <div class="faq-container">
+    <style>
+        .faq-container {
+            max-width: 800px;
+            margin: 0 auto;
+        }
+        .faq-item {
+            border: 1px solid #eee;
+            margin-bottom: 10px;
+            border-radius: 4px;
+        }
+        .faq-question {
+            padding: 15px;
+            background: #f7f7f7;
+            cursor: pointer;
+            position: relative;
+            font-weight: bold;
+        }
+        .faq-question::after {
+            content: '+';
+            position: absolute;
+            right: 15px;
+        }
+        .faq-answer {
+            padding: 0 15px;
+            max-height: 0;
+            overflow: hidden;
+            transition: max-height 0.3s ease-out;
+        }
+        .faq-item.active .faq-answer {
+            max-height: 500px;
+            padding: 15px;
+        }
+        .faq-item.active .faq-question::after {
+            content: '-';
+        }
+    </style>
+
+    <div class="faq-item" onclick="this.classList.toggle('active')">
+        <div class="faq-question">WordPress如何添加HTML块？</div>
+        <div class="faq-answer">
+            1. 点击添加区块按钮
+            2. 搜索"自定义HTML"
+            3. 将代码粘贴到编辑器中
+        </div>
+    </div>
+
+    <div class="faq-item" onclick="this.classList.toggle('active')">
+        <div class="faq-question">HTML块有什么优势？</div>
+        <div class="faq-answer">
+            1. 更快的加载速度
+            2. 更好的安全性
+            3. 更容易维护
+            4. 无需依赖插件
+        </div>
+    </div>
+</div>