diff --git a/.gitignore b/.gitignore
index 74b3714..7b25b76 100644
--- a/.gitignore
+++ b/.gitignore
@@ -2,4 +2,5 @@
 *.log
 /target
 docs
-cobertura.xml
\ No newline at end of file
+cobertura.xml
+.vscode
\ No newline at end of file
diff --git a/book/chapter1.md b/book/chapter1.md
new file mode 100644
index 0000000..b2b9c2c
--- /dev/null
+++ b/book/chapter1.md
@@ -0,0 +1,83 @@
+### /book/chapter_1.1.1.md
+
+在 MySQL 8.x 中引入了许多新特性和改进，包括 JSON 和 JavaScript 作为数据库查询语言，以及更好的性能和安全性。例如，在连接过程中出现的 `Public Key Retrieval is not allowed` 错误提示，这些都是新版本的特性。本文将记录在最新版本的 Ubuntu 中安装 MySQL 8.x 的完整过程。
+
+---
+
+### 安装和配置
+
+在安装 MySQL 8.x 之前，可以先更新操作系统和软件包：
+
+```sh
+sudo apt update && apt upgrade -y
+```
+
+更新完成后，可以执行以下命令来查找和安装 MySQL 8.x 软件包：
+
+```sh
+sudo apt search mysql
+sudo apt install mysql-*
+```
+
+安装完成后，使用 `sudo mysql_secure_installation` 初始化 root 用户的密码：
+
+```sh
+sudo mysql_secure_installation
+```
+
+如果需要允许远程用户访问 MySQL 服务器，可以修改配置文件 `/etc/mysql/mysql.conf.d/mysqld.cnf` 中的 `bind-address`，设置为 `0.0.0.0`：
+
+```ini
+bind-address = 0.0.0.0
+mysqlx-bind-address = 127.0.0.1
+```
+
+然后可以为远程用户授予访问权限：
+
+```sql
+GRANT ALL PRIVILEGES ON *.* TO 'root'@'%' IDENTIFIED WITH mysql_native_password BY '新密码' WITH GRANT OPTION;
+```
+
+---
+
+### 解决安全连接问题
+
+在 MySQL 8.x 中，如果出现 `Public Key Retrieval is not allowed` 错误提示，可以执行以下命令来解决：
+
+```sql
+ALTER USER 'root'@'%' IDENTIFIED WITH mysql_native_password BY '新密码';
+```
+
+执行后，刷新授权表：
+
+```sql
+flush privileges;
+```
+
+最后，请确保允许服务器上的 `3306` 端口连接。
+
+
+## 列表示例
+
+- 项目1
+- 项目2
+  - 子项目1
+  - 子项目2
+  
+这是一个 [超链接测试](https://www.ibyte.me/) 对文本内容。
+  
+## 插入普通图片
+
+![java](https://img.ibyte.me/470eor.jpg)  
+
+## 引用示例
+
+> 这是一个引用示例，可以包含多行文本和**加粗**文字。
+
+## 表格示例
+
+| 姓名   | 年龄 | 城市   |
+|--------|------|--------|
+| Alice  | 25   | 北京   |
+| Bob    | 30   | 上海   |
+| Carol  | 28   | 广州   |
diff --git a/book/chapter2.md b/book/chapter2.md
new file mode 100644
index 0000000..b2b9c2c
--- /dev/null
+++ b/book/chapter2.md
@@ -0,0 +1,83 @@
+### /book/chapter_1.1.1.md
+
+在 MySQL 8.x 中引入了许多新特性和改进，包括 JSON 和 JavaScript 作为数据库查询语言，以及更好的性能和安全性。例如，在连接过程中出现的 `Public Key Retrieval is not allowed` 错误提示，这些都是新版本的特性。本文将记录在最新版本的 Ubuntu 中安装 MySQL 8.x 的完整过程。
+
+---
+
+### 安装和配置
+
+在安装 MySQL 8.x 之前，可以先更新操作系统和软件包：
+
+```sh
+sudo apt update && apt upgrade -y
+```
+
+更新完成后，可以执行以下命令来查找和安装 MySQL 8.x 软件包：
+
+```sh
+sudo apt search mysql
+sudo apt install mysql-*
+```
+
+安装完成后，使用 `sudo mysql_secure_installation` 初始化 root 用户的密码：
+
+```sh
+sudo mysql_secure_installation
+```
+
+如果需要允许远程用户访问 MySQL 服务器，可以修改配置文件 `/etc/mysql/mysql.conf.d/mysqld.cnf` 中的 `bind-address`，设置为 `0.0.0.0`：
+
+```ini
+bind-address = 0.0.0.0
+mysqlx-bind-address = 127.0.0.1
+```
+
+然后可以为远程用户授予访问权限：
+
+```sql
+GRANT ALL PRIVILEGES ON *.* TO 'root'@'%' IDENTIFIED WITH mysql_native_password BY '新密码' WITH GRANT OPTION;
+```
+
+---
+
+### 解决安全连接问题
+
+在 MySQL 8.x 中，如果出现 `Public Key Retrieval is not allowed` 错误提示，可以执行以下命令来解决：
+
+```sql
+ALTER USER 'root'@'%' IDENTIFIED WITH mysql_native_password BY '新密码';
+```
+
+执行后，刷新授权表：
+
+```sql
+flush privileges;
+```
+
+最后，请确保允许服务器上的 `3306` 端口连接。
+
+
+## 列表示例
+
+- 项目1
+- 项目2
+  - 子项目1
+  - 子项目2
+  
+这是一个 [超链接测试](https://www.ibyte.me/) 对文本内容。
+  
+## 插入普通图片
+
+![java](https://img.ibyte.me/470eor.jpg)  
+
+## 引用示例
+
+> 这是一个引用示例，可以包含多行文本和**加粗**文字。
+
+## 表格示例
+
+| 姓名   | 年龄 | 城市   |
+|--------|------|--------|
+| Alice  | 25   | 北京   |
+| Bob    | 30   | 上海   |
+| Carol  | 28   | 广州   |
diff --git a/root.yml b/root.yml
index f8cd73e..dfffa7d 100644
--- a/root.yml
+++ b/root.yml
@@ -1,19 +1,18 @@
 # 书的根路径映射文件
 root:
-  title: "Book Title"
   index: "index.md"
   chapters:
-    - title: "Chapter 1"
-      index: "/chapter1/chapter1.md"
+    - title: "第一章：语言历史"
+      index: "chapter1.md"
       sub_chapters:
-        - title: "Section 1.1"
-          path: "book/chapter_1.1.0.md"
-        - title: "Section 1.2"
-          path: "book/chapter_1.1.1.md"
-    - title: "Chapter 2"
-      index: "/chapter2/chapter2.md"
+        - title: "Java 语言的诞生"
+          path: "chapter_1.1.0.md"
+        - title: "Java 语言如今现况"
+          path: "chapter_1.1.1.md"
+    - title: "第二章：基础环境搭建"
+      index: "chapter2.md"
       sub_chapters:
-        - title: "Section 2.1"
-          path: "book/chapter_1.1.0.md"
-        - title: "Section 2.2"
-          path: "book/chapter_1.1.1.md"
+        - title: "下载安装 JDK "
+          path: "chapter_1.1.0.md"
+        - title: "下载安装 VSCode"
+          path: "chapter_1.1.1.md"
diff --git a/src/book/builder.rs b/src/book/builder.rs
index 59d568b..2ad30ee 100644
--- a/src/book/builder.rs
+++ b/src/book/builder.rs
@@ -1,77 +1,126 @@
-use std::{collections::HashMap, fs, io, path::Path};
-
-use tera::Tera;
-
+use super::{Root, Settings}; // Importing structs Root and Settings from the parent module.
 use crate::{
+    // Importing modules from the crate.
     book,
-    html::{self, template::Template, Hypertext, Markdown},
-    utils::Logger,
+    cli,
+    html::{self, Hypertext, Markdown, Template}, // Importing types Hypertext, Markdown, and Template from html module.
+    utils::{self, Logger},                       // Importing utils module and Logger type from it.
 };
-
-use super::{Root, Settings};
+use std::{collections::HashMap, fs, io, path::Path}; // Importing standard library modules.
+use tera::{Context, Tera}; // Importing Context and Tera types from tera crate.
 
 #[derive(Debug)]
 pub struct Builder {
-    root: Root,
-    pub engine: Tera,
-    settings: Settings,
-    pub templates: Vec<Template>,
+    root: Root,         // Root struct containing book data.
+    pub engine: Tera,   // Tera template engine instance for rendering HTML.
+    settings: Settings, // Settings struct containing project settings.
 }
 
 impl Builder {
-    // 渲染整本书
+    // Render the entire book
     pub fn render(&mut self) -> io::Result<()> {
-        self.create_directory()?;
-        self.get_chapters_hypertext();
-        self.copy_theme_assets()?;
-        Ok(())
+        cli::print_banner(); // Printing CLI banner.
+        self.chapters_html(); // Generate HTML for chapters.
+        self.sub_chapters_html(); // Generate HTML for sub-chapters.
+        self.create_directory(); // Create output directory.
+        self.copy_theme_assets(); // Copy theme assets.
+        self.render_chapter_html(); // Render HTML for chapters.
+        self.render_sub_chapter_html(); // Render HTML for sub-chapters.
+        Ok(()) // Return Ok when rendering is complete.
     }
 
-    pub fn get_chapters_hypertext(&mut self) -> HashMap<String, Vec<html::Hypertext>> {
-        let mut result: HashMap<String, Vec<html::Hypertext>> = HashMap::new();
-        let mut log = Logger::console_log();
+    // Render HTML for sub-chapters
+    pub fn render_sub_chapter_html(&mut self) {
+        let mut log = Logger::console_log(); // Initialize console logger.
+        let template = Template::new(&self.settings.settings.about, &self.root.root.chapters); // Create a new Template instance.
 
-        if let Some(chapters) = self.get_chapter() {
-            // 开始遍历所有文章，找出同一子篇章的
-            for chapter in chapters {
-                let base_chapter = Path::new(&chapter.title);
-                let mut chapter_hypertexts: Vec<html::Hypertext> = Vec::new();
+        let root = &self.settings.settings.directory.output.clone(); // Get the root directory path.
+        let base_path = Path::new(&root); // Create a Path instance for the root directory.
 
-                // 遍历子文章目录，并且将所有的子文章放到同父类中
-                for sub_chapter in &chapter.sub_chapters {
-                    let sub_chapter_path = &sub_chapter.path;
+        let sub_chapters_html = self.sub_chapters_html(); // Get HTML content for sub-chapters.
 
-                    // 开始读取 markdown 文件的内容
-                    match fs::read_to_string(sub_chapter_path) {
-                        Ok(markdown_content) => {
-                            let hypertext =
-                                Hypertext::new(sub_chapter_path, Markdown::new(&markdown_content));
-                            chapter_hypertexts.push(hypertext);
+        // Iterate over sub-chapters and their HTML content
+        for (chapter_title, html_chapters) in sub_chapters_html.iter() {
+            for html_content in html_chapters.iter() {
+                // Generate full file path
+                let chapter_dir = base_path.join(&chapter_title.replace(" ", "-").to_lowercase());
 
-                            log.info(format_args!(
-                                "Loading markdown file {:?} successful",
-                                sub_chapter_path
-                            ));
-                        }
-                        Err(err) => {
-                            log.error(format_args!("Loading markdown file fail : {:?}", err))
-                        }
-                    }
-                }
+                // Create context and add data
+                let mut context = Context::new();
+                context.insert("title", &template.title);
+                context.insert("keywords", &template.keywords);
+                context.insert("description", &template.description);
+                context.insert("chapters", &template.chapters);
+                context.insert("content", &html_content.to_html());
+
+                // Render template
+                let rendered = self.engine.render("index.html", &context).unwrap();
 
-                // 转换小写名字
-                let chapter_key = base_chapter
-                    .file_name()
-                    .and_then(|os_str| os_str.to_str())
-                    .map_or_else(|| chapter.title.clone(), |s| s.to_string());
+                // Write to file /chapter2/chapter_1.1.1.md => /chapter2/chapter_1.1.1
+                let sub_chapter_file = chapter_dir.join(
+                    utils::remove_md_extension(&html_content.path)
+                        .replace(" ", "-")
+                        .to_lowercase(),
+                );
 
-                result.insert(chapter_key.to_lowercase(), chapter_hypertexts);
+                // Write to file /chapter2/chapter_1.1.1.html
+                match fs::write(
+                    format!("{}.html", &sub_chapter_file.display().to_string()),
+                    &rendered,
+                ) {
+                    Ok(_) => log.info(format_args!(
+                        "Data written to file {:?} successful",
+                        sub_chapter_file
+                    )),
+                    Err(err) => log.error(format_args!("Failed to write file: {:?}", err)),
+                }
             }
         }
+    }
+
+    // Render HTML for chapters
+    pub fn render_chapter_html(&mut self) {
+        let mut log = Logger::console_log(); // Initialize console logger.
+        let template = Template::new(&self.settings.settings.about, &self.root.root.chapters); // Create a new Template instance.
+        let root = &self.settings.settings.directory.output.clone(); // Get the root directory path.
+        let base_path = Path::new(&root); // Create a Path instance for the root directory.
+
+        let chapters_html: HashMap<String, Hypertext> = self.chapters_html(); // Get HTML content for chapters.
+
+        // Iterate over chapters and their HTML content
+        for (chapter_title, html_content) in chapters_html.iter() {
+            let chapter_dir = base_path.join(&chapter_title.replace(" ", "-").to_lowercase());
+            let chapter_file = chapter_dir.join("index.html");
+
+            // Create directory
+            match fs::create_dir_all(&chapter_dir) {
+                Ok(_) => log.info(format_args!("Folder created {:?} successful", chapter_dir)),
+                Err(err) => log.error(format_args!("Failed to create directory: {:?}", err)),
+            }
+
+            // Create context and add data
+            let mut context = Context::new();
+            context.insert("title", &template.title);
+            context.insert("keywords", &template.keywords);
+            context.insert("description", &template.description);
+            context.insert("chapters", &template.chapters);
+            context.insert("content", &html_content.to_html());
+
+            // Render template
+            let rendered = self.engine.render("index.html", &context).unwrap();
 
-        result
+            // Write to file
+            match fs::write(&chapter_file, &rendered) {
+                Ok(_) => log.info(format_args!(
+                    "Data written to file {:?} successful",
+                    chapter_file
+                )),
+                Err(err) => log.error(format_args!("Failed to write file: {:?}", err)),
+            }
+        }
     }
 
+    // Get chapters and return as Option<Vec<book::Chapter>>
     fn get_chapter(&self) -> Option<Vec<book::Chapter>> {
         if self.root.root.chapters.is_empty() {
             None
@@ -80,77 +129,178 @@ impl Builder {
         }
     }
 
-    fn copy_theme_assets(&self) -> std::io::Result<()> {
-        let mut log = Logger::console_log();
+    // Copy theme assets to output directory
+    fn copy_theme_assets(&self) {
+        let mut log = Logger::console_log(); // Initialize console logger.
         let from = format!(
             "{}/{}/assets",
             self.settings.settings.directory.theme, self.settings.settings.theme
         );
         let to = format!("{}/assets", self.settings.settings.directory.output);
 
-        copy_dir_recursive(Path::new(&from), Path::new(&to))?;
-
-        log.info(format_args!(
-            "Building theme assets directory {:?} successful",
-            &to
-        ));
-
-        Ok(())
+        // Copy theme assets
+        match copy_dir_recursive(Path::new(&from), Path::new(&to)) {
+            Ok(_) => log.info(format_args!("Building static assets {:?} successful", &to)),
+            Err(err) => log.error(format_args!("Building static assets failed: {:?}", err)),
+        }
     }
 
-    // 先把目录创建好
-    pub fn create_directory(&mut self) -> io::Result<()> {
-        let base_path = Path::new(&self.settings.settings.directory.output);
-        let mut log = Logger::console_log();
-        // 如果文件存在就删除并重建
+    // Create output directory, clean if it exists
+    pub fn create_directory(&mut self) {
+        let base_path = Path::new(&self.settings.settings.directory.output); // Get output directory path.
+        let mut log = Logger::console_log(); // Initialize console logger.
+
+        // If directory exists, remove and recreate
         if base_path.exists() {
-            fs::remove_dir_all(base_path)?;
-            log.info(format_args!(
-                "Clean up output diretory {:?} successful",
+            match fs::remove_dir_all(base_path) {
+                Ok(_) => log.info(format_args!(
+                    "Clean up output directory {:?} successful",
+                    base_path
+                )),
+                Err(err) => log.error(format_args!("Clean up output directory failed: {:?}", err)),
+            };
+        }
+
+        // Create new directory
+        match fs::create_dir(base_path) {
+            Ok(_) => log.info(format_args!(
+                "New create output directory {:?} successful",
                 base_path
-            ));
+            )),
+            Err(err) => log.error(format_args!(
+                "New create output directory failed: {:?}",
+                err
+            )),
+        }
+    }
+
+    // Get HTML content for chapters and return as HashMap<String, html::Hypertext>
+    pub fn chapters_html(&mut self) -> HashMap<String, html::Hypertext> {
+        let mut result: HashMap<String, html::Hypertext> = HashMap::new(); // Initialize result HashMap.
+        let mut log = Logger::console_log(); // Initialize console logger.
+
+        // Get chapters from root if available
+        if let Some(chapters) = self.get_chapter() {
+            // Iterate over chapters
+            for chapter in chapters {
+                let chapter_index_path = Path::new(&chapter.index); // Get chapter index path.
+
+                let chapter_path = format!(
+                    "{}/{}",
+                    self.settings.settings.directory.source,
+                    &chapter_index_path.display().to_string()
+                );
+
+                // Read markdown content from file
+                match fs::read_to_string(&chapter_path) {
+                    Ok(markdown_content) => {
+                        // Create Hypertext instance
+                        let hypertext = Hypertext::new(
+                            &chapter.title,
+                            &chapter_path,
+                            Markdown::new(&markdown_content),
+                        );
+
+                        // Insert into result HashMap
+                        result.insert(
+                            utils::remove_md_extension(&chapter.index.as_str()),
+                            hypertext,
+                        );
+
+                        log.info(format_args!(
+                            "Loading markdown file {:?} successful",
+                            chapter_path
+                        ));
+                    }
+                    Err(err) => log.error(format_args!("Loading markdown file failed : {:?}", err)),
+                }
+            }
         }
 
-        fs::create_dir(base_path)?;
-        log.info(format_args!(
-            "New create output diretory {:?} successful",
-            base_path
-        ));
+        result // Return HashMap with HTML content for chapters.
+    }
+
+    // Get HTML content for sub-chapters and return as HashMap<String, Vec<html::Hypertext>>
+    pub fn sub_chapters_html(&mut self) -> HashMap<String, Vec<html::Hypertext>> {
+        let mut result: HashMap<String, Vec<html::Hypertext>> = HashMap::new(); // Initialize result HashMap.
+        let mut log = Logger::console_log(); // Initialize console logger.
+
+        // Get chapters from root if available
+        if let Some(chapters) = self.get_chapter() {
+            // Iterate over chapters
+            for chapter in chapters {
+                let mut chapter_hypertexts: Vec<html::Hypertext> = Vec::new(); // Initialize Vec for sub-chapters
+
+                // Iterate over sub-chapters and add to Vec
+                for sub_chapter in &chapter.sub_chapters {
+                    let sub_chapter_path = format!(
+                        "{}/{}",
+                        self.settings.settings.directory.source, &sub_chapter.path
+                    );
+
+                    // Read markdown content from file
+                    match fs::read_to_string(&sub_chapter_path) {
+                        Ok(markdown_content) => {
+                            // Create Hypertext instance
+                            let hypertext = Hypertext::new(
+                                &sub_chapter.title,
+                                &sub_chapter.path,
+                                Markdown::new(&markdown_content),
+                            );
+                            chapter_hypertexts.push(hypertext);
+
+                            log.info(format_args!(
+                                "Loading markdown file {:?} successful",
+                                sub_chapter_path
+                            ));
+                        }
+                        Err(err) => {
+                            log.error(format_args!("Loading markdown file failed : {:?}", err))
+                        }
+                    }
+                }
 
-        // 创建存放静态 html 文件的二级目录
-        self.root.root.chapters.iter().try_for_each(|chapter| {
-            fs::create_dir(base_path.join(&chapter.title.replace(" ", "_").to_lowercase()))
-        })
+                // Insert sub-chapters into result HashMap
+                result.insert(
+                    utils::remove_md_extension(&chapter.index.as_str()),
+                    chapter_hypertexts,
+                );
+            }
+        }
+
+        result // Return HashMap with HTML content for sub-chapters.
     }
 }
 
+// Create a new Builder instance and return Result<Builder, Box<dyn std::error::Error>>
 pub fn new_builder() -> Result<Builder, Box<dyn std::error::Error>> {
-    let root = book::get_root()?;
-    let templates = html::get_templates().unwrap();
-    let settings = book::get_settings()?;
+    let root = book::get_root()?; // Get root data from book module.
+    let settings = book::get_settings()?; // Get settings from book module.
     let engine = Tera::new(
+        // Create new Tera instance for template engine.
         format!(
             "{}/{}/**/*.html",
             &settings.settings.directory.theme, &settings.settings.theme
         )
         .as_str(),
     )?;
-    // 返回 Builder 实例
+
+    // Return Builder instance
     Ok(Builder {
         root,
-        templates,
         engine,
         settings,
     })
 }
 
+// Recursive function to copy directory contents
 fn copy_dir_recursive(from: &Path, to: &Path) -> io::Result<()> {
-    // 创建目标目录如果它不存在
+    // Create target directory if it doesn't exist
     if !to.exists() {
         fs::create_dir_all(to)?;
     }
 
-    // 遍历源目录
+    // Iterate over entries in source directory
     for entry in fs::read_dir(from)? {
         let entry = entry?;
         let path = entry.path();
@@ -158,13 +308,13 @@ fn copy_dir_recursive(from: &Path, to: &Path) -> io::Result<()> {
         let target_path = to.join(relative_path);
 
         if path.is_dir() {
-            // 递归地复制子目录
+            // Recursively copy sub-directory
             copy_dir_recursive(&path, &target_path)?;
         } else if path.is_file() {
-            // 复制文件
+            // Copy file
             fs::copy(&path, &target_path)?;
         }
     }
 
-    Ok(())
+    Ok(()) // Return Ok when copying is complete.
 }
diff --git a/src/book/mod.rs b/src/book/mod.rs
index 9ceae51..7bf93f5 100644
--- a/src/book/mod.rs
+++ b/src/book/mod.rs
@@ -1,7 +1,6 @@
 pub mod builder;
 pub mod root;
 pub mod settings;
-pub mod theme;
 
 pub use builder::*;
 pub use root::*;
diff --git a/src/book/root.rs b/src/book/root.rs
index 505d6eb..94cb36e 100644
--- a/src/book/root.rs
+++ b/src/book/root.rs
@@ -1,7 +1,6 @@
 use serde::{Deserialize, Serialize};
 use std::error::Error;
 use std::fs;
-use std::path::Path;
 
 #[derive(Debug, Serialize, Deserialize)]
 pub struct Root {
@@ -10,7 +9,6 @@ pub struct Root {
 
 #[derive(Debug, Serialize, Deserialize, Clone)]
 pub struct InnerRoot {
-    pub title: String,
     pub chapters: Vec<Chapter>,
 }
 
@@ -28,8 +26,9 @@ pub struct SubChapter {
 }
 
 pub fn get_root() -> Result<Root, Box<dyn Error>> {
-    let path = Path::new("root.yml");
-    let content = fs::read_to_string(path)?;
-    let root: Root = serde_yaml::from_str(&content)?;
+    let content = fs::read_to_string("root.yml")
+        .map_err(|_| format!("The \"root.yml\" mapping file was not found"))?;
+    let root: Root = serde_yaml::from_str(&content)
+        .map_err(|_| format!("The \"root.yml\" content is not formatted properly"))?;
     Ok(root)
 }
diff --git a/src/book/settings.rs b/src/book/settings.rs
index ca53aa0..b08b3fb 100644
--- a/src/book/settings.rs
+++ b/src/book/settings.rs
@@ -1,4 +1,4 @@
-use std::{fs, path::Path};
+use std::fs;
 
 use serde::{Deserialize, Serialize};
 use std::error::Error;
@@ -39,21 +39,10 @@ pub struct InnerSettings {
     pub custom_js: Vec<String>,
 }
 
-impl Settings {
-    pub fn new() -> Option<Settings> {
-        match fs::read_to_string("settings.yml") {
-            Ok(content) => match serde_yaml::from_str(&content) {
-                Ok(settings) => Some(settings),
-                Err(_) => None,
-            },
-            Err(_) => None,
-        }
-    }
-}
-
 pub fn get_settings() -> Result<Settings, Box<dyn Error>> {
-    let path = Path::new("settings.yml");
-    let content = fs::read_to_string(path)?;
-    let settings: Settings = serde_yaml::from_str(&content)?;
+    let content = fs::read_to_string("settings.yml")
+        .map_err(|_| format!("The \"settings.yml\" mapping file was not found"))?;
+    let settings: Settings = serde_yaml::from_str(&content)
+        .map_err(|_| format!("The \"settings.yml\" content is not formatted properly"))?;
     Ok(settings)
 }
diff --git a/src/book/theme.rs b/src/book/theme.rs
deleted file mode 100644
index e69de29..0000000
diff --git a/src/cli/args.rs b/src/cli/args.rs
index e3d0c03..59a221f 100644
--- a/src/cli/args.rs
+++ b/src/cli/args.rs
@@ -12,7 +12,10 @@ const BANNER: &str = r"
       |__/|_|     v{}
 
 Typikon lets you use markdown to write your online books.
+GitHub: http://typikonbook.github.io  License: Apache2.0        
+";
 
+const HELP_INFO: &str = r"
 Usage: typikon <command> [<args>...]
 
 The commands are:
@@ -21,22 +24,32 @@ The commands are:
     theme     Install the specified theme files
     build     Builder static html file and output to book
 
-Use typikon help <command> for more information about a command.               
+Use typikon help <command> for more information about a command.  
 ";
 
 const VERSION: &str = "0.1.1-beta";
 
-pub fn out_banner_string() {
-    println!("{}",format!("{}", BANNER.replace("{}", VERSION).as_str().purple()))
+pub fn print_banner_help() {
+    println!(
+        "{}",
+        format!(
+            "{}\n{}",
+            BANNER.replace("{}", VERSION).as_str().blue(),
+            HELP_INFO.purple()
+        )
+    )
+}
+
+pub fn print_banner() {
+    println!("{}", BANNER.replace("{}", VERSION).as_str().blue())
 }
 
 // 解析命令行输入的参数，返回 Command 枚举和除了命令本身以外的参数
 pub fn parse_args() -> (Command, Vec<String>) {
-
     let args: Vec<String> = env::args().collect();
 
     if args.len() < 2 {
-        out_banner_string();
+        print_banner_help();
         exit(0)
     }
 
@@ -45,5 +58,3 @@ pub fn parse_args() -> (Command, Vec<String>) {
 
     (Command::from_str(cmd.as_str()), params)
 }
-
-
diff --git a/src/cli/commands.rs b/src/cli/commands.rs
index ece0782..1594c8e 100644
--- a/src/cli/commands.rs
+++ b/src/cli/commands.rs
@@ -10,7 +10,6 @@ use crate::utils::Logger;
 #[derive(Eq, Hash, PartialEq, Debug)]
 pub enum Command {
     Build,
-    Theme,
     Init,
     Help,
     Unknown(String),
@@ -20,7 +19,6 @@ impl Command {
     pub fn from_str(s: &str) -> Command {
         match s {
             "build" => Command::Build,
-            "theme" => Command::Theme,
             "init" => Command::Init,
             "help" => Command::Help,
             _ => Command::Unknown(s.to_string()),
@@ -32,7 +30,6 @@ impl fmt::Display for Command {
     fn fmt(&self, f: &mut fmt::Formatter<'_>) -> fmt::Result {
         match self {
             Command::Build => write!(f, "build"),
-            Command::Theme => write!(f, "theme"),
             Command::Init => write!(f, "init"),
             Command::Help => write!(f, "help"),
             Command::Unknown(s) => write!(f, "Unknown({})", s),
@@ -40,16 +37,6 @@ impl fmt::Display for Command {
     }
 }
 
-const THEME_HELP_TEXT: &str = r"
-
-	Example:
-
-	Use the --get parameter to get the custom theme repository and install it 👇
-
-	$: typikon theme --get=https://github.com/auula/typikon-theme.git
-
-";
-
 const BUILD_HELP_TEXT: &str = r"
 
 	Example:
@@ -73,34 +60,19 @@ const INIT_HELP_TEXT: &str = r"
 static HELP_INFO: Lazy<Mutex<HashMap<Command, colored::ColoredString>>> = Lazy::new(|| {
     let mut help_info: HashMap<Command, colored::ColoredString> = HashMap::new();
 
-    help_info.insert(Command::Theme, THEME_HELP_TEXT.green());
     help_info.insert(Command::Build, BUILD_HELP_TEXT.green());
     help_info.insert(Command::Init, INIT_HELP_TEXT.green());
 
     Mutex::new(help_info)
 });
 
-pub fn handle_theme_command(args: &[String]) {
-    let mut log = Logger::console_log();
-    match args.get(2) {
-        Some(option) => {
-            if let Some(value) = option.strip_prefix("--get=") {
-                log.info(format_args!("Fetching theme parameter: {}", value))
-            } else {
-                log.error(format_args!("{}", option))
-            }
-        }
-        None => log.warn(format_args!("Lack of options: --get=<value>")),
-    }
-}
-
 // 通过命令行传入的 args 参数打印 help 信息
 pub fn handle_help_command(args: &[String]) {
     let mut log = Logger::console_log();
     if let Some(option) = args.get(0) {
         let help = HELP_INFO.lock().unwrap();
         match Command::from_str(option) {
-            Command::Build | Command::Theme | Command::Init | Command::Help => {
+            Command::Build | Command::Init | Command::Help => {
                 if let Some(help_text) = help.get(&Command::from_str(option)) {
                     println!("{}", help_text);
                 } else {
@@ -108,19 +80,19 @@ pub fn handle_help_command(args: &[String]) {
                 }
             }
             Command::Unknown(_) => log.error(format_args!(
-                "Unknown option: <{}> Available option: [init,theme,build]",
+                "Unknown option: <{}> Available option: [init,build]",
                 option
             )),
         }
     } else {
         log.error(format_args!(
-            "Lack of options! Available option: [init,theme,build]"
+            "Lack of options! Available option: [init,build]"
         ))
     }
 }
 
 pub fn handle_init_command(_args: &[String]) {
-    let mut log = Logger::console_log();
+    let mut _log = Logger::console_log();
     unimplemented!()
 }
 
@@ -128,7 +100,9 @@ pub fn handle_build_command(_args: &[String]) {
     let mut log = Logger::console_log();
     match book::new_builder() {
         Ok(mut builder) => match builder.render() {
-            Ok(_) => {}
+            Ok(_) => log.info(format_args!(
+                "Rendering of static resource files complete 🎉"
+            )),
             Err(err) => log.error(format_args!("{}", err)),
         },
         Err(err) => log.error(format_args!("{}", err)),
diff --git a/src/html/hypertext.rs b/src/html/hypertext.rs
index f5d4779..84dcbc1 100644
--- a/src/html/hypertext.rs
+++ b/src/html/hypertext.rs
@@ -1,39 +1,25 @@
-use std::{
-    fs::File,
-    io::{self, Write}, path::Path,
-};
-
 use serde::{Deserialize, Serialize};
 
 use super::Markdown;
 
 // Define the HTML type
-// 部分 Markdown 已经转义好的内容
 #[derive(Debug, Serialize, Deserialize)]
 pub struct Hypertext {
-    path: String,
-    markdown: Markdown,
+    pub title: String,
+    pub path: String,
+    pub markdown: Markdown,
 }
 
 impl Hypertext {
-
-    pub fn new(path: &str, markdown: Markdown) -> Hypertext {
+    pub fn new(title: &str, path: &str, markdown: Markdown) -> Hypertext {
         Hypertext {
+            title: title.to_string(),
             path: path.to_string(),
             markdown: markdown,
         }
     }
 
-    pub fn get_file_path(&self) -> &Path {
-        Path::new(&self.path)
-    }
-
-    pub fn to_disk_html(&self) -> io::Result<()> {
-        // 打开文件，如果不存在则创建
-        let mut file = File::create(self.path.clone())?;
-        // 写入 HTML 内容
-        file.write_all(&self.markdown.to_html().as_bytes())?;
-        // 返回成功的 Result
-        Ok(())
+    pub fn to_html(&self) -> String {
+        self.markdown.to_html()
     }
 }
diff --git a/src/html/template.rs b/src/html/template.rs
index 882a33c..091c84b 100644
--- a/src/html/template.rs
+++ b/src/html/template.rs
@@ -1,41 +1,64 @@
-use super::{Hypertext, Markdown};
+use serde::{Deserialize, Serialize};
+
+use crate::{
+    book::{self, About, SubChapter},
+    utils,
+};
+
+#[derive(Debug, Serialize, Deserialize, Clone)]
+pub struct Chapter {
+    pub title: String,
+    pub path: String,
+    pub sub_chapters: Vec<SubChapter>,
+}
 
 // 模版 html 和需要被渲染的数据内容
-#[derive(Debug)]
+#[derive(Debug, Serialize, Deserialize, Clone)]
 pub struct Template {
-    // 模版名称用于区分多个文件的模版
-    pub name: String,
-    // 模版路径，模版存储多个文件层次结构中
-    pub path: String,
-    // 模版文件的内容
+    pub title: String,
+    pub keywords: String,
+    pub description: String,
+    pub chapters: Vec<Chapter>,
     pub content: String,
-    // 要插入渲染好的 HTML 数据，这个是通过 MD 转换好的 HTML 数据段
-    pub hypertext: Hypertext,
-    // 模版被渲染之后元数据，自定义 css 和 头部信息
-    pub data_ctx: tera::Context,
 }
 
 impl Template {
-    pub fn new(_tmpl: String) -> Template {
-        unimplemented!()
-    }
+    pub fn new(about: &About, chapters: &Vec<book::Chapter>) -> Template {
+        let mut new_chapters: Vec<Chapter> = Vec::new();
+
+        // 章节文章格式化
+        chapters.iter().for_each(|chapter| {
+            let mut new_sub_chapters: Vec<SubChapter> = Vec::new();
+
+            // 子文章路径格式化
+            chapter.sub_chapters.iter().for_each(|sub_chapter| {
+                let sub_chapter_path = utils::remove_md_extension(&sub_chapter.path)
+                    .replace(" ", "-")
+                    .to_lowercase();
+                new_sub_chapters.push(SubChapter {
+                    title: sub_chapter.title.clone(),
+                    path: sub_chapter_path,
+                });
+            });
+
+            // 文章主目录格式化
+            let chapter = Chapter {
+                title: chapter.title.clone(),
+                path: utils::remove_md_extension(&chapter.index)
+                    .replace(" ", "-")
+                    .to_lowercase(),
+                sub_chapters: new_sub_chapters,
+            };
+
+            new_chapters.push(chapter);
+        });
 
-    pub fn empty() -> Template {
         Template {
-            name: "index.html".to_string(),
-            path: "index.html".to_string(),
+            title: about.title.clone(),
+            keywords: about.keywords.clone(),
+            description: about.description.clone(),
+            chapters: new_chapters,
             content: "".to_string(),
-            hypertext: Hypertext::new("index.html", Markdown::new("")),
-            data_ctx: tera::Context::new(),
         }
     }
 }
-
-// 渲染模版引擎函数
-pub fn render_to_html(_tmpl: Vec<Template>) {
-    unimplemented!()
-}
-
-pub fn get_templates() -> Option<Vec<Template>> {
-    Some(vec![])
-}
diff --git a/src/main.rs b/src/main.rs
index debd83c..a3b0887 100644
--- a/src/main.rs
+++ b/src/main.rs
@@ -8,7 +8,6 @@ fn main() {
         Command::Init => typikon::cli::handle_init_command(&args),
         Command::Help => typikon::cli::handle_help_command(&args),
         Command::Build => typikon::cli::handle_build_command(&args),
-        Command::Theme => typikon::cli::handle_theme_command(&args),
-        Command::Unknown(_) => typikon::cli::out_banner_string(),
+        Command::Unknown(_) => typikon::cli::print_banner_help(),
     }
 }
diff --git a/src/utils/file.rs b/src/utils/file.rs
new file mode 100644
index 0000000..98e6e41
--- /dev/null
+++ b/src/utils/file.rs
@@ -0,0 +1,9 @@
+pub fn remove_md_extension(filename: &str) -> String {
+    if let Some(idx) = filename.rfind('.') {
+        let (name, ext) = filename.split_at(idx);
+        if ext.to_lowercase() == ".md" {
+            return name.to_string();
+        }
+    }
+    filename.to_string() // Return original if no .md extension found
+}
\ No newline at end of file
diff --git a/src/utils/logger.rs b/src/utils/logger.rs
index 2a0eb02..c90d654 100644
--- a/src/utils/logger.rs
+++ b/src/utils/logger.rs
@@ -17,7 +17,7 @@ impl Logger {
 
     fn log(&mut self, level: &str, color: fn(&str) -> ColoredString, format_message: &str) {
         let time = Local::now().format(DATETIME_FORMAT);
-        let formatted = format!(" {:<8} {} 💬 {}\n", color(level), time, format_message);
+        let formatted = format!("{:<6} {} 💬 {}\n", color(level), time, format_message);
         self.out
             .write_all(formatted.as_bytes())
             .expect("Failed to write to stdout");
@@ -26,7 +26,7 @@ impl Logger {
     pub fn info(&mut self, format_message: std::fmt::Arguments) {
         self.log(
             "[INFO]",
-            |level: &str| level.on_green(),
+            |level: &str| level.green(),
             &format!("{}", format!("{}", format_message).as_str().green()),
         );
     }
@@ -34,7 +34,7 @@ impl Logger {
     pub fn warn(&mut self, format_message: std::fmt::Arguments) {
         self.log(
             "[WARING]",
-            |level| level.on_purple(),
+            |level| level.purple(),
             &format!("{}", format!("{}", format_message).as_str().yellow()),
         );
     }
@@ -42,7 +42,7 @@ impl Logger {
     pub fn error(&mut self, format_message: std::fmt::Arguments) {
         self.log(
             "[ERROR]",
-            |level: &str| level.on_red(),
+            |level: &str| level.red(),
             &format!("{}", format!("{}", format_message).as_str().red()),
         );
     }
diff --git a/src/utils/mod.rs b/src/utils/mod.rs
index 0e28cfb..e9f0b64 100644
--- a/src/utils/mod.rs
+++ b/src/utils/mod.rs
@@ -1,2 +1,4 @@
 pub mod logger;
 pub use logger::*;
+pub mod file;
+pub use file::*;
\ No newline at end of file
diff --git a/tests/book/builder_test.rs b/tests/book/builder_test.rs
index ceb1477..2da62d5 100644
--- a/tests/book/builder_test.rs
+++ b/tests/book/builder_test.rs
@@ -17,9 +17,43 @@ fn test_new_builder() {
 fn test_new_builder_get_hypertext() {
     match book::new_builder() {
         Ok(mut builder) => {
-            println!("{:?}", &mut builder.get_chapters_hypertext());
+            println!("{:?}", &mut builder.sub_chapters_html());
             assert!(true);
         }
         Err(_) => assert!(false),
     }
 }
+
+#[test]
+fn test_new_builder_get_chapters() {
+    match book::new_builder() {
+        Ok(mut builder) => {
+            println!("{:?}", &mut builder.chapters_html());
+            assert!(true);
+        }
+        Err(_) => assert!(false),
+    }
+}
+
+#[test]
+fn test_new_builder_render_chapter_html() {
+    match book::new_builder() {
+        Ok(mut builder) => {
+            println!("{:?}", &mut builder.render_chapter_html());
+            assert!(true);
+        }
+        Err(_) => assert!(false),
+    }
+}
+
+
+#[test]
+fn test_new_builder_render_html() {
+    match book::new_builder() {
+        Ok(mut builder) => {
+            println!("{:?}", &mut builder.render_sub_chapter_html());
+            assert!(true);
+        }
+        Err(_) => assert!(false),
+    }
+}
\ No newline at end of file
diff --git a/tests/book/settings_test.rs b/tests/book/settings_test.rs
index 6593e73..e2a392c 100644
--- a/tests/book/settings_test.rs
+++ b/tests/book/settings_test.rs
@@ -1,15 +1,5 @@
 use typikon::book;
 
-#[test]
-fn test_settings_serialize() {
-    match book::Settings::new() {
-        Some(settings) => {
-            println!("{:?}", settings);
-            assert!(true);
-        }
-        None => assert!(false),
-    };
-}
 
 #[test]
 fn test_get_settings() {
diff --git a/tests/html/html_test.rs b/tests/html/html_test.rs
index f21ab90..f84790b 100644
--- a/tests/html/html_test.rs
+++ b/tests/html/html_test.rs
@@ -4,23 +4,12 @@ use typikon::html::Hypertext;
 
 #[test]
 fn test_hypertext_create() {
-    let path = Path::new("tests/html/index.html");
     let src_path = Path::new("tests/html/chapter_1.1.0.md");
     let md = typikon::html::from_markdown(src_path).unwrap();
 
-    let html = Hypertext::new("tests/html/index.html", md);
+    let html = Hypertext::new("Test Title","tests/html/index.html", md);
 
-    println!("{:?}", html);
-
-    assert_eq!(path, html.get_file_path());
-
-    match html.to_disk_html() {
-        Ok(_) => assert!(true),
-        Err(err) => {
-            eprintln!("create HTML file fail: {}", err);
-            assert!(false);
-        }
-    }
+    println!("{:?}", html.to_html());
 }
 
 #[test]
@@ -112,7 +101,7 @@ flush privileges;
     // 将 Markdown 转换为 HTML
     let html_output = typikon::html::Markdown::new(&markdown_input);
     // 打印 HTML 输出
-    println!("{}", html_output.to_html());
+    println!("{:?}", html_output.to_html());
 
     assert!(true);
 }
diff --git a/theme/typikon-theme/index.html b/theme/typikon-theme/index.html
index 5988864..957ed96 100644
--- a/theme/typikon-theme/index.html
+++ b/theme/typikon-theme/index.html
@@ -5,70 +5,89 @@
 	<meta charset="UTF-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 
-	<title>{{ book.title }}</title>
-	<meta name="description" content="{{ book.description }}" />
-	<meta name="keywords"
-		content="{{ book.keywords }}" />
-	<meta name="generator" content="{{ version }}" />
+	<title>{{ title }}</title>
+	<meta name="description" content="{{ description }}" />
+	<meta name="keywords" content="{{ keywords }}" />
+	<meta name="generator" content="typikon" />
 	<meta name="template" content="typikon-theme" />
 
-
-	<link rel="stylesheet" href="assets/css/bootstrap.min.css">
-	<link rel="stylesheet" href="assets/sidebars.css">
+	<link rel="stylesheet" href="/assets/css/bootstrap.min.css">
+	<link rel="stylesheet" href="/assets/sidebars.css">
 	<!-- Light theme stylesheet -->
-	<link rel="stylesheet" href="assets/light-theme.css" id="light-theme">
+	<link rel="stylesheet" href="/assets/light-theme.css" id="light-theme">
 	<!-- Dark theme stylesheet (initially disabled) -->
-	<link rel="stylesheet" href="assets/dark-theme.css" id="dark-theme">
+	<link rel="stylesheet" href="/assets/dark-theme.css" id="dark-theme" disabled>
 </head>
 
 <body>
 	<div class="container">
-
 		<div class="row">
-
 			<div class="col-md-4 col-sm-12">
 				<div class="flex-shrink-0 p-2" style="width: 100%;">
-					<a href="#"
+					<a href="/index.html"
 						class="d-flex align-items-center justify-content-center pb-3 mb-3 link-body-emphasis text-decoration-none border-bottom">
-						<span class="fs-4 fw-semibold">{{ book.title }}</span>
+						<span class="fs-4 fw-semibold">{{ title }}</span>
 					</a>
 					<ul class="list-unstyled ps-0">
-						<!-- 子章节目录结构，一个数组遍历渲染 -->
+						{% for chapter in chapters %}
 						<li class="mb-1">
-							<a class="btn d-inline-flex align-items-center rounded border-0">
-								{book.chapter.title}
+							<a class="btn d-inline-flex align-items-center rounded border-0"
+								href="/{{ chapter.path }}/index.html">
+								{{ chapter.title }}
 							</a>
-							<!-- 每个子章节下面还有其他的文章 -->
 							<div class="collapse show" id="collapse1">
 								<ul class="btn-toggle-nav list-unstyled fw-normal pb-1 small">
-									<li><a href="#"
+									{% for sub_chapter in chapter.sub_chapters %}
+									<li>
+										<a href="/{{ chapter.path }}/{{ sub_chapter.path }}.html"
 											class="link-body-emphasis d-inline-flex text-decoration-none rounded">
-											{book.sub_chapters.title}
+											{{ sub_chapter.title }}
 										</a>
 									</li>
+									{% endfor %}
 								</ul>
 							</div>
 						</li>
-
+						{% endfor %}
 						<li class="border-top my-3"></li>
-						<li class="mb-3 mb-md-0 text-body-secondary">© 2024 Company, Inc</li>
+						<li class="mb-3 mb-md-0 text-body-secondary">Copyright © Typikon Inc</li>
 					</ul>
 				</div>
 			</div>
 
 			<div class="col-md-8 col-sm-12">
 				<div id="markdown-content">
-					{book.page.content}
+					{{ content | safe }}
 				</div>
 			</div>
 		</div>
 	</div>
 
-	<script src="assets/js/bootstrap.bundle.js"></script>
-	<script src="assets/js/bootstrap.min.js"></script>
-	<script src="assets/highlight/highlight.min.js"></script>
-	<script src="assets/highlight/languages/shell.min.js"></script>
-	<script src="assets/highlight/languages/sql.min.js"></script>
+	<script src="/assets/js/bootstrap.bundle.js"></script>
+	<script src="/assets/js/bootstrap.min.js"></script>
+	<script src="/assets/highlight/highlight.min.js"></script>
+	<script src="/assets/highlight/languages/shell.min.js"></script>
+	<script src="/assets/highlight/languages/sql.min.js"></script>
+	<script src="/assets/highlight/languages/java.min.js"></script>
+	<script src="/assets/highlight/languages/rust.min.js"></script>
+	<script src="/assets/highlight/languages/javascript.min.js"></script>
+	<script src="/assets/highlight/languages/html.min.js"></script>
+	<script src="/assets/highlight/languages/c.min.js"></script>
+	<script src="/assets/highlight/languages/cpp.min.js"></script>
+	<script src="/assets/highlight/languages/kotlin.min.js"></script>
+	<script src="/assets/highlight/languages/rust.min.js"></script>
+	<script src="/assets/highlight/languages/python.min.js"></script>
+	<script src="/assets/highlight/languages/csharp.min.js"></script>
+	<script src="/assets/highlight/languages/css.min.js"></script>
+	<script src="/assets/highlight/languages/swift.min.js"></script>
+	<script src="/assets/highlight/languages/xml.min.js"></script>
+	<script src="/assets/highlight/languages/yaml.min.js"></script>
+	<script src="/assets/highlight/languages/ruby.min.js"></script>
+	<script src="/assets/highlight/languages/php.min.js"></script>
+	<script src="/assets/highlight/languages/go.min.js"></script>
+	<script src="/assets/highlight/languages/dart.min.js"></script>
+	<script src="/assets/highlight/languages/bash.min.js"></script>
+	<script src="/assets/highlight/languages/dockerfile.min.js"></script>
 	<script>
 		document.addEventListener('DOMContentLoaded', (event) => {