【新增】添加代码高亮功能

PJ-568 · PJ-568 · commit c227828b6de2 · 2025-06-23T12:26:39.000+08:00
- 将 markdown-html 版本从 1.11.1 升级到 1.12.0
- 添加 highlight.js 用于代码块语法高亮
- 在页面加载结束后触发代码高亮
- 引入 highlight.js 的默认样式表
diff --git a/index.html b/index.html
@@ -1,7 +1,7 @@
 <!doctype html>
 
 <html>
-<markdown-html version="1.11.1" author="PJ568" repo="https://github.com/PJ-568/markdown.html"
+<markdown-html version="1.12.0" author="PJ568" repo="https://github.com/PJ-568/markdown.html"
   license="CC BY-SA 4.0 International"></markdown-html>
 
 <head>
@@ -15,9 +15,11 @@
   <script src="https://lib.baomitu.com/pjax/0.2.8/pjax.min.js" type="text/javascript"></script>
   <script src="https://lib.baomitu.com/translate.js/3.7.2/translate.js" type="text/javascript"></script>
   <script src="https://lf6-cdn-tos.bytecdntp.com/cdn/expire-1-y/Darkmode.js/1.5.7/darkmode-js.min.js"
-    type="text/javascript"></script>
+    type="application/javascript"></script>
   <script src="https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-y/mermaid/8.14.0/mermaid.min.js"
-    type="text/javascript"></script>
+    type="application/javascript"></script>
+  <script src="https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-y/highlight.js/11.4.0/highlight.min.js"
+    type="application/javascript"></script>
   <script>
     // 使用 IIFE 包裹以避免全局变量污染
     (function () {
@@ -605,6 +607,7 @@
         infoTranslate();	//// 检查并提示翻译
         await mermaid.init({ noteMargin: 10 }, '.language-mermaid');	//// 初始化 mermaid
         translate.execute();	//// 手动触发翻译，但是理论上 translate-js 会监听页面变化
+        hljs.highlightAll();  //// 触发代码块语法高亮
         endLoad();
         window.scrollTo({
           top: 0,
@@ -939,6 +942,8 @@
       }
     }
   </style>
+  <link href="https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-y/highlight.js/11.4.0/styles/default.min.css"
+    type="text/css" rel="stylesheet" />
   <link rel="stylesheet"
     href="https://chinese-fonts-cdn.deno.dev/packages/maple-mono-cn/dist/MapleMono-CN-Regular/result.css" />
 </head>
