feat:更新文档架构

This commit is contained in:
2026-05-20 11:26:38 +08:00
parent ad9a4d6806
commit 8c9b3adc57
46 changed files with 218 additions and 75 deletions

View File

@@ -30,11 +30,9 @@ export default withMermaid({
...routers ...routers
], ],
sidebar: { sidebar: {
'/Web-Front/': [routers[0]], '/Web/': [routers[0]],
'/Web-Backend/': [routers[1]], '/DevOps/': [routers[1]],
'/DevOps/': [routers[2]], '/Others/': [routers[2]]
'/Flutter/': [routers[3]],
'/Others/': [routers[4]]
}, },
socialLinks: [ socialLinks: [

View File

@@ -1,70 +1,70 @@
export const routers = [ export const routers = [
{ {
text: '🌐 Web前端', text: '🌐 Web平台',
items: [ items: [
{ {
text: '🌿 Vue', text: '🌿 Vue',
items: [ items: [
{ text: 'Vue3-Common', link: '/Web-Front/Vue/Vue3-Common' }, { text: 'Vue3-Common', link: '/Web/Vue/Vue3-Common' },
{ text: 'Vue3架构原理', link: '/Web-Front/Vue/Vue3-Architecture' } { text: 'Vue3架构原理', link: '/Web/Vue/Vue3-Architecture' }
] ]
}, },
{
text: '🔄 其他',
items: [
{ text: 'JavaScript知识点整理', link: '/Web-Front/Others/JavaScript-Guide' },
{ text: '前端包管理器', link: '/Web-Front/Others/Package' },
{ text: 'Vite核心原理', link: '/Web-Front/Others/Vite-Principle' },
{ text: '浏览器渲染全流程解析', link: '/Web-Front/Others/Browser-Process' },
{ text: 'Element Plus 上传器', link: '/Web-Front/Others/ElUpload' }
]
},
]
},
{
text: '🖥️ Web后端',
items: [
{ {
text: '🍃 SpringBoot', text: '🍃 SpringBoot',
items: [ items: [
{ text: 'Spring IOC简介', link: '/Web-Backend/SpringBoot/SpringIOC' }, { text: 'Spring IOC简介', link: '/Web/SpringBoot/SpringIOC' },
{ text: 'Spring AOP简介', link: '/Web-Backend/SpringBoot/SpringAOP' }, { text: 'Spring AOP简介', link: '/Web/SpringBoot/SpringAOP' },
{ text: 'SpringBoot启动流程', link: '/Web-Backend/SpringBoot/SpringBoot-Start-Process' }, { text: 'SpringBoot启动流程', link: '/Web/SpringBoot/SpringBoot-Start-Process' },
{ text: 'Spring MVC简介', link: '/Web-Backend/SpringBoot/SpringMVC' }, { text: 'Spring MVC简介', link: '/Web/SpringBoot/SpringMVC' },
{ text: 'SpringBoot Starter原理', link: '/Web-Backend/SpringBoot/SpringBootStarter' }, { text: 'SpringBoot Starter原理', link: '/Web/SpringBoot/SpringBootStarter' },
{ text: 'SpringBoot Bean简介', link: '/Web-Backend/SpringBoot/SpringBootBean' }, { text: 'SpringBoot Bean简介', link: '/Web/SpringBoot/SpringBootBean' },
{ text: 'SpringBoot注解', link: '/Web-Backend/SpringBoot/SpringBoot-Annotation' }, { text: 'SpringBoot注解', link: '/Web/SpringBoot/SpringBoot-Annotation' },
{ text: 'SpringBoot3原生镜像', link: '/Web-Backend/SpringBoot/SpringBoot3-GraalVM' }, { text: 'SpringBoot3原生镜像', link: '/Web/SpringBoot/SpringBoot3-GraalVM' },
{ text: 'SpringBoot技巧', link: '/Web-Backend/SpringBoot/SpringBoot-Skills' }, { text: 'SpringBoot技巧', link: '/Web/SpringBoot/SpringBoot-Skills' },
{ text: 'SpringBoot Common', link: '/Web-Backend/SpringBoot/SpringBoot-Common' }, { text: 'SpringBoot Common', link: '/Web/SpringBoot/SpringBoot-Common' },
{ text: 'SpringBoot RestClient简介', link: '/Web-Backend/SpringBoot/SpringBoot-RestClient' }, { text: 'SpringBoot RestClient简介', link: '/Web/SpringBoot/SpringBoot-RestClient' },
{ text: 'SpringBoot Redis简介和使用', link: '/Web-Backend/SpringBoot/SpringBoot-Redis' } { text: 'SpringBoot Redis简介和使用', link: '/Web/SpringBoot/SpringBoot-Redis' }
] ]
}, },
{ {
text: '🐍 FastAPI', text: '🐍 FastAPI',
items: [ items: [
{ text: 'FastAPI基础教程', link: '/Web-Backend/FastAPI/FastAPI-Guide' }, { text: 'FastAPI基础教程', link: '/Web/FastAPI/FastAPI-Guide' },
{ text: '基于OAuth2的安全验证', link: '/Web-Backend/FastAPI/OAuth2' }, { text: '基于OAuth2的安全验证', link: '/Web/FastAPI/OAuth2' },
{ text: 'FastAPI Docker部署', link: '/Web-Backend/FastAPI/FastAPI-Docker' } { text: 'FastAPI Docker部署', link: '/Web/FastAPI/FastAPI-Docker' }
] ]
}, },
{ {
text: '🐬 MySQL', text: '🐬 MySQL',
items: [ items: [
{ text: 'MyBatis简介和使用', link: '/Web-Backend/MySQL/MyBatis' }, { text: 'MyBatis简介和使用', link: '/Web/MySQL/MyBatis' },
{ text: 'Flyway简单使用', link: '/Web-Backend/MySQL/Flyway' }, { text: 'Flyway简单使用', link: '/Web/MySQL/Flyway' },
{ text: 'MySQL知识点', link: '/Web-Backend/MySQL/MySQL-Knowledge' }, { text: 'MySQL知识点', link: '/Web/MySQL/MySQL-Knowledge' },
{ text: 'SQL高阶用法', link: '/Web-Backend/MySQL/SQL-Advance' } { text: 'SQL高阶用法', link: '/Web/MySQL/SQL-Advance' }
]
},
{
text: '📱 Flutter',
items: [
{ text: 'Flutter简介与安装', link: '/Web/Flutter/FlutterInstall' },
{ text: 'Dart基础教程', link: '/Web/Flutter/DartGuide' },
{ text: 'Flutter基础教程', link: '/Web/Flutter/FlutterGuide' },
{ text: '实战技巧', link: '/Web/Flutter/Practice' }
] ]
}, },
{ {
text: '🔄 其他', text: '🔄 其他',
items: [ items: [
{ text: 'RustFS简介和使用', link: '/Web-Backend/Others/RustFS' }, { text: 'JavaScript知识点整理', link: '/Web/Others/JavaScript-Guide' },
{ text: 'AList简介和使用', link: '/Web-Backend/Others/AList' }, { text: '前端包管理器', link: '/Web/Others/Package' },
{ text: '网络编程简介', link: '/Web-Backend/Others/Netword-Program' }, { text: 'Vite核心原理', link: '/Web/Others/Vite-Principle' },
{ text: '视频压缩', link: '/Web-Backend/Others/VideoCompressor' } { text: '浏览器渲染全流程解析', link: '/Web/Others/Browser-Process' },
{ text: 'Element Plus 上传器', link: '/Web/Others/ElUpload' },
{ text: 'RustFS简介和使用', link: '/Web/Others/RustFS' },
{ text: 'AList简介和使用', link: '/Web/Others/AList' },
{ text: 'InfluxDB简介和使用', link: '/Web/Others/InfluxDB' },
{ text: '网络编程简介', link: '/Web/Others/Netword-Program' },
{ text: '视频压缩', link: '/Web/Others/VideoCompressor' }
] ]
}, },
] ]
@@ -75,16 +75,8 @@ export const routers = [
{ text: 'OpenObserve部署和使用', link: '/DevOps/OpenObserve' }, { text: 'OpenObserve部署和使用', link: '/DevOps/OpenObserve' },
{ text: 'Jenkins部署和使用', link: '/DevOps/Jenkins' }, { text: 'Jenkins部署和使用', link: '/DevOps/Jenkins' },
{ text: 'ElasticSearch部署和使用', link: '/DevOps/ElasticSearch' }, { text: 'ElasticSearch部署和使用', link: '/DevOps/ElasticSearch' },
{ text: 'Docker简介和安装', link: '/DevOps/Docker' } { text: 'Docker简介和安装', link: '/DevOps/Docker' },
] { text: 'Linux命令', link: '/DevOps/LinuxCommand' }
},
{
text: '📱 Flutter',
items: [
{ text: 'Flutter简介与安装', link: '/Flutter/FlutterInstall' },
{ text: 'Dart基础教程', link: '/Flutter/DartGuide' },
{ text: 'Flutter基础教程', link: '/Flutter/FlutterGuide' },
{ text: '实战技巧', link: '/Flutter/Practice' }
] ]
}, },
{ {

View File

@@ -0,0 +1,85 @@
---
title: Linux命令
date: 2026-05-09
---
# 一、系统信息查看
| 命令 | 说明 | 示例 | 参数/注释 |
| :---: | :---: | :---: | :---: |
| uname | 查看系统内核信息 | uname | -a:所有信息 |
| lsb_release -a | 查看发行版信息 | - | - |
| df | 查看磁盘空间使用 | df -h | -h:显示可读的文件大小 |
| du | 计算文件/目录大小 | du -sh * | - |
| free | 查看内存使用 | free -h | - |
| uptime | 查看系统运行时间 | uptime | - |
::: tip
查看指定目录下每个文件/文件夹的大小,并按大小排序:
```bash
du -sh /root/* | sort -hr
```
:::
# 二、文件和目录操作
| 命令 | 说明 | 示例 | 参数/注释 |
| :---: | :---: | :---: | :---: |
| ls | 列出目录内容 | ls /home -lah | -a:显示隐藏文件 <br> -l:显示详细信息 <br> -h:显示可读的文件大小 |
| pwd | 显示当前路径 | - | - |
| cp | 复制文件或目录 | cp -r src/ dst/ | -r:文件夹 |
| mv | 移动或重命名 | mv file.txt new.txt | 建议写完整路径 |
| find | 查找文件 | find . -name "*.txt" <br> find . -type f -size +10M | - |
# 三、文件内容查看
| 命令 | 说明 | 示例 | 参数/注释 |
| :---: | :---: | :---: | :---: |
| cat | 查看整个文件 | cat /etc/os-release | - |
| less | 分页浏览(支持上下翻) | less /var/log/syslog | q:退出 <br> ↑↓:上下一行 <br> b/空格:上下一屏|
| more | 分页浏览(仅向下) | more /var/log/syslog | q:退出 <br> 空格:下一屏|
| head | 查看文件开头 N 行 | head /var/log/syslog | -n 20:前20行 |
| tail | 查看文件末尾 N 行 | tail /var/log/syslog | -n 20:后20行 <br> -f:实时显示|
# 四、进程管理
| 命令 | 说明 | 示例 | 参数/注释 |
| :---: | :---: | :---: | :---: |
| ps | 查看当前进程快照 | ps aux | - |
| top | 实时进程监控 | top | 实时刷新按q退出 <br> P(大写):CPU排序 <br> M:内存排序 |
| kill | 终止进程 | kill PID | -9:强制关闭 |
| pkill | 按名称终止进程 | pkill PID | -9:强制关闭 |
| nohup | 后台运行且忽略挂断 | nohup python app.py & | - |
::: tip
1. 查看某个程序进程:
```bash
ps aux | grep nginx
```
2. 查看指定 PID 的进程:
```bash
ps -fp PID号
```
3. 按 CPU 排序
```bash
ps aux --sort=-%cpu | head -20
```
4. 按内存排序
```bash
ps aux --sort=-%mem | head -20
```
5. nohup输出日志
```bash
nohup command > app.log 2>&1 &
```
6. nohup不输出日志
```bash
nohup command > /dev/null 2>&1 &
```
:::
# 五、网络管理
| 命令 | 说明 | 示例 | 参数/注释 |
| :---: | :---: | :---: | :---: |
| ip | 查看/配置网络接口 | - | link:查看所有网卡 <br> addr:查看 IP 地址 <br> route:查看路由表 |

View File

@@ -1,11 +0,0 @@
---
layout: doc
title: Web后端
description: Web后端开发技术文档包含数据库、框架、中间件等
---
<script setup>
import { routers } from '../.vitepress/theme/router'
</script>
<MenuList :routers=routers[1] :isNested=true />

View File

@@ -0,0 +1,82 @@
---
title: InfluxDB简介和使用
date: 2026-05-11
---
# 一、简介
&emsp;&emsp;InfluxDB 是一个开源的时序数据库Time Series Database, TSDB由 InfluxData 公司开发专门用于存储、查询和处理时间序列数据按时间顺序记录的数据点。它在监控、物联网IoT、实时分析等场景中广泛应用是时序数据领域的流行解决方案之一。
&emsp;&emsp;InfluxDB 3.0 是一次底层的彻底重构(内核代号 IOx核心代码从 Go 改写为 Rust并从自研的 TSM 引擎转向基于 Apache Arrow 生态的开放架构。
# 二、特点
1. Rust 全新重写:更快、更省内存、更稳
2. 支持无限标签基数:不再怕设备 ID、用户 ID 这类高基数场景
3. 原生支持标准 SQL不用只学 InfluxQL普通 SQL 直接查
4. 底层基于 Arrow + Parquet列式存储、压缩率高、查询快
5. 原生对接对象存储:支持 S3/OSS冷热数据自动分层可存海量历史数据
# 三、概念
1. 库 Database相当于 MySQL 的库,隔离业务数据
2. 测量 Measurement相当于 MySQL 的表(比如 cpu、温度传感器
3. 标签 Tag维度、索引字段字符串如设备 id、地区用来筛选分组
4. 字段 Field实际指标值数值如温度、CPU 使用率,不做索引)
5. 时间 Time自带时间戳时序数据唯一主键、按时间排序
# 四、安装
## 4.1 Docker安装
```yml
services:
influxdb3-core:
image: influxdb:3.9.1-core
container_name: influxdb3-core
restart: unless-stopped
networks:
- influx-network
ports:
- "8181:8181"
volumes:
- ./influxdb3/data:/var/lib/influxdb3/data
- ./influxdb3/plugins:/var/lib/influxdb3/plugins
user: root
environment:
- TZ=Asia/Shanghai
command: >
influxdb3 serve
--node-id=node0
--object-store=file
--data-dir=/var/lib/influxdb3/data
--plugin-dir=/var/lib/influxdb3/plugins
influxdb3-explorer:
image: influxdata/influxdb3-ui:1.6.3
container_name: influxdb3-explorer
restart: unless-stopped
networks:
- influx-network
ports:
- "8600:80"
- "8888:8888"
volumes:
- ./config:/app-root/config:ro
- ./db:/db:rw
- ./ssl:/etc/nginx/ssl:ro
environment:
- TZ=Asia/Shanghai
command: --mode=admin
networks:
influx-network:
driver: bridge
```
## 4.2 token生成
&emsp;&emsp;进入influxdb3-core容器输入命令获取token
```bash
influxdb3 create token --admin
```
## 4.3 可视化页面
&emsp;&emsp;打开ip:8600具体端口看docker的配置选择`Configure->Servers`,点击`Connect Your First Server`输入InfluxDB服务器信息进行配置。
&emsp;&emsp;`Query Data->Data Explorer`中查看数据。
# 五、使用
## 5.1 SpringBoot使用

View File

Before

Width:  |  Height:  |  Size: 7.3 KiB

After

Width:  |  Height:  |  Size: 7.3 KiB

View File

Before

Width:  |  Height:  |  Size: 31 KiB

After

Width:  |  Height:  |  Size: 31 KiB

View File

Before

Width:  |  Height:  |  Size: 38 KiB

After

Width:  |  Height:  |  Size: 38 KiB

View File

Before

Width:  |  Height:  |  Size: 64 KiB

After

Width:  |  Height:  |  Size: 64 KiB

View File

@@ -1,7 +1,7 @@
--- ---
layout: doc layout: doc
title: Web前端 title: Web平台
description: Web前端开发技术文档 description: Web平台开发技术文档
--- ---
<script setup> <script setup>

View File

@@ -10,11 +10,8 @@ hero:
alt: VitePress alt: VitePress
actions: actions:
- theme: brand - theme: brand
text: Web前端 text: Web平台
link: /Web-Front/ link: /Web/
- theme: brand
text: Web后端
link: /Web-Backend/
- theme: brand - theme: brand
text: DevOps text: DevOps
link: /DevOps/ link: /DevOps/