feat:更新文档架构
@@ -30,11 +30,9 @@ export default withMermaid({
|
||||
...routers
|
||||
],
|
||||
sidebar: {
|
||||
'/Web-Front/': [routers[0]],
|
||||
'/Web-Backend/': [routers[1]],
|
||||
'/DevOps/': [routers[2]],
|
||||
'/Flutter/': [routers[3]],
|
||||
'/Others/': [routers[4]]
|
||||
'/Web/': [routers[0]],
|
||||
'/DevOps/': [routers[1]],
|
||||
'/Others/': [routers[2]]
|
||||
},
|
||||
|
||||
socialLinks: [
|
||||
|
||||
@@ -1,73 +1,73 @@
|
||||
export const routers = [
|
||||
{
|
||||
text: '🌐 Web前端',
|
||||
text: '🌐 Web平台',
|
||||
items: [
|
||||
{
|
||||
text: '🌿 Vue',
|
||||
items: [
|
||||
{ text: 'Vue3-Common', link: '/Web-Front/Vue/Vue3-Common' },
|
||||
{ text: 'Vue3架构原理', link: '/Web-Front/Vue/Vue3-Architecture' }
|
||||
{ text: 'Vue3-Common', link: '/Web/Vue/Vue3-Common' },
|
||||
{ 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',
|
||||
items: [
|
||||
{ text: 'Spring IOC简介', link: '/Web-Backend/SpringBoot/SpringIOC' },
|
||||
{ text: 'Spring AOP简介', link: '/Web-Backend/SpringBoot/SpringAOP' },
|
||||
{ text: 'SpringBoot启动流程', link: '/Web-Backend/SpringBoot/SpringBoot-Start-Process' },
|
||||
{ text: 'Spring MVC简介', link: '/Web-Backend/SpringBoot/SpringMVC' },
|
||||
{ text: 'SpringBoot Starter原理', link: '/Web-Backend/SpringBoot/SpringBootStarter' },
|
||||
{ text: 'SpringBoot Bean简介', link: '/Web-Backend/SpringBoot/SpringBootBean' },
|
||||
{ text: 'SpringBoot注解', link: '/Web-Backend/SpringBoot/SpringBoot-Annotation' },
|
||||
{ text: 'SpringBoot3原生镜像', link: '/Web-Backend/SpringBoot/SpringBoot3-GraalVM' },
|
||||
{ text: 'SpringBoot技巧', link: '/Web-Backend/SpringBoot/SpringBoot-Skills' },
|
||||
{ text: 'SpringBoot Common', link: '/Web-Backend/SpringBoot/SpringBoot-Common' },
|
||||
{ text: 'SpringBoot RestClient简介', link: '/Web-Backend/SpringBoot/SpringBoot-RestClient' },
|
||||
{ text: 'SpringBoot Redis简介和使用', link: '/Web-Backend/SpringBoot/SpringBoot-Redis' }
|
||||
{ text: 'Spring IOC简介', link: '/Web/SpringBoot/SpringIOC' },
|
||||
{ text: 'Spring AOP简介', link: '/Web/SpringBoot/SpringAOP' },
|
||||
{ text: 'SpringBoot启动流程', link: '/Web/SpringBoot/SpringBoot-Start-Process' },
|
||||
{ text: 'Spring MVC简介', link: '/Web/SpringBoot/SpringMVC' },
|
||||
{ text: 'SpringBoot Starter原理', link: '/Web/SpringBoot/SpringBootStarter' },
|
||||
{ text: 'SpringBoot Bean简介', link: '/Web/SpringBoot/SpringBootBean' },
|
||||
{ text: 'SpringBoot注解', link: '/Web/SpringBoot/SpringBoot-Annotation' },
|
||||
{ text: 'SpringBoot3原生镜像', link: '/Web/SpringBoot/SpringBoot3-GraalVM' },
|
||||
{ text: 'SpringBoot技巧', link: '/Web/SpringBoot/SpringBoot-Skills' },
|
||||
{ text: 'SpringBoot Common', link: '/Web/SpringBoot/SpringBoot-Common' },
|
||||
{ text: 'SpringBoot RestClient简介', link: '/Web/SpringBoot/SpringBoot-RestClient' },
|
||||
{ text: 'SpringBoot Redis简介和使用', link: '/Web/SpringBoot/SpringBoot-Redis' }
|
||||
]
|
||||
},
|
||||
{
|
||||
text: '🐍 FastAPI',
|
||||
items: [
|
||||
{ text: 'FastAPI基础教程', link: '/Web-Backend/FastAPI/FastAPI-Guide' },
|
||||
{ text: '基于OAuth2的安全验证', link: '/Web-Backend/FastAPI/OAuth2' },
|
||||
{ text: 'FastAPI Docker部署', link: '/Web-Backend/FastAPI/FastAPI-Docker' }
|
||||
{ text: 'FastAPI基础教程', link: '/Web/FastAPI/FastAPI-Guide' },
|
||||
{ text: '基于OAuth2的安全验证', link: '/Web/FastAPI/OAuth2' },
|
||||
{ text: 'FastAPI Docker部署', link: '/Web/FastAPI/FastAPI-Docker' }
|
||||
]
|
||||
},
|
||||
{
|
||||
text: '🐬 MySQL',
|
||||
items: [
|
||||
{ text: 'MyBatis简介和使用', link: '/Web-Backend/MySQL/MyBatis' },
|
||||
{ text: 'Flyway简单使用', link: '/Web-Backend/MySQL/Flyway' },
|
||||
{ text: 'MySQL知识点', link: '/Web-Backend/MySQL/MySQL-Knowledge' },
|
||||
{ text: 'SQL高阶用法', link: '/Web-Backend/MySQL/SQL-Advance' }
|
||||
{ text: 'MyBatis简介和使用', link: '/Web/MySQL/MyBatis' },
|
||||
{ text: 'Flyway简单使用', link: '/Web/MySQL/Flyway' },
|
||||
{ text: 'MySQL知识点', link: '/Web/MySQL/MySQL-Knowledge' },
|
||||
{ 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: '🔄 其他',
|
||||
items: [
|
||||
{ text: 'RustFS简介和使用', link: '/Web-Backend/Others/RustFS' },
|
||||
{ text: 'AList简介和使用', link: '/Web-Backend/Others/AList' },
|
||||
{ text: '网络编程简介', link: '/Web-Backend/Others/Netword-Program' },
|
||||
{ text: '视频压缩', link: '/Web-Backend/Others/VideoCompressor' }
|
||||
{ text: 'JavaScript知识点整理', link: '/Web/Others/JavaScript-Guide' },
|
||||
{ text: '前端包管理器', link: '/Web/Others/Package' },
|
||||
{ text: 'Vite核心原理', link: '/Web/Others/Vite-Principle' },
|
||||
{ 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' }
|
||||
]
|
||||
},
|
||||
]
|
||||
]
|
||||
},
|
||||
{
|
||||
text: '🚀 DevOps',
|
||||
@@ -75,18 +75,10 @@ export const routers = [
|
||||
{ text: 'OpenObserve部署和使用', link: '/DevOps/OpenObserve' },
|
||||
{ text: 'Jenkins部署和使用', link: '/DevOps/Jenkins' },
|
||||
{ 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' }
|
||||
]
|
||||
},
|
||||
{
|
||||
text: '🔄 其他',
|
||||
items: [
|
||||
|
||||
85
docs/DevOps/LinuxCommand.md
Normal 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:查看路由表 |
|
||||
@@ -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 />
|
||||
82
docs/Web/Others/InfluxDB.md
Normal file
@@ -0,0 +1,82 @@
|
||||
---
|
||||
title: InfluxDB简介和使用
|
||||
date: 2026-05-11
|
||||
---
|
||||
|
||||
# 一、简介
|
||||
  InfluxDB 是一个开源的时序数据库(Time Series Database, TSDB),由 InfluxData 公司开发,专门用于存储、查询和处理时间序列数据(按时间顺序记录的数据点)。它在监控、物联网(IoT)、实时分析等场景中广泛应用,是时序数据领域的流行解决方案之一。
|
||||
  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生成
|
||||
  进入influxdb3-core容器,输入命令获取token:
|
||||
```bash
|
||||
influxdb3 create token --admin
|
||||
```
|
||||
|
||||
## 4.3 可视化页面
|
||||
  打开ip:8600(具体端口看docker的配置),选择`Configure->Servers`,点击`Connect Your First Server`,输入InfluxDB服务器信息进行配置。
|
||||
  在`Query Data->Data Explorer`中查看数据。
|
||||
|
||||
# 五、使用
|
||||
## 5.1 SpringBoot使用
|
||||
|
Before Width: | Height: | Size: 7.3 KiB After Width: | Height: | Size: 7.3 KiB |
|
Before Width: | Height: | Size: 31 KiB After Width: | Height: | Size: 31 KiB |
|
Before Width: | Height: | Size: 38 KiB After Width: | Height: | Size: 38 KiB |
|
Before Width: | Height: | Size: 64 KiB After Width: | Height: | Size: 64 KiB |
@@ -1,7 +1,7 @@
|
||||
---
|
||||
layout: doc
|
||||
title: Web前端
|
||||
description: Web前端开发技术文档
|
||||
title: Web平台
|
||||
description: Web平台开发技术文档
|
||||
---
|
||||
|
||||
<script setup>
|
||||
@@ -10,11 +10,8 @@ hero:
|
||||
alt: VitePress
|
||||
actions:
|
||||
- theme: brand
|
||||
text: Web前端
|
||||
link: /Web-Front/
|
||||
- theme: brand
|
||||
text: Web后端
|
||||
link: /Web-Backend/
|
||||
text: Web平台
|
||||
link: /Web/
|
||||
- theme: brand
|
||||
text: DevOps
|
||||
link: /DevOps/
|
||||
|
||||