diff --git a/README.md b/README.md
index 625d459..e28f3e3 100644
--- a/README.md
+++ b/README.md
@@ -4,8 +4,7 @@
 修改SCH原理图WiFi模块，替换为RTL8189ES。  
 修改PCB适用与RTL8189ES。  
 
-
-## 特点：
+## 特点
 
 基于全志 H616 芯片，4*Cortex A53  
 HDMI支持4K@60，支持最大 6K 视频解码  
@@ -34,7 +33,7 @@ OTT 和 IPTV 市场。 集成四核64位CortexTM-A53处理器，以及全新G31
 
 原理图：  
 [SCH_blueberry_2023-11-09.pdf](https://git.aixiao.me/aixiao/Blueberry/src/commit/6e2e6ad930020a941458a49bde2141b6c9ce65ea/HW/blueberry/SCH_blueberry_2023-11-09.pdf)  
-[嘉立创EDA项目:](https://lceda.cn/)    
+[嘉立创EDA项目:](https://lceda.cn/)
 [ProProject_blueberry_2023-11-09.epro](https://git.aixiao.me/aixiao/Blueberry/src/commit/6e2e6ad930020a941458a49bde2141b6c9ce65ea/HW/blueberry/ProProject_blueberry_2023-11-09.epro)  
 BOM:  
 [BOM.xlsx](https://git.aixiao.me/aixiao/Blueberry/src/commit/6e2e6ad930020a941458a49bde2141b6c9ce65ea/HW/blueberry/BOM.xlsx)  
@@ -57,7 +56,8 @@ U-BOOT: https://github.com/niuyuling/u-boot
 
 如果自己构建请选择 [Debian GNU/Linux 12 (bookworm)](https://www.debian.org/) 系统并且安装 Docker version 24.0.7 磁盘不少于 60G，内存不少于 2G。[Docker 安装方法](https://docs.docker.com/engine/install/debian/)  
 如果选择 ArmDebian 官方 [build](https://github.com/armbian/build) 构建系统，请下载补丁文件 [blueberry.patch](https://git.aixiao.me/aixiao/Blueberry/raw/branch/master/SF/ArmDebian/blueberry.patch)  
-```
+
+```bash
 apt-get -y install git wget
 git clone --depth=1 --branch=main https://github.com/armbian/build
 wget https://git.aixiao.me/aixiao/Blueberry/raw/branch/master/SF/ArmDebian/blueberry.patch
@@ -66,8 +66,10 @@ git apply ../blueberry.patch # 打补丁
 ./compile.sh build BOARD=blueberry BRANCH=legacy BUILD_DESKTOP=no BUILD_MINIMAL=yes KERNEL_CONFIGURE=yes RELEASE=bookworm
 ```
 
-如果使用 [build](https://git.aixiao.me/aixiao/build.git) 构建系统，是官方也非官方(二次修改)。  
-```
+如果使用 [build](https://git.aixiao.me/aixiao/build.git) 构建系统，是官方也非官方(二次修改)。 
+
+```bash
+
 apt-get -y install git
 git clone --depth=1 --branch=main https://git.aixiao.me/aixiao/build.git
 cd build
@@ -76,7 +78,6 @@ cd build
 
 预构建系统下载 https://blueberry.aixiao.me/images/  
 
-
 ## EMMc 刷入系统
 
 [Windows 安装驱动](https://linux-sunxi.org/FEL/USBBoot#Using_sunxi-fel_on_Windows)  
@@ -84,7 +85,7 @@ cd build
 安装zadig后打开，选择"Device"→"Create New Device"  
 ![brief](IMAGE/create_new_device.png)  
 
-按图中填写信息  
+按图中信息填写  
 ![brief](IMAGE/fel_driver.png)  
 然后点击"Install Driver"  
 
@@ -92,14 +93,13 @@ cd build
 再次选择"Device"→"Create New Device"  
 ![brief](IMAGE/create_new_device_dfu.png)  
 
-按图中填写信息  
+按图中信息填写  
 ![brief](IMAGE/dfu_driver.png)  
 然后点击"Install Driver"  
 
-
-
 编译可以在 Windows下识别Emmc设备为U盘的 u-boot  
-```
+
+```bash
 # ARM TRUSTED FIRMWARE (ARM64)
 git clone https://github.com/ARM-software/arm-trusted-firmware.git
 cd arm-trusted-firmware
@@ -118,11 +118,12 @@ make CROSS_COMPILE=aarch64-linux-gnu- BL31=../arm-trusted-firmware/build/sun50i_
 Windows刷机工具[SUNXI-FEL](https://github.com/eperie/build-scripts/releases/download/v1.3/sunxi-tools-mingw64-530adfa.zip)  
 按住FEL键链接USB后执行刷入U-BOOT  
 ![brief](IMAGE/fel_ver.png)  
-```
+
+```bash
 .\sunxi-fel.exe -v ver
 ```
 
-```
+```bash
 .\sunxi-fel.exe uboot .\u-boot-sunxi-with-spl.bin
 ```
 
@@ -130,7 +131,6 @@ Windows刷机工具[SUNXI-FEL](https://github.com/eperie/build-scripts/releases/
 这时下载系统镜像刷入TF那样刷入Emmc设备  
 Windows 刷机工具 [win32diskimager](https://sourceforge.net/projects/win32diskimager/)  
 
-
 ## 问题
 
 目前未发现问题。  
@@ -146,4 +146,3 @@ RJ45_PCB
 
 RJ45_3D  
 ![brief](IMAGE/rj45_3d.png)  
-
diff --git a/about.html b/about.html
new file mode 100644
index 0000000..d3a1d68
--- /dev/null
+++ b/about.html
@@ -0,0 +1,114 @@
+<!DOCTYPE html>
+<html lang="zh-cn">
+<head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>蓝莓派</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
+    <link href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/themes/prism-tomorrow.min.css" rel="stylesheet" />
+    <style>
+        body {
+            padding-top: 20px;
+            padding-bottom: 20px;
+        }
+        .header {
+            border-bottom: 1px solid #e5e5e5;
+            margin-bottom: 20px;
+        }
+        .footer {
+            padding-top: 1px;
+            color: #777;
+            margin-top: 20px;
+            border-top: 1px solid #e5e5e5;
+            text-align: center;
+            font-size: 0.9em;
+        }
+        /* 固定左侧导航栏样式 */
+        .toc {
+            position: fixed;
+            top: 20px;
+            left: 20px;
+            width: 200px;  /* 固定宽度，可根据需要调整 */
+            height: calc(100vh - 40px);  /* 高度为视口高度减去上下边距 */
+            overflow-y: auto;
+            border-right: 1px solid #e5e5e5;
+            padding-right: 10px;
+        }
+        .toc a {
+            
+            text-decoration: none;
+            color: #333;
+        }
+        .toc a:hover,
+        .toc a.active {
+            color: #0d6efd;
+            font-weight: bold;
+        }
+
+        /* 主体内容区域预留左侧空间 */
+        .main-content {
+            margin-left: 240px;  /* 固定导航宽度 + 20px 间隙 */
+            padding: 20px;
+        }
+        /* 代码块样式 */
+        pre {
+            background-color: #2d2d2d;
+            color: #ccc;
+            padding: 10px;
+            border-radius: 5px;
+            overflow-x: auto;
+        }
+        /* 响应式调整：小屏幕下隐藏固定导航 */
+        @media (max-width: 768px) {
+            .toc {
+                display: none;
+            }
+            .main-content {
+                margin-left: 0;
+            }
+        }
+    </style>
+</head>
+<body>
+    <div class="container">
+        <!-- 固定左侧导航栏 -->
+        <nav class="toc">
+            <h4>导航</h4>
+            <ul class="list-unstyled">
+                <li><a href="index.html">首页</a></li>
+                <li><a href="https://blueberry.aixiao.me/images/" target="_blank">预编译系统下载</a></li>
+                <li><a href="https://github.com/niuyuling/Blueberry" target="_blank">源码</a></li>
+                <li><a href="about.html">关于作者</a></li>
+            </ul>
+        </nav>
+
+        <!-- 主体内容 -->
+        <main>
+
+            <section>
+                <h2>个人简介</h2>
+                <p>
+                    作者是一名热衷于开源硬件与软件开发的工程师，专注于嵌入式系统、Linux 内核以及物联网应用的研究与实践。凭借多年的开发经验，作者致力于为广大开发者提供实用、开源的技术方案，并积极分享项目经验。
+                </p>
+            </section>
+
+            <section>
+                <h2>联系方式</h2>
+                <p>如果你对作者的工作感兴趣，欢迎通过以下方式与作者取得联系：</p>
+                <ul>
+                    <li>电子邮件：<a href="mailto:aixiao@aixiao.me">aixiao@aixiao.me</a></li>
+                    <li>GitHub：<a href="https://github.com/niuyuling" target="_blank">https://github.com/niuyuling</a></li>
+                    <li>Gitea：<a href="https://git.aixiao.me/" target="_blank">https://git.aixiao.me/</a></li>
+                </ul>
+            </section>
+        </main>
+
+        <!-- 页脚 -->
+        <footer class="footer">
+            <p>Copyright &copy; 2019 - 2025 AIXIAO.ME. All Rights Reserved.</p>
+        </footer>
+    </div>
+
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
+</body>
+</html>
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..6a090de
--- /dev/null
+++ b/index.html
@@ -0,0 +1,172 @@
+<!DOCTYPE html>
+<html lang="zh-cn">
+<head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>蓝莓派</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
+    <link href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/themes/prism-tomorrow.min.css" rel="stylesheet" />
+    <style>
+        body {
+            padding-top: 20px;
+            padding-bottom: 20px;
+        }
+        .header {
+            border-bottom: 1px solid #e5e5e5;
+            margin-bottom: 20px;
+        }
+        .footer {
+            padding-top: 1px;
+            color: #777;
+            margin-top: 20px;
+            border-top: 1px solid #e5e5e5;
+            text-align: center;
+            font-size: 0.9em;
+        }
+        /* 固定左侧导航栏样式 */
+        .toc {
+            position: fixed;
+            top: 20px;
+            left: 20px;
+            width: 200px;  /* 固定宽度，可根据需要调整 */
+            height: calc(100vh - 40px);  /* 高度为视口高度减去上下边距 */
+            overflow-y: auto;
+            border-right: 1px solid #e5e5e5;
+            padding-right: 10px;
+        }
+        .toc a {
+            text-decoration: none;
+            color: #333;
+        }
+        .toc a:hover,
+        .toc a.active {
+            color: #0d6efd;
+            font-weight: bold;
+        }
+        /* 主体内容区域预留左侧空间 */
+        .main-content {
+            margin-left: 240px;  /* 固定导航宽度 + 20px 间隙 */
+            padding: 20px;
+        }
+        /* 代码块样式 */
+        pre {
+            background-color: #2d2d2d;
+            color: #ccc;
+            padding: 10px;
+            border-radius: 5px;
+            overflow-x: auto;
+        }
+        /* 响应式调整：小屏幕下隐藏固定导航 */
+        @media (max-width: 768px) {
+            .toc {
+                display: none;
+            }
+            .main-content {
+                margin-left: 0;
+            }
+        }
+    </style>
+</head>
+<body>
+    <div class="container">
+        <!-- 固定左侧导航栏 -->
+        <nav class="toc">
+            <h4>导航</h4>
+            <ul class="list-unstyled">
+                <li><a href="index.html">首页</a></li>
+                <li><a href="https://blueberry.aixiao.me/images/" target="_blank">预编译系统下载</a></li>
+                <li><a href="https://github.com/niuyuling/Blueberry" target="_blank">源码</a></li>
+                <li><a href="about.html">关于作者</a></li>
+            </ul>
+        </nav>
+        
+        <!-- 右侧主体内容 -->
+        <div class="main-content">
+            <h1 id="blueberry">Blueberry</h1>
+            <p>
+                蓝莓派，基于 <a href="https://github.com/YuzukiHD/YuzukiChameleon" target="_blank">Yuzuki Chameleon</a> 二次开发。<br>
+                修改SCH原理图WiFi模块，替换为RTL8189ES。<br>
+                修改PCB适用与RTL8189ES。
+            </p>
+
+            <h2 id="特点">特点</h2>
+            <ul>
+                <li>基于全志 H616 芯片，4*Cortex A53</li>
+                <li>HDMI支持4K@60，支持最大6K视频解码</li>
+                <li>最大2GB内存与128GB eMMC储存</li>
+                <li>板载eMMC与TF卡槽</li>
+                <li>板载 RTL8189ES WIFI芯片</li>
+                <li>4个USB TypeC，3个HOST 一个 OTG，支持USB摄像头与采集卡输入</li>
+                <li>板载风扇槽，散热器固定孔</li>
+                <li>引出 RJ45 百兆接口</li>
+                <li>板载 40 Pin GPIO，可扩展SPI LCD显示屏、千兆以太网、麦克风阵列、CAN收发器、温湿度传感器、加速度传感器等</li>
+                <li>AXP313A 电源方案</li>
+            </ul>
+            <img src="IMAGE/blueberry.png" alt="蓝莓派硬件架构图" class="img-fluid">
+
+            <h2 id="allwinner-h616">Allwinner H616</h2>
+            <p>
+                H616是全志科技为用户提供的新一代高画质64位4K@60fps解码SoC，适用于OTT和IPTV市场。它集成了四核64位CortexTM-A53处理器和全新的G31 GPU，支持OpenGL ES 3.2/Vulkan 1.1的ARM引擎。
+            </p>
+            <p>
+                此外，H616还支持全格式4K@60fps 10位超高清视频解码，以及全志自主研发的SmartColor3.3TM图像增强引擎、杜比和DTS音频处理。H616采用了新一代功耗技术，比上一代降低20%的功耗。
+            </p>
+            <figure>
+                <img src="IMAGE/brief.png" alt="H616 概览图" class="img-fluid">
+            </figure>
+
+            <h2 id="硬件资料">硬件资料</h2>
+            <ul>
+                <li>原理图：<a href="HW/blueberry/SCH_blueberry_2023-11-09.pdf" target="_blank">SCH_blueberry_2023-11-09.pdf</a></li>
+                <li><a href="https://lceda.cn/" target="_blank">嘉立创EDA项目</a></li>
+                <li><a href="https://git.aixiao.me/aixiao/Blueberry/raw/branch/master/HW/blueberry/ProProject_blueberry_2023-11-09.epro" target="_blank">ProProject_blueberry_2023-11-09.epro</a></li>
+                <li>BOM：<a href="HW/blueberry/BOM.xlsx" target="_blank">BOM.xlsx</a></li>
+                <li>Gerber：<a href="HW/blueberry/Gerber_blueberry_2023-10-19.zip" target="_blank">Gerber_blueberry_2023-10-19.zip</a></li>
+                <li>H616 ds：<a href="HW/h616_datasheet_v1.0.pdf" target="_blank">h616_datasheet_v1.0.pdf</a></li>
+                <li>H616 manual：<a href="HW/h616_user_manual_v1.0.pdf" target="_blank">h616_user_manual_v1.0.pdf</a></li>
+                <li>AXP313a：<a href="HW/axp313a_datasheet_v0.1-20201105.pdf" target="_blank">axp313a_datasheet_v0.1-20201105.pdf</a></li>
+                <li>RTL8189ES：<a href="HW/RTL8189ES_STAMP_Module-1V0.pdf" target="_blank">RTL8189ES_STAMP_Module-1V0.pdf</a></li>
+            </ul>
+
+            <h2 id="构建系统">构建系统</h2>
+            <p>Linux Kernel: <a href="https://github.com/niuyuling/linux" target="_blank">https://github.com/niuyuling/linux</a></p>
+            <p>U-BOOT: <a href="https://github.com/niuyuling/u-boot" target="_blank">https://github.com/niuyuling/u-boot</a></p>
+            <pre><code class="bash">
+apt-get -y install git wget
+git clone --depth=1 --branch=main https://github.com/armbian/build
+wget https://git.aixiao.me/aixiao/Blueberry/raw/branch/master/SF/ArmDebian/blueberry.patch
+cd build
+git apply ../blueberry.patch  # 打补丁
+./compile.sh build BOARD=blueberry BRANCH=legacy BUILD_DESKTOP=no BUILD_MINIMAL=yes KERNEL_CONFIGURE=yes RELEASE=bookworm
+            </code></pre>
+
+            <h2 id="问题">问题</h2>
+            <p>目前未发现问题。</p>
+
+            <h2 id="配件">配件</h2>
+            <p>RJ45口需要自行制作，百兆速率需注意等长。</p>
+            <p>
+                RJ45_SCH<br>
+                <img src="IMAGE/rj45_sch.png" alt="RJ45 接口原理图" class="img-fluid">
+            </p>
+            <p>
+                RJ45_PCB<br>
+                <img src="IMAGE/rj45_pcb.png" alt="RJ45 接口 PCB 布局" class="img-fluid">
+            </p>
+            <p>
+                RJ45_3D<br>
+                <img src="IMAGE/rj45_3d.png" alt="RJ45 接口 3D 效果图" class="img-fluid">
+            </p>
+        </div>
+    </div>
+
+    <!-- 页脚 -->
+    <footer class="footer">
+        <p>Copyright &copy; 2019 - 2025 AIXIAO.ME All Rights Reserved</p>
+    </footer>
+
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-core.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/plugins/autoloader/prism-autoloader.min.js"></script>
+</body>
+</html>