From 20f4d61975be38dd925fdb5309429d84380f4b2f Mon Sep 17 00:00:00 2001
From: qing <1776177662@qq.com>
Date: Wed, 22 Jul 2026 19:29:22 +0800
Subject: [PATCH 1/4] =?UTF-8?q?=E5=A2=9E=E5=8A=A0CSS?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 static/public/dnfs.html  | 99 +++++++++++++++++++++++++++++-----------
 static/public/js/dnfs.js |  9 ++--
 2 files changed, 78 insertions(+), 30 deletions(-)

diff --git a/static/public/dnfs.html b/static/public/dnfs.html
index 0b4bdd0..60e5bfd 100644
--- a/static/public/dnfs.html
+++ b/static/public/dnfs.html
@@ -23,37 +23,82 @@
 				margin-right: 0px;
 				background-color: #cfcfcf;
 			}
+
+			/* by qing */
+			body {
+				min-height: 100vh;
+				display: flex;
+				justify-content: center;
+				align-items: center;
+				background: #c2ccd0;
+				font-family: system-ui, -apple-system, "Segoe UI", Roboto,sans-serif;
+				padding: 1rem;
+			}
+
+			.box {
+				width: 90%;
+			}
+
+			.card {
+				background-color: #eedeb0;
+				border: 1px solid #000000;
+				border-radius: 1.125rem;
+				padding: 1.5rem 1.25rem;
+				box-shadow: 0 6px 18px rgba(0, 0, 0, 0.04), 0 2px 4px rgba(0, 0, 0, 0.02);
+				/*max-width: 480px;*/
+				width: 90%;
+				color: #4d3e2b;
+				transition: box-shadow 0.2s, border-color 0.2s;
+				overflow-wrap: break-word;
+			}
+
+			.card:hover {
+				border-color: #c7b38a;
+				box-shadow: 0 10px 24px rgba(0,0,0,0.06), 0 2px 6px rgba(0,0,0,0.03);
+			}
+
+			/* 移动端微调 */
+			@media (max-width: 480px) {
+				body {
+					padding: 0.8rem;
+				}
+
+				.card {
+					padding: 1.2rem, 1rem;
+					border-radius: 1rem;
+					border-width: 1px;
+				}
+			}
+
+			/* 极小屏 (宽度 < 360px)  */
+			@media (max-width: 360px) {
+				.card {
+					padding: 1rem 0.8rem;
+					border-radius: 0.9rem;
+				}
+			}
+
 		</style>
 	</head>
 	<body>
-		<center>
-		<!-- 文章主标题 -->
-		<h1><div id="article-title">title</div></h1>
+		<div class="box">
+			<h1><div id="article-title">title</div></h1>
 
-		<!-- 文章详情 -->
-		<div>
-			发布时间：<span id="publish-time">2026-1-1</span>
+			</center>
+			<div id="article-content">hello</div>
+			<hr>
+			<div class="recommend-list" id="recommend-list"></div>
+			<br>
+			<div class="card">
+				<h3>节点操作</h3>
+				<label>新增节点</label><input id="input-note-title"></input><br>
+				<label>节点内容</label><textarea id="input-note-content"></textarea><br>
+				<button id="input-note-submit">提交</button>
+				<button id="input-note-clear">重置</button>
+			</div>
+			<script src="https://cdnjs.cloudflare.com/ajax/libs/markdown-it/12.0.0/markdown-it.min.js"></script>
+			<script src="/js/validation.js"></script>
+			<script src="/js/dnfs.js"></script>
 		</div>
-		<div>
-			浏览：<span id="visit-count">999</span>
-			点赞：<span id="like-count">999</span>
-			分享：<span id="share-count">999</span>
-		</div>
-		</center>
-		<!-- 文章正文-->
-		<div id="article-content">hello</div>
-		<hr>
-		<div class="recommend-list" id="recommend-list"></div>
-		<br>
-		<h3>节点操作</h3>
-		<div>
-			<label>新增节点</label><input id="input-note-title"></input><br>
-			<label>节点内容</label><textarea id="input-note-content"></textarea><br>
-			<button id="input-note-submit">提交</button>
-			<button id="input-note-clear">重置</button>
-		</div>
-		<script src="https://cdnjs.cloudflare.com/ajax/libs/markdown-it/12.0.0/markdown-it.min.js"></script>
-		<script src="/js/validation.js"></script>
-		<script src="/js/dnfs.js"></script>
 	</body>
 </html>
diff --git a/static/public/js/dnfs.js b/static/public/js/dnfs.js
index 8f3f8d4..392efa8 100644
--- a/static/public/js/dnfs.js
+++ b/static/public/js/dnfs.js
@@ -144,19 +144,22 @@ function load_notes(main_node) {
 	}
 	for (i in main_node) {
 		item = main_node[i]
+		var card = document.createElement('div'); 
+		card.className = "card";
 		var ttl = document.createElement('center');
 		ttl.addEventListener('click', function(event) {
 			var id = Number(item.id)
 			stack.push(id)
 			getNode(token, id).then(load_notes)
 		});
-		var ttl1 =document.createElement('h1');
+		var ttl1 =document.createElement('h3');
 		ttl1.textContent = item.title
 		ttl.appendChild(ttl1)
-		recommend_list.appendChild(ttl)
+		card.appendChild(ttl)
 		var ctt = document.createElement('p');
 		renderMarkdown(ctt, item.content);
-		recommend_list.appendChild(ctt)
+		card.appendChild(ctt)
+		recommend_list.appendChild(card)
 		recommend_list.appendChild(document.createElement('br'))
 		recommend_list.appendChild(document.createElement('hr'))
 	}

From 03efcf5ee2749d048ca219d86207663b5d45bcc1 Mon Sep 17 00:00:00 2001
From: qingss0 <qingss0@noreply.gitcode.com>
Date: Wed, 22 Jul 2026 19:34:10 +0800
Subject: [PATCH 2/4] =?UTF-8?q?update:=20=E6=9B=B4=E6=96=B0=E6=96=87?=
 =?UTF-8?q?=E4=BB=B6=20dnfs.html?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: qingss0 <qingss0@noreply.gitcode.com>
---
 static/public/dnfs.html | 75 +----------------------------------------
 1 file changed, 1 insertion(+), 74 deletions(-)

diff --git a/static/public/dnfs.html b/static/public/dnfs.html
index 60e5bfd..bee22d1 100644
--- a/static/public/dnfs.html
+++ b/static/public/dnfs.html
@@ -5,80 +5,7 @@
 		<!-- 移动端适配核心标签 -->
 		<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
 		<title>DNFS · 树状笔记</title>
-		<style>
-			code {
-				color: red;
-				background-color: rgb(254, 235, 238);
-				padding: 5px;
-				border-radius: 5px;
-			}
-			pre > code {
-				display: block;
-				color: white;
-				background-color: rgb(96, 96, 96);
-				padding: 5px;
-				border-radius: 5px;
-			}
-			blockquote {
-				margin-right: 0px;
-				background-color: #cfcfcf;
-			}
-
-			/* by qing */
-			body {
-				min-height: 100vh;
-				display: flex;
-				justify-content: center;
-				align-items: center;
-				background: #c2ccd0;
-				font-family: system-ui, -apple-system, "Segoe UI", Roboto,sans-serif;
-				padding: 1rem;
-			}
-
-			.box {
-				width: 90%;
-			}
-
-			.card {
-				background-color: #eedeb0;
-				border: 1px solid #000000;
-				border-radius: 1.125rem;
-				padding: 1.5rem 1.25rem;
-				box-shadow: 0 6px 18px rgba(0, 0, 0, 0.04), 0 2px 4px rgba(0, 0, 0, 0.02);
-				/*max-width: 480px;*/
-				width: 90%;
-				color: #4d3e2b;
-				transition: box-shadow 0.2s, border-color 0.2s;
-				overflow-wrap: break-word;
-			}
-
-			.card:hover {
-				border-color: #c7b38a;
-				box-shadow: 0 10px 24px rgba(0,0,0,0.06), 0 2px 6px rgba(0,0,0,0.03);
-			}
-
-			/* 移动端微调 */
-			@media (max-width: 480px) {
-				body {
-					padding: 0.8rem;
-				}
-
-				.card {
-					padding: 1.2rem, 1rem;
-					border-radius: 1rem;
-					border-width: 1px;
-				}
-			}
-
-			/* 极小屏 (宽度 < 360px)  */
-			@media (max-width: 360px) {
-				.card {
-					padding: 1rem 0.8rem;
-					border-radius: 0.9rem;
-				}
-			}
-
-		</style>
+		<link rel="stylesheet" href="style/qing.css">
 	</head>
 	<body>
 		<div class="box">

From 1d02bd226684098360e4df11e9b258f2510d9d7e Mon Sep 17 00:00:00 2001
From: qingss0 <qingss0@noreply.gitcode.com>
Date: Wed, 22 Jul 2026 19:34:44 +0800
Subject: [PATCH 3/4] =?UTF-8?q?new:=20=E6=96=B0=E5=BB=BA=E6=96=87=E4=BB=B6?=
 =?UTF-8?q?=20qing.css?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: qingss0 <qingss0@noreply.gitcode.com>
---
 static/public/css/qing.css | 71 ++++++++++++++++++++++++++++++++++++++
 1 file changed, 71 insertions(+)
 create mode 100644 static/public/css/qing.css

diff --git a/static/public/css/qing.css b/static/public/css/qing.css
new file mode 100644
index 0000000..15168dd
--- /dev/null
+++ b/static/public/css/qing.css
@@ -0,0 +1,71 @@
+code {
+    color: red;
+    background-color: rgb(254, 235, 238);
+    padding: 5px;
+    border-radius: 5px;
+}
+pre > code {
+    display: block;
+    color: white;
+    background-color: rgb(96, 96, 96);
+    padding: 5px;
+    border-radius: 5px;
+}
+blockquote {
+    margin-right: 0px;
+    background-color: #cfcfcf;
+}
+
+/* by qing */
+body {
+    min-height: 100vh;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    background: #c2ccd0;
+    font-family: system-ui, -apple-system, "Segoe UI", Roboto,sans-serif;
+    padding: 1rem;
+}
+
+.box {
+    width: 90%;
+}
+
+.card {
+    background-color: #eedeb0;
+    border: 1px solid #000000;
+    border-radius: 1.125rem;
+    padding: 1.5rem 1.25rem;
+    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.04), 0 2px 4px rgba(0, 0, 0, 0.02);
+    /*max-width: 480px;*/
+    width: 90%;
+    color: #4d3e2b;
+    transition: box-shadow 0.2s, border-color 0.2s;
+    overflow-wrap: break-word;
+}
+
+.card:hover {
+    border-color: #c7b38a;
+    box-shadow: 0 10px 24px rgba(0,0,0,0.06), 0 2px 6px rgba(0,0,0,0.03);
+}
+
+/* 移动端微调 */
+@media (max-width: 480px) {
+    body {
+        padding: 0.8rem;
+    }
+
+    .card {
+        padding: 1.2rem, 1rem;
+        border-radius: 1rem;
+        border-width: 1px;
+    }
+}
+
+/* 极小屏 (宽度 < 360px)  */
+@media (max-width: 360px) {
+    .card {
+        padding: 1rem 0.8rem;
+        border-radius: 0.9rem;
+    }
+}
\ No newline at end of file

From 96c500d5016f8fda12c0cb5e3ab3935ab6530867 Mon Sep 17 00:00:00 2001
From: qing <1776177662@qq.com>
Date: Wed, 22 Jul 2026 19:43:03 +0800
Subject: [PATCH 4/4] css

---
 static/public/css/qing.css  |  4 +--
 static/public/dnfs.html     |  7 ++---
 static/public/js/dnfs.js    |  1 -
 static/public/login.html    | 63 +++++++++++++++++++------------------
 static/public/register.html | 57 +++++++++++++++++----------------
 5 files changed, 68 insertions(+), 64 deletions(-)

diff --git a/static/public/css/qing.css b/static/public/css/qing.css
index 15168dd..3874be6 100644
--- a/static/public/css/qing.css
+++ b/static/public/css/qing.css
@@ -22,7 +22,7 @@ body {
     display: flex;
     justify-content: center;
     align-items: center;
-    background: #c2ccd0;
+    background: #fffbf0;
     font-family: system-ui, -apple-system, "Segoe UI", Roboto,sans-serif;
     padding: 1rem;
 }
@@ -68,4 +68,4 @@ body {
         padding: 1rem 0.8rem;
         border-radius: 0.9rem;
     }
-}
\ No newline at end of file
+}
diff --git a/static/public/dnfs.html b/static/public/dnfs.html
index bee22d1..c47e70b 100644
--- a/static/public/dnfs.html
+++ b/static/public/dnfs.html
@@ -5,15 +5,14 @@
 		<!-- 移动端适配核心标签 -->
 		<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
 		<title>DNFS · 树状笔记</title>
-		<link rel="stylesheet" href="style/qing.css">
+		<link rel="stylesheet" href="css/qing.css">
 	</head>
 	<body>
 		<div class="box">
-			<h1><div id="article-title">title</div></h1>
+			<h1><div id="article-title"></div></h1>
 
 			</center>
-			<div id="article-content">hello</div>
-			<hr>
+			<div id="article-content"></div>
 			<div class="recommend-list" id="recommend-list"></div>
 			<br>
 			<div class="card">
diff --git a/static/public/js/dnfs.js b/static/public/js/dnfs.js
index 392efa8..c233085 100644
--- a/static/public/js/dnfs.js
+++ b/static/public/js/dnfs.js
@@ -161,7 +161,6 @@ function load_notes(main_node) {
 		card.appendChild(ctt)
 		recommend_list.appendChild(card)
 		recommend_list.appendChild(document.createElement('br'))
-		recommend_list.appendChild(document.createElement('hr'))
 	}
 };
 
diff --git a/static/public/login.html b/static/public/login.html
index d995f3b..c4aef65 100644
--- a/static/public/login.html
+++ b/static/public/login.html
@@ -5,6 +5,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/qing.css">
 		<style>
 			.tip-red {color:red;}
 			.tip-yellow {color: orange;}
@@ -12,36 +13,38 @@
 		</style>
 	</head>
 	<body>
-		<h2>用户登录</h2>
-		<form action="" id="form" method="post">
-			<div>
-			<label>用户名/推荐邮箱：</label>
-			<input type="text" id="loginUsername" name="username" placeholder="请输入用户名">
-			<span id="msgTip" ></span>
-			<br>
-			<label>密码：</label>
-			<input type="password" id="loginPassword" name="password" placeholder="请输入密码">
-			<span id="pwdTip"></span>
-			</div>
-			<div>
-			<label>验证邮箱：</label>
-			<input type="email" id="loginEmail" name="email" placeholder="请输入验证邮箱">
-			<span id="emlSub">
-				<input type="submit" value="发送验证码">
-			</span>
-			<span id="emlTip"></span>
-			</div>
-			<div>
-				<button type="button" id="registerBtn">注册</button>
-				<input type="submit" id="loginBtn" value="登录">
-				<input type="reset" id="resetUser" value="重置">
-			</div>
-			<div>
-				<input type="checkbox" id="agreeBox" name="agree" value="access">
-				<label id="agreement">同意该系统相关用户使用条例</label>
-				<span id="agreeTip"></span>
-			</div>
-		</form>
+		<div class="card">
+			<h2>用户登录</h2>
+			<form action="" id="form" method="post">
+				<div>
+				<label>用户名/推荐邮箱：</label>
+				<input type="text" id="loginUsername" name="username" placeholder="请输入用户名">
+				<span id="msgTip" ></span>
+				<br>
+				<label>密码：</label>
+				<input type="password" id="loginPassword" name="password" placeholder="请输入密码">
+				<span id="pwdTip"></span>
+				</div>
+				<div>
+				<label>验证邮箱：</label>
+				<input type="email" id="loginEmail" name="email" placeholder="请输入验证邮箱">
+				<span id="emlSub">
+					<input type="submit" value="发送验证码">
+				</span>
+				<span id="emlTip"></span>
+				</div>
+				<div>
+					<button type="button" id="registerBtn">注册</button>
+					<input type="submit" id="loginBtn" value="登录">
+					<input type="reset" id="resetUser" value="重置">
+				</div>
+				<div>
+					<input type="checkbox" id="agreeBox" name="agree" value="access">
+					<label id="agreement">同意该系统相关用户使用条例</label>
+					<span id="agreeTip"></span>
+				</div>
+			</form>
+		</div>
 		<script src="js/validation.js"></script>
 		<script src="js/login.js"></script>
 	</body>
diff --git a/static/public/register.html b/static/public/register.html
index 82157fa..e4ffc1f 100644
--- a/static/public/register.html
+++ b/static/public/register.html
@@ -4,6 +4,7 @@
 		<meta charset="utf-8">
 		<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/qing.css">
 		<style>
 			.tip-red {color:red;}
 			.tip-yellow {color: orange;}
@@ -11,34 +12,36 @@
 		</style>
 	</head>
 	<body>
-		<h2>注册页面</h2>
-		<form id="form">
-			<div>
-				<label>用户名/推荐邮箱：</label>
-				<input type="text" id="regusername" placeholder="请输入用户名">
-				<span id="msgTip" ></span>
-				<br>
-				<label>邮箱号：</label>
-				<input type="email" id="regemail" placeholder="请输入邮箱号">
-				<div class="code-box">验证码：
-					<input type="text" id="code" placeholder="请输入6位验证码" inputmode="numeric" maxlength="6">
-					<input type="button" id="getCode" value="获取验证码">
-					<span id="codeTip"></span>
+		<div class="card">
+			<h2>注册页面</h2>
+			<form id="form">
+				<div>
+					<label>用户名/推荐邮箱：</label>
+					<input type="text" id="regusername" placeholder="请输入用户名">
+					<span id="msgTip" ></span>
+					<br>
+					<label>邮箱号：</label>
+					<input type="email" id="regemail" placeholder="请输入邮箱号">
+					<div class="code-box">验证码：
+						<input type="text" id="code" placeholder="请输入6位验证码" inputmode="numeric" maxlength="6">
+						<input type="button" id="getCode" value="获取验证码">
+						<span id="codeTip"></span>
+					</div>
+					<span id="emlTip"></span>
+					<br>
+					<label>密码：</label>
+					<input type="password" id="regpsw" placeholder="密码至少6位">
+					<label>验证密码：</label>
+					<input type="password" id="repwd" placeholder="请再次输入密码">
+					<span id="pwdTip"></span>
 				</div>
-				<span id="emlTip"></span>
-				<br>
-				<label>密码：</label>
-				<input type="password" id="regpsw" placeholder="密码至少6位">
-				<label>验证密码：</label>
-				<input type="password" id="repwd" placeholder="请再次输入密码">
-				<span id="pwdTip"></span>
-			</div>
-			<div>
-				<input id="formsub" type="submit" value="提交"> 
-				<input id="resetUser" type="reset" value="重置">
-				<input type="button" value="返回登录" onclick="location.href='login.html'"> 
-			</div>
-		</form>
+				<div>
+					<input id="formsub" type="submit" value="提交"> 
+					<input id="resetUser" type="reset" value="重置">
+					<input type="button" value="返回登录" onclick="location.href='login.html'"> 
+				</div>
+			</form>
+		</div>
 		<script src="js/validation.js"></script>
 		<script src="js/register.js?v=6"></script>
 	</body>