diff --git a/docs/通知/PDF编译器.md b/docs/通知/PDF编译器.md deleted file mode 100644 index 1d38cf9..0000000 --- a/docs/通知/PDF编译器.md +++ /dev/null @@ -1,38 +0,0 @@ ---- -sidebar_label: 'PDF编译器' -sidebar_position: 3 ---- - -# PDF编译器 - -## 功能介绍 -PDF编译器是一个强大的工具，可以帮助您将文档转换为PDF格式，方便分享和存档。 - -## 使用方法 - -### 1. 进入PDF编译器 -在文档页面右上角找到"PDF"按钮，点击进入PDF编译器界面。 - -![PDF按钮](https://via.placeholder.com/800x400?text=PDF+Button) - -### 2. 选择编译选项 -在PDF编译器界面中，您可以： -- 选择要包含的章节 -- 设置页面大小和方向 -- 选择是否包含目录 -- 设置页眉页脚 - -![PDF选项](https://via.placeholder.com/800x400?text=PDF+Options) - -### 3. 生成PDF -点击"生成PDF"按钮，系统将自动处理并生成PDF文件。生成完成后，您可以： -- 直接下载PDF文件 -- 预览PDF内容 -- 分享PDF链接 - -![生成PDF](https://via.placeholder.com/800x400?text=Generate+PDF) - -## 注意事项 -- 生成的PDF文件将保留原文档的所有格式和样式 -- 大文档可能需要较长的处理时间 -- 建议在生成PDF前检查文档内容是否完整 \ No newline at end of file diff --git a/docs/通知/富文本编辑器.md b/docs/通知/富文本编辑器.md deleted file mode 100644 index cd00890..0000000 --- a/docs/通知/富文本编辑器.md +++ /dev/null @@ -1,138 +0,0 @@ ---- -sidebar_label: '富文本编辑器' -sidebar_position: 4 ---- - -# 富文本编辑器 - -## 功能介绍 -富文本编辑器提供了强大的文档编辑功能，支持多种格式和样式，让您的文档更加美观和专业。 - -## 使用方法 - -### 1. 进入编辑器 -在文档编辑页面，您可以看到完整的富文本编辑工具栏。 - -![编辑器工具栏](https://via.placeholder.com/800x400?text=Editor+Toolbar) - -### 2. 基本编辑功能 -编辑器提供以下基本功能： -- 文本格式化（粗体、斜体、下划线） -- 标题样式设置 -- 文本对齐方式 -- 列表（有序、无序） -- 引用块 -- 代码块 - -![基本功能](https://via.placeholder.com/800x400?text=Basic+Features) - -### 3. 字体设置功能 -编辑器提供丰富的字体设置选项： -- 字体类型选择（支持中英文字体） - - 中文字体：微软雅黑、宋体、黑体、楷体等 - - 英文字体：Arial、Times New Roman、Calibri等 -- 字体大小调整（8pt - 72pt） -- 字体颜色设置 - - 支持标准颜色选择 - - 支持自定义颜色（RGB/HEX） -- 字体背景色设置 -- 字体间距调整 - - 字间距 - - 行间距 - - 段落间距 -- 字体特效 - - 删除线 - - 上标/下标 - - 首字下沉 - - 文字阴影 - -![字体设置](https://via.placeholder.com/800x400?text=Font+Settings) - -### 4. 视频功能 -编辑器支持视频上传和播放功能： - -#### 4.1 视频上传 -- 支持多种视频格式 - - MP4 (.mp4) - - WebM (.webm) - - MOV (.mov) - - AVI (.avi) -- 视频大小限制 - - 单个文件最大支持 2GB - - 支持批量上传 -- 上传方式 - - 拖拽上传 - - 点击上传 - - 粘贴上传 -- 上传进度显示 -- 自动压缩和转码 - -![视频上传](https://via.placeholder.com/800x400?text=Video+Upload) - -#### 4.2 视频播放 -- 播放器功能 - - 播放/暂停 - - 进度条控制 - - 音量调节 - - 全屏播放 - - 画质切换 - - 播放速度调节 -- 视频设置 - - 自动播放 - - 循环播放 - - 静音播放 - - 预加载设置 -- 视频信息 - - 时长显示 - - 分辨率信息 - - 文件大小 - - 上传时间 - -![视频播放器](https://via.placeholder.com/800x400?text=Video+Player) - -#### 4.3 视频管理 -- 视频列表管理 -- 视频分类 -- 视频标签 -- 视频描述 -- 权限设置 -- 分享设置 - -![视频管理](https://via.placeholder.com/800x400?text=Video+Management) - -### 5. 高级功能 -除了基本编辑功能外，还支持： -- 插入图片和表格 -- 插入链接 -- 插入代码片段 -- 插入数学公式 -- 插入图表 -- 版本历史记录 - -![高级功能](https://via.placeholder.com/800x400?text=Advanced+Features) - -### 6. 快捷键支持 -编辑器支持多种快捷键操作： -- `Ctrl + B`: 加粗 -- `Ctrl + I`: 斜体 -- `Ctrl + U`: 下划线 -- `Ctrl + K`: 插入链接 -- `Ctrl + Shift + I`: 插入图片 -- `Ctrl + Z`: 撤销 -- `Ctrl + Y`: 重做 -- `Ctrl + Shift + F`: 打开字体设置面板 -- `Ctrl + Shift + C`: 复制格式 -- `Ctrl + Shift + V`: 粘贴格式 -- `Ctrl + Shift + V`: 插入视频 - -## 注意事项 -- 建议定期保存文档内容 -- 可以使用自动保存功能 -- 支持文档版本回退 -- 编辑前请确保有足够的权限 -- 使用特殊字体时，建议检查文档在不同设备上的显示效果 -- 字体设置更改后，建议预览文档以确保格式正确 -- 上传视频时请确保有足够的存储空间 -- 视频上传可能需要一定时间，请耐心等待 -- 建议使用主流视频格式以确保最佳兼容性 -- 视频播放时请注意网络带宽使用 \ No newline at end of file diff --git a/src/components/BackToTop/index.js b/src/components/BackToTop/index.js new file mode 100644 index 0000000..80877e9 --- /dev/null +++ b/src/components/BackToTop/index.js @@ -0,0 +1,56 @@ +import React, { useState, useEffect } from 'react'; +import styles from './styles.module.css'; + +export default function BackToTop() { + const [isVisible, setIsVisible] = useState(false); + + // 监听滚动事件 + useEffect(() => { + const toggleVisibility = () => { + if (window.pageYOffset > 300) { + setIsVisible(true); + } else { + setIsVisible(false); + } + }; + + window.addEventListener('scroll', toggleVisibility); + + return () => { + window.removeEventListener('scroll', toggleVisibility); + }; + }, []); + + // 滚动到顶部 + const scrollToTop = () => { + window.scrollTo({ + top: 0, + behavior: 'smooth', + }); + }; + + return ( + <> + {isVisible && ( + + )} + + ); +} \ No newline at end of file diff --git a/src/components/BackToTop/styles.module.css b/src/components/BackToTop/styles.module.css new file mode 100644 index 0000000..8f906ca --- /dev/null +++ b/src/components/BackToTop/styles.module.css @@ -0,0 +1,38 @@ +.backToTop { + position: fixed; + bottom: 20px; + right: 20px; + width: 40px; + height: 40px; + border-radius: 50%; + background-color: var(--ifm-color-primary); + color: white; + border: none; + cursor: pointer; + display: flex; + align-items: center; + justify-content: center; + transition: all 0.3s ease; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); + z-index: 1000; +} + +.backToTop:hover { + background-color: var(--ifm-color-primary-darker); + transform: translateY(-2px); + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); +} + +.backToTop:active { + transform: translateY(0); + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); +} + +@media (max-width: 996px) { + .backToTop { + bottom: 15px; + right: 15px; + width: 35px; + height: 35px; + } +} \ No newline at end of file diff --git a/src/theme/Layout/index.js b/src/theme/Layout/index.js new file mode 100644 index 0000000..79307bd --- /dev/null +++ b/src/theme/Layout/index.js @@ -0,0 +1,12 @@ +import React from 'react'; +import Layout from '@theme-original/Layout'; +import BackToTop from '@site/src/components/BackToTop'; + +export default function LayoutWrapper(props) { + return ( + <> + + + + ); +} \ No newline at end of file