diff --git a/examples/template/header.html b/examples/template/header.html
index b0d8c84e..041d04a2 100644
--- a/examples/template/header.html
+++ b/examples/template/header.html
@@ -4,11 +4,17 @@
 <nav id="nav" class="navbar navbar-static-top default">
     <div class="nav-header">
         <div class="navcontentfixed">
-            <div class="navbar-header">
-                <div class="navbar-title">
-                    <a class="navbar-brand">
-                        <h1 style="width: 130px;
-                        text-align: center;">贾宛龙</h1>
+            <div class="navbar-header" style="    margin: 0 20px;">
+                <div class="navbar-title" >
+                    <!-- text-align: center;">贾宛龙</h1> -->
+
+                    <a class="navbar-brand" style="color: transparent;">
+                        <h1 style="font-size: 27px;
+                        text-align: center;
+                        font-weight: 700;background: linear-gradient(120deg, #bd34fe 30%, #41d1ff);
+    background-clip: text;
+                        text-align: center;">Cesium 社区</h1>
+    
                         <!-- <img class="project-logo" src="../img/svg/logo-dark.svg" style="visibility: visible;" id="logo"> -->
                     </a>
                 </div>
@@ -21,8 +27,10 @@
                             <a style="color:#fff;" target="_blank" href="https://github.com/jiawanlong">
                                 <img src="../img/github.png" alt=""
                                     style="display: inline-block;width: 30px;height: 30px;cursor: pointer;"></a>
-                            <img src="https://img.shields.io/github/stars/jiawanlong/Cesium-Examples.svg?" alt="" srcset="">
-                            <img src="https://img.shields.io/github/forks/jiawanlong/Cesium-Examples.svg?style=social" alt="" srcset="">
+                            <img src="https://img.shields.io/github/stars/jiawanlong/Cesium-Examples.svg?" alt=""
+                                srcset="">
+                            <img src="https://img.shields.io/github/forks/jiawanlong/Cesium-Examples.svg?style=social"
+                                alt="" srcset="">
 
                         </span>
                     </li>
@@ -54,12 +62,13 @@
                         <a class="center" target="_self" href="../webgpuEx/examples.html">WebGPU</a>
                     </li>
                     <li class="navbar-menu" id="mapboxgl-me4nu">
-                        <a class="center" target="_blank" href="https://cesium.com/learn/cesiumjs/ref-doc/">Cesium API</a>
+                        <a class="center" target="_blank" href="https://cesium.com/learn/cesiumjs/ref-doc/">Cesium
+                            API</a>
                     </li>
                     <li class="navbar-menu" id="mapboxgl-me4nu">
                         <a class="center" target="_blank" href=" https://sandcastle.cesium.com/">Cesium Demo</a>
                     </li>
-                   
+
                     <!-- <li class="navbar-menu" id="mapboxgl-menu">
                         <a class="center" target="_self" href="../cesiumGf/examples.html">Cesium GF</a>
                     </li> -->
@@ -72,7 +81,7 @@
 
 <script>
 
-    $('h1').dblclick(()=>{
+    $('h1').dblclick(() => {
         window.open('https://jiawanlong.github.io/Cesium-Examples/code.html')
     })
 
@@ -83,10 +92,12 @@
         margin: 0 10px;
         font-size: 20px;
     }
-    #dcddd{
+
+    #dcddd {
         right: 245px !important;
     }
-    .navbar-rightbar{
+
+    .navbar-rightbar {
         margin-right: 0 !important;
     }
 </style>
\ No newline at end of file