【维护，依赖】升级 markdown.html 版本并优化脚本类型声明

PJ-568 · PJ-568 · commit f43899054eb6 · 2025-08-20T14:32:52.000+08:00
【修复，界面】禁用阻塞渲染的字体加载并优化小屏响应式布局

本次提交主要包含以下更改：
- 将 markdown.html 的版本从 1.19.1 升级至 1.20.0
- 统一外部脚本的 MIME 类型为 application/javascript
- 注释掉会造成渲染阻塞的字体 CSS 加载逻辑
- 优化小屏设备下的界面布局，增强响应式体验
- 调整媒体查询中的背景色和元素定位以提升可读性

这些更改提升了页面性能和移动设备的用户体验。
diff --git a/index.html b/index.html
@@ -2,7 +2,7 @@
 
 <html>
   <markdown-html
-    version="1.19.1"
+    version="1.20.0"
     author="PJ568"
     repo="https://github.com/PJ-568/markdown.html"
     license="CC BY-SA 4.0 International"
@@ -25,15 +25,15 @@
     <script
       defer
       src="https://lib.baomitu.com/marked/4.0.2/marked.min.js"
-      type="text/javascript"
+      type="application/javascript"
     ></script>
     <script
       src="https://lib.baomitu.com/pjax/0.2.8/pjax.min.js"
-      type="text/javascript"
+      type="application/javascript"
     ></script>
     <script
       src="https://lib.baomitu.com/translate.js/3.17.0/translate.js"
-      type="text/javascript"
+      type="application/javascript"
     ></script>
     <script
       src="https://lib.baomitu.com/Darkmode.js/1.5.7/darkmode-js.min.js"
@@ -758,9 +758,9 @@
           initPJAX(); //// 初始化 PJAX
           initCustomPJAXResponse(); //// 初始化自定义 PJAX 响应
           initCustomPJAXEventListener(); //// 初始化自定义 PJAX 事件监听器
-          loadCSS(
-            "https://chinese-fonts-cdn.deno.dev/packages/maple-mono-cn/dist/MapleMono-CN-Regular/result.css"
-          ); //// 加载字体 CSS
+          // loadCSS(
+          //   "https://chinese-fonts-cdn.deno.dev/packages/maple-mono-cn/dist/MapleMono-CN-Regular/result.css"
+          // ); //// 加载字体 CSS，会造成渲染阻塞，暂时禁用
           endLoad(); //// 结束加载动画
         }
 
@@ -1164,12 +1164,24 @@
 
       /* 小屏响应式优化 */
       @media only screen and (max-width: 950px) {
+        :root,
+        html,
+        body {
+          background-color: #616161;
+        }
+
+        :root,
         html,
         body,
         .markdown-body {
           height: 100%;
         }
 
+        nav {
+          position: relative;
+          margin-left: auto;
+        }
+
         .markdown-body {
           overflow-y: scroll;
           min-width: 256px;
