feng

docs/通知/PDF编译器.md

@@ -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前检查文档内容是否完整 

docs/通知/富文本编辑器.md

@@ -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`: 插入视频
-
-## 注意事项
-- 建议定期保存文档内容
-- 可以使用自动保存功能
-- 支持文档版本回退
-- 编辑前请确保有足够的权限
-- 使用特殊字体时，建议检查文档在不同设备上的显示效果
-- 字体设置更改后，建议预览文档以确保格式正确
-- 上传视频时请确保有足够的存储空间
-- 视频上传可能需要一定时间，请耐心等待
-- 建议使用主流视频格式以确保最佳兼容性
-- 视频播放时请注意网络带宽使用 

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 && (
+        <button
+          onClick={scrollToTop}
+          className={styles.backToTop}
+          aria-label="返回顶部"
+        >
+          <svg
+            viewBox="0 0 24 24"
+            width="24"
+            height="24"
+            stroke="currentColor"
+            strokeWidth="2"
+            fill="none"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+          >
+            <path d="M12 19V5M5 12l7-7 7 7" />
+          </svg>
+        </button>
+      )}
+    </>
+  );
+} 

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;
+  }
+} 

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 (
+    <>
+      <Layout {...props} />
+      <BackToTop />
+    </>
+  );
+}