diff --git a/sa-token-doc/index.html b/sa-token-doc/index.html
index ae38c300..c96404be 100644
--- a/sa-token-doc/index.html
+++ b/sa-token-doc/index.html
@@ -13,10 +13,6 @@
 		<link rel="stylesheet" href="static/index.css">
 		<link rel="stylesheet" href="static/swiper/swiper-bundle.min.css">
 		<link rel="stylesheet" href="static/swiper/index-swiper.css">
-		<style>
-			.gb-cursor {display: inline-block;width: 2px;height: 22px;position: relative;top: 4px;left: -4px;background-color: black;animation: blink 0.7s infinite alternate;}
-			@keyframes blink { from {opacity: 0;} to {opacity: 1;} }
-		</style>
 	</head>
 	<body>
 		<!-- 总盒子 -->
@@ -35,11 +31,9 @@
 					</a>
 				</div>
 				<nav class="nav-right">
-					<div class="zk-box p-none">
+					<!-- <div class="zk-box p-none">
 						<a class="wzi" href="javascript:;">
-							<!-- <span>背景 </span> -->
 							<img class="theme-btn" src="static/icon/theme.svg">
-							<!-- <span class="zk-icon"></span> -->
 						</a>
 						<div class="zk-context theme-box">
 							<div>
@@ -56,14 +50,9 @@
 								<span style="background-color: #ebe5dd;"></span>
 								<span style="background-color: #e8f4ff;"></span>
 
-								<!-- <span style="background-color: #F0DAD2;"></span> -->
-								<!-- <span style="background-color: #f5d5d5;"></span> -->
-								<!-- <span style="background-color: #FFFFE0;"></span> -->
-								<!-- <span style="background-color: #eeeeee;"></span> -->
-								<!-- <span style="background-color: #f5fafe;"></span> -->
 							</div>
 						</div>
-					</div>
+					</div> -->
 					<a class="wzi" href="index.html">首页</a>
 					<a class="wzi" href="doc.html">文档</a>
 					<a class="p-none wzi" href="doc.html#/more/link">案例</a>
@@ -122,7 +111,7 @@
 						<a class="abtn" href="https://gitee.com/dromara/sa-token" target="_blank">Gitee</a>
 						<a class="abtn" href="https://github.com/dromara/sa-token" target="_blank">GitHub</a>
 						<a class="abtn" href="doc.html#/more/join-group" target="_self">加入讨论群</a>
-						<a class="abtn doc-btn" href="doc.html" target="_self">开发文档</a>
+						<a class="abtn doc-btn" href="doc.html" target="_self">现在出发 →</a>
 						<!-- <a href="https://gitee.com/dromara/sa-token" target="_blank">集成案例</a> -->
 					</div>
 					<h4 align="center" class="badge-box">
@@ -431,12 +420,12 @@
 						<a href="http://www.jmwl51.com/" target="_blank" title="济南极梦网络科技有限公司">
 							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/com/jimeng.png">
 						</a>
-						<a href="https://uniadmin.jiangruyi.com/" target="_blank" title="南京星意信息科技有限公司">
-							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/com/uniadmin.png">
-						</a>
 						<a href="http://www.tuodan.tech/" target="_blank" title="深圳加速脱单科技有限公司">
 							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/com/tuodan.jpeg">
 						</a>
+						<a href="https://uniadmin.jiangruyi.com/" target="_blank" title="南京星意信息科技有限公司">
+							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/com/uniadmin.png">
+						</a>
 						<a href="https://www.yangxuwang.com/" target="_blank" title="上海阳旭网络科技有限公司">
 							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/com/shouxin.png">
 						</a>
@@ -498,15 +487,15 @@
 						<a href="https://www.aegis-info.com/" target="_blank" title="北京擎盾信息科技有限公司">
 							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/com/beijingqingdun.png">
 						</a>
+						<a href="https://mimirii.com/" target="_blank" title="西安米默网络科技有限公司">
+							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/com/mimokeji.png">
+						</a>
 						<a href="https://www.geostar.com.cn/" target="_blank" title="吉奥时空">
 							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/com/jieaoshikong.png">
 						</a>
 						<a href="http://www.stbella.cn/" target="_blank" title="贝康国际">
 							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/com/beikangguoji.png">
 						</a>
-						<a href="https://mimirii.com/" target="_blank" title="西安米默网络科技有限公司">
-							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/com/mimokeji.png">
-						</a>
 						<a href="http://www.chually.cn/" target="_blank" title="湖北楚商联盟金融信息服务有限公司">
 							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/com/chushangjinfu.png">
 						</a>
@@ -519,18 +508,18 @@
 						<a href="https://hxp.liuxin.online/" target="_blank" title="沪小漂">
 							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/com/hero.png">
 						</a>
-						<a href="https://www.mall4j.com/" target="_blank" title="广州市蓝海创新科技有限公司">
-							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/com/guangzhoulanhai.png">
-						</a>
 						<a href="https://www.brath.cn" target="_blank" title="荔知AI助手">
 							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/com/lizhi-ai.png">
 						</a>
-						<a href="http://www.njhrchina.top/" target="_blank" title="南京桓瑞软件科技有限公司">
-							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/com/nanjing-hengrui.png">
-						</a>
 						<a href="https://www.ninthpalace.com/" target="_blank" title="苏州九宫数字科技有限公司">
 							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/com/jiugongshuzi.png">
 						</a>
+						<a href="https://www.mall4j.com/" target="_blank" title="广州市蓝海创新科技有限公司">
+							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/com/guangzhoulanhai.png">
+						</a>
+						<a href="http://www.njhrchina.top/" target="_blank" title="南京桓瑞软件科技有限公司">
+							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/com/nanjing-hengrui.png">
+						</a>
 						<a href="https://sohelp.net/" target="_blank" title="宁波互邦软件有限公司">
 							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/com/ningbohubang.png">
 						</a>
@@ -558,7 +547,7 @@
 					<h2 class="s-title">
 						Dromara 成员项目
 					</h2>
-					<div class="com-box com-box-you">
+					<div class="com-box com-box-you table-show-pj">
 						<a href="https://gitee.com/dromara/TLog" target="_blank">
 							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/link/tlog.png"
 								msg="一个轻量级的分布式日志标记追踪神器，10分钟即可接入，自动对日志打标签完成微服务的链路追踪">
@@ -780,6 +769,18 @@
 							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/link/mybatis-jpa-extra.png"
 								msg="扩展MyBatis JPA支持，简化CUID操作，增强SELECT分页查询">
 						</a>
+						<a href="https://newcar.js.org/zh/" target="_blank">
+							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/link/newcar.png"
+								msg="现代化的动画引擎">
+						</a>
+						<a href="http://warm-flow.cn" target="_blank">
+							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/link/warm-flow.png"
+								msg="国产自研工作流，其特点简洁(只有6张表)但又不简单，五脏俱全，组件独立，可扩展，可满足中小项目的组件。">
+						</a>
+						<a href="https://gitee.com/dromara/dy-java" target="_blank">
+							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/link/dy-java.png"
+								msg="DyJava是一款功能强大的抖音Java开发工具包">
+						</a>
 						<a href="https://dromara.org/zh/projects/" target="_blank">
 							<img class="lazy" data-original="https://oss.dev33.cn/sa-token/link/dromara.png"
 								msg="让每一位开源爱好者，体会到开源的快乐。">
@@ -789,11 +790,11 @@
 					<p>
 						为往圣继绝学，一个人或许能走的更快，但一群人会走的更远。
 					</p>
-					<div style=" margin: 40px 14px 0; padding: 20px 0 10px; background-color: #f4f5f7;">
+					<!-- <div style=" margin: 40px 14px 0; padding: 20px 0 10px; background-color: #f4f5f7;">
 						<h3 style="padding: 0px 0 10px; ">Dromara 知识星球</h3>
 						<img class="lazy" data-original="https://oss.dev33.cn/sa-token/dromara-xingqiu--sa-token.jpg"
 							style="width: 300px;">
-					</div>
+					</div> -->
 				</div>
 				<div style="height: 30px;"></div>
 			</div>
@@ -1016,62 +1017,62 @@
 
 		<!-- 修改背景颜色 -->
 		<script>
-			// 绑定修改背景色的按钮事件
-			$('.theme-box span').click(function() {
-				let bgColor = this.style.backgroundColor;
-				setBg(bgColor);
-				localStorage.setItem('bg-color-value', bgColor)
-			})
-			// 读取上次记录
-			let bgColor = localStorage.getItem('bg-color-value');
-			if (bgColor) {
-				setBg(bgColor);
-			}
+			// // 绑定修改背景色的按钮事件
+			// $('.theme-box span').click(function() {
+			// 	let bgColor = this.style.backgroundColor;
+			// 	setBg(bgColor);
+			// 	localStorage.setItem('bg-color-value', bgColor)
+			// })
+			// // 读取上次记录
+			// let bgColor = localStorage.getItem('bg-color-value');
+			// if (bgColor) {
+			// 	setBg(bgColor);
+			// }
 
-			// 设置背景颜色 
-			function setBg(bgColor) {
-				console.log('---- 背景颜色设定为：', bgColor);
+			// // 设置背景颜色 
+			// function setBg(bgColor) {
+			// 	console.log('---- 背景颜色设定为：', bgColor);
 
-				// -------- 设置 body 背景
-				document.body.style.backgroundColor = bgColor;
+			// 	// -------- 设置 body 背景
+			// 	document.body.style.backgroundColor = bgColor;
 
-				// -------- 设置 header 头背景
-				// 如果是 16 进制，转 rgba
-				if (bgColor.indexOf('#') == 0) {
-					bgColor = hexToRgba(bgColor, 0.97);
-				}
-				// 如果是 rgb，转 rgba
-				else if (bgColor.match(/\,/g).length == 2) {
-					bgColor = bgColor.replace(')', ' ,0.97)');
-				}
+			// 	// -------- 设置 header 头背景
+			// 	// 如果是 16 进制，转 rgba
+			// 	if (bgColor.indexOf('#') == 0) {
+			// 		bgColor = hexToRgba(bgColor, 0.97);
+			// 	}
+			// 	// 如果是 rgb，转 rgba
+			// 	else if (bgColor.match(/\,/g).length == 2) {
+			// 		bgColor = bgColor.replace(')', ' ,0.97)');
+			// 	}
 
-				document.querySelector('.doc-header').style.backgroundColor = bgColor;
-			}
+			// 	document.querySelector('.doc-header').style.backgroundColor = bgColor;
+			// }
 
-			// 16进制 转 rgba
-			function hexToRgba(str, a) {
-				a = a || 1;
+			// // 16进制 转 rgba
+			// function hexToRgba(str, a) {
+			// 	a = a || 1;
 
-				var reg = /^#([0-9A-Fa-f]{3}|[0-9A-Fa-f]{6})$/
-				if (!reg.test(str)) {
-					return;
-				}
-				let newStr = (str.toLowerCase()).replace(/\#/g, '')
-				let len = newStr.length;
-				if (len == 3) {
-					let t = ''
-					for (var i = 0; i < len; i++) {
-						t += newStr.slice(i, i + 1).concat(newStr.slice(i, i + 1))
-					}
-					newStr = t
-				}
-				let arr = []; //将字符串分隔，两个两个的分隔
-				for (var i = 0; i < 6; i = i + 2) {
-					let s = newStr.slice(i, i + 2)
-					arr.push(parseInt("0x" + s))
-				}
-				return 'rgb(' + arr.join(",") + ', ' + a + ')';
-			}
+			// 	var reg = /^#([0-9A-Fa-f]{3}|[0-9A-Fa-f]{6})$/
+			// 	if (!reg.test(str)) {
+			// 		return;
+			// 	}
+			// 	let newStr = (str.toLowerCase()).replace(/\#/g, '')
+			// 	let len = newStr.length;
+			// 	if (len == 3) {
+			// 		let t = ''
+			// 		for (var i = 0; i < len; i++) {
+			// 			t += newStr.slice(i, i + 1).concat(newStr.slice(i, i + 1))
+			// 		}
+			// 		newStr = t
+			// 	}
+			// 	let arr = []; //将字符串分隔，两个两个的分隔
+			// 	for (var i = 0; i < 6; i = i + 2) {
+			// 		let s = newStr.slice(i, i + 2)
+			// 		arr.push(parseInt("0x" + s))
+			// 	}
+			// 	return 'rgb(' + arr.join(",") + ', ' + a + ')';
+			// }
 		</script>
 
 		<!-- 图片懒加载 -->
diff --git a/sa-token-doc/static/index.css b/sa-token-doc/static/index.css
index 20c0c712..b860c3cc 100644
--- a/sa-token-doc/static/index.css
+++ b/sa-token-doc/static/index.css
@@ -50,6 +50,9 @@ body{font-size: 16px; color: #34495E; font-family: "Source Sans Pro","Helvetica
 /* .content-box p{line-height: 30px; padding: 0px 1em;} */
 /* 角标位置修复 */
 .badge-box a:nth-child(-n+2) img{position: relative; top: 1px;}
+/* 模拟副标题的光标闪烁 */
+.gb-cursor {display: inline-block;width: 2px;height: 22px;position: relative;top: 4px;left: -4px;background-color: black;animation: blink 0.7s infinite alternate;}
+@keyframes blink { from {opacity: 0;} to {opacity: 1;} }
 
 /* .main-box{background-image: url(https://oss.dev33.cn/sa-token/home-bg.jpg);} */
 .main-box{background-image: url(https://oss.dev33.cn/sa-token/home-bg3.png); background-size: 120% 100%;}
@@ -172,6 +175,12 @@ body{font-size: 16px; color: #34495E; font-family: "Source Sans Pro","Helvetica
 .com-box-you a{flex: 0 0 14.5%; line-height: 60px; height: 60px; margin: 10px;}
 .com-box-you a img{min-width: 60%; max-width: 85%; vertical-align: middle; max-height: 100%;}
 
+/* -------- Dromara 成员项目 --------- */
+.table-show-pj{border: 1px #ddd solid; border-width: 1px 0 0 1px ;}
+.table-show-pj a{flex: 0 0 16.5%; border: 1px #ddd solid; margin: 0; padding: 7px 0; overflow: hidden;}
+.table-show-pj a{border-width: 0 1px 1px 0px;}
+.table-show-pj a img{min-width: 60%; max-width: 70%; }
+
 /* -------- 底部 - 连接 --------- */
 #footer{background-color: #181818;}
 #footer h3{font-weight: 400; font-size: 16px; color: #ccc; margin-top: 20px; margin-bottom: 20px;}
