feat: add watch rebuild feature & fix typo.

Author: auula

.gitignore

@@ -3,4 +3,5 @@
 /target
 docs
 cobertura.xml
-.vscode
+.vscode
+docs

book/chinese.md

@@ -16,7 +16,7 @@ Typikon 让您可以使用 Markdown 编写您的在线书籍。
 
 ### 介 绍
 
-<img src="https://img.ibyte.me/w3uchi.png" alt="Typikon Image"
+<img src="https://img.leonding.me/w3uchi.png" alt="Typikon Image"
 							style="float: left; margin: 0px 20px 10px 10px;height: 100px;" />
 
 Typikon 的名字源自 [Typikon](https://en.wikipedia.org/wiki/Typikon) 书籍，它是一个类似于 mdbook 和 gitbook 的静态网站渲染工具，但它专注于将 Markdown 渲染成在线书籍，比其他工具更易于使用。

book/english.md

@@ -18,7 +18,7 @@ Typikon lets you use markdown to write your online books.
 
 ### Introduce
 
-<img src="https://img.ibyte.me/w3uchi.png" alt="Typikon Image"
+<img src="https://img.leonding.me/w3uchi.png" alt="Typikon Image"
 							style="float: left; margin: 0px 20px 10px 10px;height: 100px;" />
 
 Typikon name derived from [Typikon](https://en.wikipedia.org/wiki/Typikon) Book, a static website rendering tool similar to mdbook and gitbook, but it focuses only on rendering markdown into an online book, and is easier to use than the other tools.

book/index.md

@@ -18,7 +18,7 @@ Typikon lets you use markdown to write your online books.
 
 ### Introduce
 
-<img src="https://img.ibyte.me/w3uchi.png" alt="Typikon Image"
+<img src="https://img.leonding.me/w3uchi.png" alt="Typikon Image"
 							style="float: left; margin: 0px 20px 10px 10px;height: 100px;" />
 
 Typikon name derived from [Typikon](https://en.wikipedia.org/wiki/Typikon) Book, the a static website rendering tool similar to mdbook and gitbook, but it focuses only on rendering markdown into an online book, and is easier to use than the other tools.

book/introduce-zh.md

@@ -16,7 +16,7 @@ Typikon 让您可以使用 Markdown 编写您的在线书籍。
 
 ### 介 绍
 
-<img src="https://img.ibyte.me/w3uchi.png" alt="Typikon Image"
+<img src="https://img.leonding.me/w3uchi.png" alt="Typikon Image"
 							style="float: left; margin: 0px 20px 10px 10px;height: 100px;" />
 
 Typikon 的名字源自 [Typikon](https://en.wikipedia.org/wiki/Typikon) 书籍，它是一个类似于 mdbook 和 gitbook 的静态网站渲染工具，但它专注于将 Markdown 渲染成在线书籍，比其他工具更易于使用。
@@ -27,7 +27,7 @@ Typikon 的名字源自 [Typikon](https://en.wikipedia.org/wiki/Typikon) 书籍
 
 ---
 
-### 特 点
+### 特 性
 
 - 支持暗黑和明亮主题
 - 支持自定义 CSS 和 JS

book/introduce.md

@@ -18,7 +18,7 @@ Typikon lets you use markdown to write your online books.
 
 ### Introduce
 
-<img src="https://img.ibyte.me/w3uchi.png" alt="Typikon Image"
+<img src="https://img.leonding.me/w3uchi.png" alt="Typikon Image"
 							style="float: left; margin: 0px 20px 10px 10px;height: 100px;" />
 
 Typikon name derived from [Typikon](https://en.wikipedia.org/wiki/Typikon) Book, a static website rendering tool similar to mdbook and gitbook, but it focuses only on rendering markdown into an online book, and is easier to use than the other tools.

src/cli/commands.rs

@@ -139,7 +139,7 @@ pub fn handle_serve_command(_args: &[String]) {
     let docs = warp::fs::dir(settings.directory.output.clone());
 
     log.info(format_args!(
-        "Starting HTTP server on port {}",
+        "Starting HTTP server on http://localhost:{}",
         settings.port
     ));
 
@@ -172,14 +172,15 @@ pub fn handle_watch_command() {
     let docs = warp::fs::dir(settings.directory.output.clone());
 
     log.info(format_args!(
-        "Starting HTTP server on port {}",
+        "Starting HTTP server on http://localhost:{}",
         settings.port
     ));
 
     runtime.spawn(async move {
         warp::serve(docs).run(([127, 0, 0, 1], settings.port)).await;
     });
-    // create a channel to receive file change events
+
+    // create a channel to receive file change events.
     let (tx, rx) = channel();
 
     let mut debouncer = new_debouncer(Duration::from_secs(1), tx).unwrap();
@@ -191,6 +192,7 @@ pub fn handle_watch_command() {
             RecursiveMode::Recursive,
         )
         .unwrap();
+
     runtime.block_on(async {
         for res in rx {
             match res {

tests/html/chapter_1.1.0.md

@@ -68,7 +68,7 @@ flush privileges;
 
 ## 插入普通图片
 
-![java](https://img.ibyte.me/470eor.jpg)  
+![java](https://img.leonding.me/470eor.jpg)  
 
 ## 引用示例
 

tests/html/html_test.rs

@@ -100,7 +100,7 @@ flush privileges;
 
 ## 插入普通图片
 
-![java](https://img.ibyte.me/470eor.jpg)
+![java](https://img.leonding.me/470eor.jpg)
 
 ## 引用示例
 

tests/html/index.html

@@ -40,7 +40,7 @@ <h2>列表示例</h2>
 </ul>
 <p>这是一个 <a href="">超链接测试</a> 对文本内容。</p>
 <h2>插入普通图片</h2>
-<p><img src="https://img.ibyte.me/470eor.jpg" alt="java" /></p>
+<p><img src="https://img.leonding.me/470eor.jpg" alt="java" /></p>
 <h2>引用示例</h2>
 <blockquote>
 <p>这是一个引用示例，可以包含多行文本和<strong>加粗</strong>文字。</p>