diff --git a/src/.vitepress/sidebars/sqlite.yaml b/src/.vitepress/sidebars/sqlite.yaml
index 4add51c..0c5687c 100644
--- a/src/.vitepress/sidebars/sqlite.yaml
+++ b/src/.vitepress/sidebars/sqlite.yaml
@@ -4,4 +4,41 @@
       - text: 什么是 SQLite
         link: /database/sqlite/introduction/what-is-sqlite
       - text: 安装 SQLite
-        link: /database/sqlite/introduction/install-sqlite
\ No newline at end of file
+        link: /database/sqlite/introduction/install-sqlite
+  - text: 核心概念
+    items:
+      - text: 数据类型
+        link: /database/sqlite/core-concepts/data-types
+        items:
+          - text: 存储类
+            link: /database/sqlite/core-concepts/data-types#存储类
+          - text: Boolean 数据类型
+            link: /database/sqlite/core-concepts/data-types#boolean-数据类型
+          - text: 日期和时间数据类型
+            link: /database/sqlite/core-concepts/data-types#日期和时间数据类型
+      - text: 数据库操作
+        link: /database/sqlite/core-concepts/database-operations
+        items:
+          - text: 创建数据库
+            link: /database/sqlite/core-concepts/database-operations#创建数据库
+          - text: 检查数据库
+            link: /database/sqlite/core-concepts/database-operations#检查数据库
+      - text: 数据表操作
+        link: /database/sqlite/core-concepts/table-operations
+        items:
+          - text: 创建表
+            link: /database/sqlite/core-concepts/table-operations#创建表
+          - text: 查看表
+            link: /database/sqlite/core-concepts/table-operations#查看表
+          - text: 修改表
+            link: /database/sqlite/core-concepts/table-operations#修改表
+            items: 
+              - text: 添加列
+                link: /database/sqlite/core-concepts/table-operations#添加列
+              - text: 重命名列
+                link: /database/sqlite/core-concepts/table-operations#重命名列
+              - text: 删除列
+                link: /database/sqlite/core-concepts/table-operations#删除列
+          - text: 删除表
+            link: /database/sqlite/core-concepts/table-operations#删除表
+          
\ No newline at end of file
diff --git a/src/MarkMap.vue b/src/MarkMap.vue
index 8ee8b02..c78e786 100644
--- a/src/MarkMap.vue
+++ b/src/MarkMap.vue
@@ -1,123 +1,137 @@
 <template>
-    <div id="container">
-        <svg id="markmap" style="width: 100%; height: 90vh"></svg>
-    </div>
+  <div id="container">
+    <svg id="markmap" style="width: 100%; height: 90vh"></svg>
+  </div>
 </template>
 
 <script setup lang="ts">
-import { onMounted } from 'vue';
-import { Transformer } from 'markmap-lib';
-import { Markmap, loadCSS, loadJS } from 'markmap-view';
-import { Toolbar } from 'markmap-toolbar';
+import { onMounted } from "vue";
+import { Transformer } from "markmap-lib";
+import { Markmap, loadCSS, loadJS } from "markmap-view";
+import { Toolbar } from "markmap-toolbar";
 
 let markmapInstance: Markmap | null = null;
 
 const props = defineProps({
-    markdown: String
-})
-
+  markdown: String,
+});
 
 onMounted(() => {
-    const markmapFormat = convertMarkdown(props.markdown);
-    localStorage.setItem('markmap-state-raw', JSON.stringify(markmapFormat));
-    createOrUpdateMarkmap(markmapFormat);
-    addToolbar(markmapInstance);
+  const markmapFormat = convertMarkdown(props.markdown);
+  localStorage.setItem("markmap-state-raw", JSON.stringify(markmapFormat));
+  createOrUpdateMarkmap(markmapFormat);
+  addToolbar(markmapInstance);
 });
 
 const createOrUpdateMarkmap = (markmapFormat) => {
-    if (markmapInstance) {
-        markmapInstance.destroy();
-    }
-
-    markmapInstance = Markmap.create('#markmap', undefined, markmapFormat);
-
-    // 滚动到当前节点
-    document.querySelectorAll(".markmap-node").forEach((node) => {
-        node.addEventListener('click', (event) => {
-            setTimeout(() => {
-                const activeNode = document.querySelector('.is-active');
-                if (activeNode) {
-                    activeNode.scrollIntoView({ behavior: 'auto', block: 'center' });
-                }
-            }, 600)
-        });
+  if (markmapInstance) {
+    markmapInstance.destroy();
+  }
+
+  markmapInstance = Markmap.create("#markmap", undefined, markmapFormat);
+
+  // 滚动到当前节点
+  document.querySelectorAll(".markmap-node").forEach((node) => {
+    node.addEventListener("click", (event) => {
+      setTimeout(() => {
+        const activeNode = document.querySelector(".is-active");
+        if (activeNode) {
+          activeNode.scrollIntoView({ behavior: "auto", block: "center" });
+        }
+      }, 600);
     });
-}
+  });
+};
 
 const convertMarkdown = (markdown) => {
-    const transformer = new Transformer();
-    const { root, features } = transformer.transform(markdown);
+  const transformer = new Transformer();
+  const { root, features } = transformer.transform(markdown);
 
-    const assets = transformer.getAssets();
+  const assets = transformer.getAssets();
 
-    if (assets.styles) loadCSS(assets.styles);
-    if (assets.scripts) loadJS(assets.scripts, { getMarkmap: () => (window as any).markmap });
+  if (assets.styles) loadCSS(assets.styles);
+  if (assets.scripts) loadJS(assets.scripts, { getMarkmap: () => (window as any).markmap });
 
-    return root;
-}
+  return root;
+};
 
 const addToolbar = (markmap) => {
-    Toolbar.defaultItems = [{
-        content: createElementImg('Docker'),
-        title: 'Docker',
-        onClick: () => {
-            const markmapRaw = localStorage.getItem('markmap-state-raw') as string;
-            createOrUpdateMarkmap(JSON.parse(markmapRaw).children[3].children[0]);
-        }
-    }, {
-        content: createElementImg('React'),
-        title: 'React',
-        onClick: () => {
-            const markmapRaw = localStorage.getItem('markmap-state-raw') as string;
-            createOrUpdateMarkmap(JSON.parse(markmapRaw).children[1].children[1]);
-        }
-    }, {
-        content: createElementImg('NodeJS'),
-        title: 'NodeJS',
-        onClick: () => {
-            const markmapRaw = localStorage.getItem('markmap-state-raw') as string;
-            createOrUpdateMarkmap(JSON.parse(markmapRaw).children[2].children[0]);
-        }
-    }, {
-        content: createElementImg('JavaScript'),
-        title: 'JavaScript',
-        onClick: () => {
-            const markmapRaw = localStorage.getItem('markmap-state-raw') as string;
-            createOrUpdateMarkmap(JSON.parse(markmapRaw).children[0]);
-        }
-    }, {
-        content: createElementImg('Vue'),
-        title: 'Vue',
-        onClick: () => {
-            const markmapRaw = localStorage.getItem('markmap-state-raw') as string;
-            createOrUpdateMarkmap(JSON.parse(markmapRaw).children[1].children[0]);
-        }
-    }, {
-        content: createElementImg('All'),
-        title: 'All',
-        onClick: () => {
-            const markmapRaw = localStorage.getItem('markmap-state-raw') as string;
-            createOrUpdateMarkmap(JSON.parse(markmapRaw));
-        }
-    }];
+  Toolbar.defaultItems = [
+    {
+      content: createElementImg("SQLite"),
+      title: "SQLite",
+      onClick: () => {
+        const markmapRaw = localStorage.getItem("markmap-state-raw") as string;
+        createOrUpdateMarkmap(JSON.parse(markmapRaw).children[3].children[0]);
+      },
+    },
+    {
+      content: createElementImg("Docker"),
+      title: "Docker",
+      onClick: () => {
+        const markmapRaw = localStorage.getItem("markmap-state-raw") as string;
+        createOrUpdateMarkmap(JSON.parse(markmapRaw).children[4].children[0]);
+      },
+    },
+    {
+      content: createElementImg("React"),
+      title: "React",
+      onClick: () => {
+        const markmapRaw = localStorage.getItem("markmap-state-raw") as string;
+        createOrUpdateMarkmap(JSON.parse(markmapRaw).children[1].children[1]);
+      },
+    },
+    {
+      content: createElementImg("NodeJS"),
+      title: "NodeJS",
+      onClick: () => {
+        const markmapRaw = localStorage.getItem("markmap-state-raw") as string;
+        createOrUpdateMarkmap(JSON.parse(markmapRaw).children[2].children[0]);
+      },
+    },
+    {
+      content: createElementImg("JavaScript"),
+      title: "JavaScript",
+      onClick: () => {
+        const markmapRaw = localStorage.getItem("markmap-state-raw") as string;
+        createOrUpdateMarkmap(JSON.parse(markmapRaw).children[0]);
+      },
+    },
+    {
+      content: createElementImg("Vue"),
+      title: "Vue",
+      onClick: () => {
+        const markmapRaw = localStorage.getItem("markmap-state-raw") as string;
+        createOrUpdateMarkmap(JSON.parse(markmapRaw).children[1].children[0]);
+      },
+    },
+    {
+      content: createElementImg("All"),
+      title: "All",
+      onClick: () => {
+        const markmapRaw = localStorage.getItem("markmap-state-raw") as string;
+        createOrUpdateMarkmap(JSON.parse(markmapRaw));
+      },
+    },
+  ];
 
-    const toolbar = Toolbar.create(markmap);
-    toolbar.setBrand(false)
+  const toolbar = Toolbar.create(markmap);
+  toolbar.setBrand(false);
 
-    toolbar.el.style.position = 'absolute';
-    toolbar.el.style.bottom = '0.5rem';
-    toolbar.el.style.right = '0.5rem';
-    document.getElementById('container')?.appendChild(toolbar.el);
-}
+  toolbar.el.style.position = "absolute";
+  toolbar.el.style.bottom = "0.5rem";
+  toolbar.el.style.right = "0.5rem";
+  document.getElementById("container")?.appendChild(toolbar.el);
+};
 
 const createElementImg = (filename) => {
-    const img = document.createElement('img');
-    img.src = `/images/svg/${filename}.svg`;
-    img.style.width = '1.5rem';
-    img.style.height = '1.5rem';
-    img.style.cursor = 'pointer';
-    return img;
-}
+  const img = document.createElement("img");
+  img.src = `/images/svg/${filename}.svg`;
+  img.style.width = "1.5rem";
+  img.style.height = "1.5rem";
+  img.style.cursor = "pointer";
+  return img;
+};
 </script>
 
 <!-- <script>
@@ -216,4 +230,4 @@ export default {
         }
     }
 };
-</script> -->
\ No newline at end of file
+</script> -->
diff --git a/src/database/sqlite/core-concepts/data-types.md b/src/database/sqlite/core-concepts/data-types.md
new file mode 100644
index 0000000..73e857f
--- /dev/null
+++ b/src/database/sqlite/core-concepts/data-types.md
@@ -0,0 +1,27 @@
+# 数据类型
+
+## 存储类
+
+每个存储在 SQLite 数据库中的值都具有以下存储类之一：
+
+| 存储类  | 描述               |
+| ------- | ------------------ |
+| NULL    | 值是一个 NULL 值   |
+| INTEGER | 值是一个有符号整数 |
+| REAL    | 值是一个浮点数     |
+| TEXT    | 值是一个文本字符串 |
+| BLOB    | 值是一个 blob 数据 |
+
+## Boolean 数据类型
+
+SQLite 没有单独的 Boolean 存储类，布尔值被存储为整数 0（false）和 1（true）。
+
+## 日期和时间数据类型
+
+SQLite 没有单独的用于存储日期或时间的存储类，日期和时间被存储为 TEXT、REAL 或 INTEGER。
+
+| 存储类  | 日期格式                                           |
+| ------- | -------------------------------------------------- |
+| TEXT    | "YYYY-MM-DD HH:MM:SS.SSS"                          |
+| REAL    | 从公元前 4714 年 11 月 24 日格林尼治时间开始的天数 |
+| INTEGER | 从 1970-01-01 00:00:00 UTC 开始的秒数              |
diff --git a/src/database/sqlite/core-concepts/database-operations.md b/src/database/sqlite/core-concepts/database-operations.md
new file mode 100644
index 0000000..d5a8713
--- /dev/null
+++ b/src/database/sqlite/core-concepts/database-operations.md
@@ -0,0 +1,22 @@
+# 数据库操作
+
+在命令行中输入`sqlite3`命令，进入 sqlite3 的命令行模式。
+
+在命令行中输入`.quit`命令，退出 sqlite3 的命令行模式。
+
+## 创建数据库
+
+使用 `.open` 命令创建一个数据库文件，如果文件不存在则会创建一个新的数据库文件，如果文件已经存在则会打开该数据库文件。
+
+```bash
+sqlite> .open test.db
+```
+
+## 检查数据库
+
+使用 `.databases` 命令查看当前打开的数据库文件。
+
+```bash
+sqlite> .databases
+main: C:\sqlite\test.db r/w
+```
diff --git a/src/database/sqlite/core-concepts/table-operations.md b/src/database/sqlite/core-concepts/table-operations.md
new file mode 100644
index 0000000..70c258b
--- /dev/null
+++ b/src/database/sqlite/core-concepts/table-operations.md
@@ -0,0 +1,104 @@
+# 数据表操作
+
+## 创建表
+
+::: code-group
+
+```sql [语法]
+create table database_name.table_name (
+    column1 datatype primary key(one or more columns),
+    column2 datatype,
+    ...
+    columnN datatype
+)
+```
+
+```sql [实例]
+create table company (
+    id integer primary key not null,
+    username text not null,
+    age integer not null,
+    salary real
+)
+```
+
+:::
+
+## 查看表
+
+使用`.tables`命令查看数据库中的所有表。
+
+```bash
+sqlite> .tables
+company  users
+```
+
+使用`.schema`命令查看表的结构。
+
+```bash
+sqlite> .schema company
+CREATE TABLE company (
+    id integer primary key not null,
+    username text not null,
+    age integer not null,
+    salary real
+);
+```
+
+## 修改表
+
+### 添加列
+
+::: code-group
+
+```sql [语法]
+alter table database_name.table_name add column_name datatype;
+```
+
+```sql [实例]
+alter table company add email text
+```
+
+:::
+
+### 重命名列
+
+::: code-group
+
+```sql [语法]
+alter table database_name.table_name rename column_name to new_column_name;
+```
+
+```sql [实例]
+alter table company rename username to name;
+```
+
+:::
+
+### 删除列
+
+::: code-group
+
+```sql [语法]
+alter table database_name.table_name drop column column_name;
+```
+
+```sql [实例]
+alter table company drop column email;
+```
+
+:::
+
+## 删除表
+
+::: code-group
+
+```sql [语法]
+drop table database_name.table_name
+```
+
+```sql [实例]
+drop table company;
+```
+
+:::
diff --git a/src/database/sqlite/introduction/install-sqlite.md b/src/database/sqlite/introduction/install-sqlite.md
index b02db94..6c29d9d 100644
--- a/src/database/sqlite/introduction/install-sqlite.md
+++ b/src/database/sqlite/introduction/install-sqlite.md
@@ -17,7 +17,3 @@ Enter ".help" for usage hints.
 Connected to a transient in-memory database.
 Use ".open FILENAME" to reopen on a persistent database.
 ```
-
-继续输入命令 `.open test.db` 可以创建一个数据库文件。
-
-输入 `.quit` 退出 SQLite 命令行。
diff --git a/src/public/images/svg/SQLite.svg b/src/public/images/svg/SQLite.svg
new file mode 100644
index 0000000..ae7dfdc
--- /dev/null
+++ b/src/public/images/svg/SQLite.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1729914049070" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="13253" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M774.99192 45.44H132.43192A78.4 78.4 0 0 0 54.19192 123.68V832a78.4 78.4 0 0 0 78.24 78.24h423.2c-4.8-210.56 67.2-619.2 219.36-865.12z" fill="#0498C9" p-id="13254"></path><path d="M924.91192 22.24c-44-39.2-97.28-23.52-149.92 23.2C622.83192 291.36 550.19192 700 555.63192 910.56A417.92 417.92 0 0 0 577.07192 1024l6.56-3.68A505.28 505.28 0 0 1 566.19192 851.2a1289.76 1289.76 0 0 1 70.88-354.4C710.19192 302.72 812.43192 146.88 905.87192 72.48c-85.12 76.96-200.32 325.6-234.72 417.6a1676 1676 0 0 0-82.4 292.64c28.48-86.88 120.32-124.32 120.32-124.32s45.12-55.52 97.76-135.04a936.16 936.16 0 0 0-100.64 26.88c-25.6 10.72-32 14.4-32 14.4a876.32 876.32 0 0 1 154.24-73.44c97.28-154.08 203.84-373.12 96.48-468.96z" fill="#004963" p-id="13255"></path></svg>
\ No newline at end of file
diff --git a/src/reference.md b/src/reference.md
index 63380a1..bb61ff4 100644
--- a/src/reference.md
+++ b/src/reference.md
@@ -8,3 +8,4 @@
 - [MDN Web Docs](https://developer.mozilla.org/en-US/)
 - [Vue.js](https://cn.vuejs.org/)
 - [Vuex](https://vuex.vuejs.org/zh/)
+- [SQLite 教程](https://www.runoob.com/sqlite/sqlite-tutorial.html)