修复 code 无法解析 html 标签

devlive-community · Dec 30, 2024 · 7f6822f · 7f6822f
1 parent 699348e
commit 7f6822f
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 6 deletions.
diff --git a/docs/content/docs/support-syntax/tab.md b/docs/content/docs/support-syntax/tab.md
@@ -4,11 +4,9 @@ title: 选项卡
 
 PageForge 支持使用 markdown 实现了选项卡相关信息。
 
-::: danger
+### 基本语法
 
-:::
-
-## 基本语法
+---
 
 ```markdown
 ::: tabs

diff --git a/docs/content/getting-started/customization.md b/docs/content/getting-started/customization.md
@@ -67,3 +67,11 @@ templates
 按照文件的路径，您可以覆盖默认的模板文件。
 
 如果自定义模版，可以直接在 `templates/layouts` 文件夹中创建自定义的布局文件，文件名便是模版名称。
+
+```
+<article>
+    <div class="content">
+        <%- content %>
+    </div>
+</article>
+```
diff --git a/lib/extension/marked/pageforge-code-block.js b/lib/extension/marked/pageforge-code-block.js
@@ -16,7 +16,7 @@ const PageForgeCodeBlockExtension = {
                 type: 'pageforgeCodeBlock',
                 raw: match[0],
                 lang: match[1],         // 语言标识
-                text: match[2],         // 代码内容
+                text: match[2].replace(/</g, '&lt;').replace(/>/g, '&gt;'), // 转义特殊字符
                 tokens: []
             };
         }

diff --git a/templates/includes/toc.ejs b/templates/includes/toc.ejs
@@ -6,7 +6,7 @@
                 <% items.forEach(item => { %>
                     <div class="pl-<%= (item.level - 1) * 4 %>">
                         <a href="#<%= item.slug %>"
-                           class="block py-2 px-3 text-sm text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-200 hover:bg-gray-50 dark:hover:bg-gray-800 rounded-md transition-colors duration-150 toc-link"
+                           class="block px-3 text-sm text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-200 hover:bg-gray-50 dark:hover:bg-gray-800 rounded-md transition-colors duration-150 toc-link"
                            data-slug="<%= item.slug %>">
                             <%- item.text %>
                         </a>