From c821a39f0c9000f158b19d62815d81af458b6b03 Mon Sep 17 00:00:00 2001
From: pengzhanbo <volodymyr@foxmail.com>
Date: Tue, 6 Feb 2024 00:09:03 +0800
Subject: [PATCH] docs: add logo

---
 docs/1.前端/9.框架/一些好玩的库或者框架汇总.md | 12 ++++++------
 docs/plume.svg                                 |  8 ++++++++
 readme.md                                      |  4 ++++
 3 files changed, 18 insertions(+), 6 deletions(-)
 create mode 100644 docs/plume.svg

diff --git a/docs/1.前端/9.框架/一些好玩的库或者框架汇总.md b/docs/1.前端/9.框架/一些好玩的库或者框架汇总.md
index 6e5f3e3c..ab54e1f0 100644
--- a/docs/1.前端/9.框架/一些好玩的库或者框架汇总.md
+++ b/docs/1.前端/9.框架/一些好玩的库或者框架汇总.md
@@ -150,16 +150,16 @@ Svelte 是一种全新的构建用户界面的方法。传统框架如 React 和
 
 与使用虚拟（virtual）DOM 差异对比不同。Svelte 编写的代码在应用程序的状态更改时就能像做外科手术一样更新 DOM。
 
-```html
+```svelte
 <script>
-	let count = 0;
+  let count = 0;
 
-	function handleClick() {
-		count += 1;
-	}
+  function handleClick() {
+    count += 1;
+  }
 </script>
 
 <button on:click={handleClick}>
-	Clicked {count} {count === 1 ? 'time' : 'times'}
+  Clicked {count} {count === 1 ? 'time' : 'times'}
 </button>
 ```
diff --git a/docs/plume.svg b/docs/plume.svg
new file mode 100644
index 00000000..62ee70c6
--- /dev/null
+++ b/docs/plume.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72">
+	<path fill="#5086a1" d="M42.334 49.147a29.945 29.945 0 0 1-19.338-8.151c-8.014-7.365-8.378-18.076-8.533-22.649l-.022-.627a2.904 2.904 0 0 1 3.457-2.951c17.005 3.355 21.695 16.324 22.056 17.4a49.543 49.543 0 0 1 3.574 15.922a1 1 0 0 1-.967 1.052c-.029.001-.106.004-.227.004" />
+	<path fill="#8cccd5" d="M44.436 55.316c-11.646 0-17.376-6.974-17.653-7.354a1 1 0 0 1 .262-1.424a11.103 11.103 0 0 1 12.774-1.574c-1.465-9.078 1.877-13.568 2.031-13.77a.998.998 0 0 1 .75-.39a.97.97 0 0 1 .78.325c8.944 9.771 8.793 16.532 7.908 19.691c-.034.14-1.062 4.092-4.772 4.406c-.711.062-1.405.09-2.08.09" />
+	<g fill="none" stroke="#333" stroke-linecap="round" stroke-linejoin="round" stroke-width="1">
+		<path d="M55.184 57.69S34.96 45.877 23.097 24.206m22.131 30.096c-11.93.46-17.628-6.88-17.628-6.88" />
+		<path d="M40.528 42.483c-.56-7.195 2.116-10.679 2.116-10.679c8.834 9.654 8.406 16.162 7.681 18.747m-13.311-3.129a30.15 30.15 0 0 1-13.341-7.162c-8.072-7.419-8.067-18.241-8.232-22.577a1.903 1.903 0 0 1 2.264-1.932C34.694 19.103 39.02 32.528 39.02 32.528" />
+	</g>
+</svg>
diff --git a/readme.md b/readme.md
index 03e6825c..155c9756 100644
--- a/readme.md
+++ b/readme.md
@@ -1,5 +1,9 @@
 ## vuepress-theme-plume
 
+<p align="center">
+<img src="/docs/plume.svg" width="200px" />
+</p>
+
 一个简约的，干净的，容易上手的 vuepress 主题，适用于博客和文档。
 
 开箱即用，仅需少量配置即可使用，让您更专注于 内容的创作，更好的表达你的想法，形成你的知识笔记。