✨ 添加代码块语法高亮功能

static/public/css/codeblock.css

@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#abb2bf;background:#282c34}.hljs-comment,.hljs-quote{color:#5c6370;font-style:italic}.hljs-doctag,.hljs-formula,.hljs-keyword{color:#c678dd}.hljs-deletion,.hljs-name,.hljs-section,.hljs-selector-tag,.hljs-subst{color:#e06c75}.hljs-literal{color:#56b6c2}.hljs-addition,.hljs-attribute,.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#98c379}.hljs-attr,.hljs-number,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-pseudo,.hljs-template-variable,.hljs-type,.hljs-variable{color:#d19a66}.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-symbol,.hljs-title{color:#61aeee}.hljs-built_in,.hljs-class .hljs-title,.hljs-title.class_{color:#e6c07b}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{text-decoration:underline}

static/public/dnfs.html

@@ -6,6 +6,7 @@
 		<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
 		<title>树状笔记</title>
 		<link rel="stylesheet" href="css/theme.css">
+		<link rel="stylesheet" href="css/codeblock.css">
 	</head>
 	<body>
 		<div class="box">
@@ -36,7 +37,9 @@
 					<button id="delete-note">删除当前节点</button>
 				</div>
 			</div>
-			<!--<script src="https://cdnjs.cloudflare.com/ajax/libs/markdown-it/12.0.0/markdown-it.min.js"></script>-->
+			<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/markdown-it/12.0.0/markdown-it.min.js"></script> -->
+			<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script> -->
+			<script src="js/highlight_11_9_0.js"></script>
 			<script src="js/markdown-it-12_0_0.js"></script>
 			<script src="js/validation.js"></script>
 			<script src="js/token_manager.js"></script>

static/public/js/dnfs.js

@@ -414,8 +414,17 @@ function renderMarkdown(element, content) {
 	/*
 	Markdown渲染
 	*/
-	const md = window.markdownit();
+	const md = window.markdownit({
-	element.innerHTML = md.render(content, {html: false});
+		html: false,
+		highlight: function(code, lang) {
+			if (lang && hljs.getLanguage(lang)) {
+				return `<pre><code class="hljs language-${lang}">${hljs.highlight(code, {language: lang}).value}</code></pre>`
+			} else {
+				return `<pre><code class="hljs">${md.utils.escapeHtml(code)}</code></pre>`
+			}
+		}
+	});
+	element.innerHTML = md.render(content);
 }
 
 /* ===== by qing — 特殊节点（管理员专属）=====