完成 /hello 和 /nbnhhsh 页面，优化 sticker 显示效果

book.xml

@@ -4,7 +4,9 @@
 	<Chapter name="command - 命令">
 		<Page id="command/overview" name="Overview - 速查表" />
 		<Page id="command/on" name="/o" />
+		<Page id="command/hello" name="/hello /hi &lt;small&gt;/start&lt;/small&gt;" />
 		<Page id="command/user" name="/user" />
+		<Page id="command/nbnhhsh" name="/nbnhhsh &lt;small&gt;能不能好好说话？&lt;/small&gt;" />
 	</Chapter>
 	<Chapter name="inline - 内联查询">
 		<Page id="inline/overview" name="@inline_query 内联查询简介" />

command/hello.md

@@ -0,0 +1,30 @@
+# /hello
+
+> also known as **`/hi`**
+>
+> also available as *`/start`*
+>
+> **打招呼**
+
+<style>
+	.sticker {
+		width: 20rem;
+	}
+</style>
+
+## usage - 用法
+
+直接使用命令<small>**命令**不要求也不需要任何**参数**</small>来和 Morny 打招呼，然后 Morny 也会和你打招呼。
+
+{.sticker}
+![a sticker with handshake for you](https://stickers.sukazyo.cc/sticker/CAACAgEAAxkBAAMnYYYWKNXO4ibo9dlsmDctHhhV6fIAAqooAAJ4_MYFJJhrHS74xUAiBA.png)
+
+> 如果 Morny 没有任何回应，那大概率是 Morny 离线了...
+
+---
+
+## 当第一次使用 Morny Cono
+
+当你第一次在私聊中和 Morny 说话时，Morny 也会通过这个贴纸来和你打招呼。
+
+这也是通过定义命令别名 `/start` 来实现的。在 Telegram 中，用户第一次使用 bot 将会向 bot 发送 `/start` 命令，因此 Morny Cono 知道发送 `/start` 命令即是第一次使用 Morny，就会和你打招呼了。

command/nbnhhsh.md

@@ -0,0 +1,76 @@
+# /nbnhhsh
+
+> > `text` | <u><i>reply_to(text)</i></u>
+>
+> 检索文本内 [nbnhhsh] 词条
+
+[nbnhhsh]: https://lab.magiconch.com/nbnhhsh/
+
+**[Nbnhhsh]**，又称 **「能不能好好说话？」**，是一个能够把奇奇怪怪让人看不懂的名称简写转换为它们能让人听得懂的学名全称的东西。
+
+> ### 为什么做这东西？
+>
+> 社交平台上通过拼音首字母缩写指代特定词句的情况越来越多，为了让更多人能勉强理解这一门另类沟通方式、做了这一个划词转义工具。
+>
+> -- from [「能不能好好说话？」][nbnhhsh] 官方页面
+
+**Morny** 的 `/nbnhhsh` 命令即是一个在 telegram 中的 [nbnhhsh] 查询工具的移植封装，为了大家能够更方便的使用其来查询短语。
+
+## usage - 使用
+
+<style>
+	.tq {
+		color: gray;
+		font-style: italic;
+	}
+	.cmd {
+		color: chocolate;
+	}
+</style>
+
+**Morny** 的 `/nbnhhsh` 支持通过两种调用方式进行 nbnhhsh 查询。
+
+**其一**是使用 `/nbnhhsh` 命令回复一条消息，就可以查询被回复消息中的 nbnhhsh 词条：
+
+<pre><code class=nohighlight><small class=tq>&gt; <u>Aa for Test</u></small>
+这是一个例文，ta里面就有一些「nbnhhsh」的简写短语。
+
+<small class=tq>&gt; <u>ANNIe</u></small>
+<small class=tq>&gt; in reply to <u>Aa for Test</u></small>
+<span class=cmd>/nbnhhsh</span></code></pre>
+
+**其二**是通过 `/nbnhhsh texts...` 在命令后加内容的方式查询，可以查询命令后内容文本中的 nbnhhsh 词条。
+
+<pre><code class=nohighlight><small class=tq>&gt; <u>ANNIe</u></small>
+<span class=cmd>/nbnhhsh</span> nbnhhsh # 想要查询的单词，或者这里也可以塞一段话查询一整段话里面的单词。</code></pre>
+
+**Morny** 将会从 official [nbnhhsh] 查询这里面有哪些 nbnhhsh 单词，然后列出它们和它们的释义，回复给 nbnhhsh 查询者。
+
+所给出的回复大概是这个格式的：
+
+```nohighlight
+## Result of nbnhhsh query :
+
+[[ ta ]]
+* 圣堂刺客
+* 他/她/它
+* 天啊
+
+[[ nbnhhsh ]]
+* 能不能好好说话
+```
+
+---
+
+## 你知道吗
+
+- [nbnhhsh] 官方的 api 的设计就是直接传进去一整段文字，然后 api 就可以吐出来这段文字里有什么符合 nbnhhsh 词条的词，然后返回这些词条。
+
+<empty></empty>
+
+- Morny 最后所返回的 `## Result of nbnhhsh query :` 那个标题是可以点击的（显然，它就是一个链接），它指向的就是 nbnhhsh 的官方网页 <https://lab.magiconch.com/nbnhhsh/>
+  - 其实，最开始是想让这个标题指向 nbnhhsh 官网，然后打开就可以复现这次查询的内容（也就是可以说是带着查询内容的参数）。然而最终似乎 nbnhhsh 官网并没有提供这样的查询链接格式，最终的设计就 fallback 到了单纯往官网页面指向过去好了。
+
+<empty></empty>
+
+- 这大概是第8个解释功能的页面。写到这里就给人感觉写的内容越来越少了。不过，本来这些功能都不能说很复杂，或许本来就不需要那么多废话来阐述就是了。

command/on.md

@@ -2,6 +2,12 @@
 
 > **检查是否在线**
 
+<style>
+	.sticker {
+		width: 20rem;
+	}
+</style>
+
 ## usage - 用法
 
 **直接使用命令。**
@@ -10,7 +16,8 @@
 
 使用后，如果 bot **在线**，即会返回贴纸 **`sticker.ID_ONLINE_STATUS_RETURN`**：
 
-![a "Hello" sticker](https://stickers.sukazyo.cc/sticker/CAACAgEAAx0CW-CvvgAC5eBhhhODGRuu0pxKLwoQ3yMsowjviAACcycAAnj8xgVVU666si1utiIE.png)
+{.sticker}
+![a sticker that have a big "O" in hand](https://stickers.sukazyo.cc/sticker/CAACAgEAAx0CW-CvvgAC5eBhhhODGRuu0pxKLwoQ3yMsowjviAACcycAAnj8xgVVU666si1utiIE.png)
 
 如果 bot 当前正在**离线**状态，则**不会返回任何东西**。
 

command/overview.md

@@ -25,12 +25,12 @@
 </tr>
 
 <tr>
-<td><b><code>/hello</code></b></td>
+<td><b><a href="./hello"><code>/hello</code></a></b></td>
 <td rowspan=2></td>
 <td rowspan=2>打招呼</td>
 </tr>
 <tr>
-<td><b><code>/hi</code></b></td>
+<td><b><a href="./hello"><code>/hi</code></a></b></td>
 </tr>
 
 <tr>
@@ -46,7 +46,7 @@
 </tr>
 
 <tr>
-<td><b><code>/nbnhhsh</code></b></td>
+<td><b><a href="./nbnhhsh"><code>/nbnhhsh</code></a></b></td>
 <td><code>&lt;text&gt;</code> | <u><i>reply_to(text)</i></u></td>
 <td>检索文本内 nbnhhsh 词条</td>
 </tr>

main.md

@@ -31,15 +31,21 @@
 
 ---
 
+<style>
+	.sticker {
+		width: 20rem;
+	}
+</style>
+
 
 这是 **[Morny Coeur] / [Morny Cono]** 的**使用手册**。
 
 **Monry** Cono 是一个使用 Morny **Coeur** 作为其核心的 **Telegram 机器人**。
 
-![a "Hello" sticker](https://stickers.sukazyo.cc/sticker/CAACAgEAAxkBAAMnYYYWKNXO4ibo9dlsmDctHhhV6fIAAqooAAJ4_MYFJJhrHS74xUAiBA.png)  
+![a "Hello" sticker](https://stickers.sukazyo.cc/sticker/CAACAgEAAxkBAAMnYYYWKNXO4ibo9dlsmDctHhhV6fIAAqooAAJ4_MYFJJhrHS74xUAiBA.png){.sticker}  
 <small markdown=1>
 **欢迎使用 [Morny Cono]！**  
-这也是一个 telegram 贴纸——是当你[第一次使用 bot](./command/on#alias-start) 时 bot 会和你打招呼使用的贴纸。
+这也是一个 telegram 贴纸——是当你[第一次使用 bot](./command/hello#当第一次使用-morny-cono) 时 bot 会和你打招呼使用的贴纸。
 </small>
 
 这里是作为 **[Morny Cono] / [Morny Coeur]** 的 **wiki** 一样的存在，你可以从左侧的**页面导航**中找到一个描述你想要的**功能**的**页面**，点进去，即可查看使用这个功能的**指引**！