diff --git a/README.md b/README.md
index 76b7d983..f791d98c 100644
--- a/README.md
+++ b/README.md
@@ -1,3 +1,7 @@
+<div align="center">
+  <img src=./docs/images/csdiy-blue.png width="300" height="300">
+</div>
+
 # CS 自学指南
 
 > *Everyone should enjoy CS if you have a good teacher to teach you a good course.*
@@ -40,6 +44,7 @@
 
 ## ✨ 鸣谢
 
+特别感谢 @[AlfredThiel](https://github.com/AlfredThiel) 为项目制作了精美的 Logo。
 <!--  support by https://contrib.rocks -->
 <a href="https://github.com/PKUFlyingPig/cs-self-learning/graphs/contributors">
   <img src="https://contrib.rocks/image?repo=PKUFlyingPig/cs-self-learning"/>
diff --git a/docs/images/csdiy-blue.png b/docs/images/csdiy-blue.png
new file mode 100644
index 00000000..6438bdac
Binary files /dev/null and b/docs/images/csdiy-blue.png differ
diff --git a/docs/images/favicon16x16.png b/docs/images/favicon16x16.png
new file mode 100644
index 00000000..ad631627
Binary files /dev/null and b/docs/images/favicon16x16.png differ
diff --git a/docs/index.md b/docs/index.md
index a451d244..583d2b09 100644
--- a/docs/index.md
+++ b/docs/index.md
@@ -1,5 +1,9 @@
 # 前言
 
+<figure markdown>
+  ![Image title](./images/csdiy-blue.png){ width="400" }
+</figure>
+
 **最近更新：增加陈天奇[机器学习编译](机器学习系统/MLC.md)，增加 CMU [机器学习系统](机器学习系统/MLSys.md) ～**
 <!-- **最近更新：增加[Caltech CS 122: Database System Implementation](./数据库系统/CS122.md) ，重新整理[好书推荐](./%E5%A5%BD%E4%B9%A6%E6%8E%A8%E8%8D%90.md)模块 ~** -->
 <!-- **最近更新：增加南京大学[操作系统课程](操作系统/NJUOS.md)，增加毕业论文[写作教程](必学工具/thesis.md) ～** -->
diff --git a/mkdocs.yml b/mkdocs.yml
index b082fdde..3c10e22f 100644
--- a/mkdocs.yml
+++ b/mkdocs.yml
@@ -12,10 +12,9 @@ copyright: Copyright &copy; 2021-present <a href="https://github.com/PKUFlyingPi
 theme:
   name: material
   language: zh
-
   static_templates:
     - 404.html
-
+  favicon: images/favicon16x16.png
   include_search_page: false
   search_index_only: true
 
@@ -59,6 +58,10 @@ theme:
 
   custom_dir: overrides
 
+markdown_extensions:
+  - attr_list
+  - md_in_html
+
 plugins:
   - search:
       lang: ja