📝 更新文档内容，统一高亮提示颜色

- 在多个文档中将高亮提示的颜色统一为简写形式，提升了视觉一致性。
- 增加了Markdown文档中JavaScript示例的选项卡，增强了内容的实用性。
- 更新了Python文档，增加了相关库推荐，提升了用户对库的理解和使用指导。

Author: jiangyangcreate

docs/docs/后端通识/数据库.md

@@ -12,7 +12,7 @@ title: 数据库
 SQL（结构化查询语言）是操作关系型数据库的标准语言。不同数据库的SQL语法90%相同，学会一种即可触类旁通。
 
 **推荐学习资源**：
-- <Highlight color="#009400">[SQLBolt](https://sqlbolt.com/) - 交互式SQL教程（1-2小时快速入门）</Highlight>
+- <Highlight color="g">[SQLBolt](https://sqlbolt.com/) - 交互式SQL教程（1-2小时快速入门）</Highlight>
 - [W3Schools SQL](https://www.w3schools.com/sql/) - 中文入门教程
 - [LeetCode数据库题](https://leetcode.com/problemset/database/) - 实战练习
 
@@ -38,7 +38,7 @@ SELECT * FROM table1 JOIN table2 ON table1.id = table2.id;
 
 ### 关系型数据库 - PostgreSQL
 
-<Highlight color="#009400">**推荐用于：结构化数据存储、复杂查询、向量检索（pgvector）**</Highlight>
+<Highlight color="g">**推荐用于：结构化数据存储、复杂查询、向量检索（pgvector）**</Highlight>
 
 **核心特点**：
 - 支持JSON、数组等丰富数据类型
@@ -72,7 +72,7 @@ LIMIT 5;
 
 ### 文档数据库 - MongoDB
 
-<Highlight color="#009400">**推荐用于：非结构化数据、日志存储、快速原型开发**</Highlight>
+<Highlight color="g">**推荐用于：非结构化数据、日志存储、快速原型开发**</Highlight>
 
 **核心特点**：
 - 存储JSON格式文档，灵活的schema
@@ -106,7 +106,7 @@ db.conversations.insert_one({
 
 ### 内存数据库 - Redis
 
-<Highlight color="#009400">**推荐用于：缓存、会话管理、实时排行榜**</Highlight>
+<Highlight color="g">**推荐用于：缓存、会话管理、实时排行榜**</Highlight>
 
 **核心特点**：
 - 微秒级响应速度（内存存储）
@@ -142,7 +142,7 @@ cached = r.get('cache:key123')
 
 ## 向量数据库
 
-<Highlight color="#009400">**推荐用于：Embedding存储、语义搜索、相似度检索**</Highlight>
+<Highlight color="g">**推荐用于：Embedding存储、语义搜索、相似度检索**</Highlight>
 
 向量数据库是专门用于处理高维向量数据的数据库系统。
 
@@ -279,7 +279,7 @@ for content, distance in results:
 
 根据项目需求，建议掌握：
 
-1. <Highlight color="#009400">**优先掌握**：PostgreSQL（含pgvector）+ Redis</Highlight>
+1. <Highlight color="g">**优先掌握**：PostgreSQL（含pgvector）+ Redis</Highlight>
 2. **推荐了解**：MongoDB、向量数据库（Pinecone/Chroma）
 3. **了解即可**：MySQL、SQLite
 
@@ -294,7 +294,7 @@ for content, distance in results:
 
 ### 推荐资源
 
-- <Highlight color="#009400">[SQLBolt](https://sqlbolt.com/) - SQL快速入门</Highlight>
+- <Highlight color="g">[SQLBolt](https://sqlbolt.com/) - SQL快速入门</Highlight>
 - [PostgreSQL官方文档](https://www.postgresql.org/docs/)
 - [pgvector GitHub](https://github.com/pgvector/pgvector)
 - [Redis官方文档](https://redis.io/docs/)

docs/docs/编程外的基础/Markdown.mdx

@@ -81,6 +81,12 @@ int main(){
     printf("Hello, World!");
     return 0;
 }
+```
+  </TabItem>
+  <TabItem value="javascript" label="javascript">
+使用JavaScript打印Hello, World!
+```javascript showLineNumbers title="test.js"
+console.log("Hello, World!");
 ```
   </TabItem>
   <TabItem value="html" label="html">
@@ -95,7 +101,7 @@ int main(){
 
 不同颜色的高亮提示：
 
-这是行内<Highlight color="#e13238">危险提醒</Highlight>、<Highlight>警示提醒</Highlight>、<Highlight color="#009400">建议提醒</Highlight>、<Highlight color="#4cb3d4">信息提醒</Highlight>。
+这是行内<Highlight color="r">危险提醒</Highlight>、<Highlight>警示提醒</Highlight>、<Highlight color="g">建议提醒</Highlight>、<Highlight color="b">信息提醒</Highlight>。
 
 :::danger
 用于危险操作的警告。例如 `rm -rf /` 会删除所有文件。

docs/docs/选择编程语言/C/1变量.mdx

@@ -122,7 +122,7 @@ int main(){
 
 枚举的类型的主要作用是提高代码的可读性。枚举在本质上更接近`#define`定义的整型常量，不支持浮点数和数组，多用作常量集合。了解基本使用即可。
 
-<Highlight color="#009400">枚举类型是基本数据类型(非构造类型)，表示有限集合的特殊类型</Highlight>。
+<Highlight color="g">枚举类型是基本数据类型(非构造类型)，表示有限集合的特殊类型</Highlight>。
 
 枚举类型的定义格式:
 

docs/docs/选择编程语言/Python/1变量.mdx

@@ -373,7 +373,7 @@ print(hash(a))
 
 ## 相关库推荐
 
-- <Highlight color="#009400">typing: 对类型提示的支持</Highlight>
-- <Highlight color="#009400">pydantic: **第三方**数据验证模块</Highlight>
+- <Highlight color="g">typing: 对类型提示的支持</Highlight>
+- <Highlight color="g">pydantic: **第三方**数据验证模块</Highlight>
 - pydoc: 文档生成器和在线帮助系统
 - doctest: 测试交互式Python示例

docs/docs/选择编程语言/Python/1数字.mdx

@@ -626,9 +626,9 @@ print((2**3) % 5) # 3
 
 ## 相关库推荐
 
-- <Highlight color="#009400">random: 生成伪随机数</Highlight>
-- <Highlight color="#009400">math: 数学函数</Highlight>
-- <Highlight color="#009400">decimal: 十进制定点和浮点算术</Highlight>
+- <Highlight color="g">random: 生成伪随机数</Highlight>
+- <Highlight color="g">math: 数学函数</Highlight>
+- <Highlight color="g">decimal: 十进制定点和浮点算术</Highlight>
 - numbers: 数值抽象基类
 - cmath: 复数数学函数
 - fractions: 有理数

docs/docs/选择编程语言/Python/2字符串.mdx

@@ -798,7 +798,7 @@ print(format(123.456, '.2e')) # 1.23e+02
 
 ## 相关库推荐
 
-- <Highlight color="#009400">io.StringIO：把内存中的一个字符串，当成一个文件来处理。</Highlight>
+- <Highlight color="g">io.StringIO：把内存中的一个字符串，当成一个文件来处理。</Highlight>
 
 :::info
 假设你有一个函数，它要求传入一个文件对象作为参数，但你并不想真的在磁盘上创建一个文件。这时，你可以用 io.StringIO 创建一个内存中的“假文件”。

docs/docs/选择编程语言/Python/Python模块库/sqlite.mdx

@@ -905,9 +905,9 @@ if __name__ == '__main__':
 
 ## 相关资源推荐
 
-- <Highlight color="#009400">[SQLite 官方文档](https://www.sqlite.org/docs.html) - 权威参考</Highlight>
-- <Highlight color="#009400">[Python sqlite3 文档](https://docs.python.org/zh-cn/3/library/sqlite3.html) - Python 标准库文档</Highlight>
-- <Highlight color="#009400">[DB Browser for SQLite](https://sqlitebrowser.org/) - 可视化数据库管理工具</Highlight>
+- <Highlight color="g">[SQLite 官方文档](https://www.sqlite.org/docs.html) - 权威参考</Highlight>
+- <Highlight color="g">[Python sqlite3 文档](https://docs.python.org/zh-cn/3/library/sqlite3.html) - Python 标准库文档</Highlight>
+- <Highlight color="g">[DB Browser for SQLite](https://sqlitebrowser.org/) - 可视化数据库管理工具</Highlight>
 - [SQLite Tutorial](https://www.sqlitetutorial.net/) - 全面的 SQLite 教程
 - [w3schools SQL](https://www.w3schools.com/sql/) - SQL 语法学习
 - 相关 Python 库：

src/components/Highlight.js

@@ -1,10 +1,23 @@
 import React from 'react';
 
-    export default function Highlight({children, color = "var(--highlight-color)"}) {
-    return (
+export default function Highlight({children, color = "var(--highlight-color)"}) {
+  // 颜色预设映射
+  const colorPresets = {
+    'r': '#ea6c70',
+    'red': '#ea6c70',
+    'g': '#48b248',
+    'green': '#48b248',
+    'b': '#7fc9e0',
+    'blue': '#7fc9e0',
+  };
+
+  // 如果是预设的简写字母，使用预设颜色，否则使用传入的颜色值
+  const backgroundColor = colorPresets[color] || color;
+
+  return (
     <span
       style={{
-        backgroundColor: color,
+        backgroundColor: backgroundColor,
         borderRadius: '2px',
         color: '#000',
         padding: '0.2rem',