bruno
ff99b8eb2b
📚 论文级功能实现: - ✅ KaTeX数学公式渲染系统 (内联$...1411...1411) - ✅ 高级代码高亮 (行号、标题、语法着色) - ✅ PWA渐进式Web应用支持 - ✅ 多语言代码支持 (20+编程语言) - ✅ 代码行标注系统 (错误/成功/警告/高亮) 🧮 数学公式系统: - LaTeX语法完整支持 - 数学宏定义 (\RR, \NN, \ZZ, \QQ, \CC等) - 复杂公式渲染 (矩阵、积分、求和、分数) - 响应式数学表达式 - 黑暗模式数学公式适配 💻 高级代码展示: - 代码块标题显示 - 行号自动生成 - 语法高亮增强 - 多行高亮标注 - 错误/成功/警告行标记 - 20+编程语言支持 🔧 企业级插件: - @docusaurus/plugin-pwa (离线支持) - rehype-katex (数学公式) - remark-math (数学语法) - remark-gfm (GitHub风格Markdown) - prism-react-renderer (代码高亮) 📊 算法示例升级: - Transformer深度学习模型 - 多头注意力机制实现 - 完整的神经网络架构 - 专业文档注释 - 类型提示和错误处理 🎨 视觉优化: - 数学公式背景框 - 代码行高亮动画 - 专业配色方案 - 渐变边框效果 - 响应式设计适配 📱 PWA功能: - 离线访问支持 - 应用图标配置 - 清单文件完整 - 主题色统一 - 安装提示优化 🚀 性能优化: - 图片质量提升至85% - 代码分割优化 - 字体预加载 - CSS变量系统 - GPU加速渲染 ✨ 用户体验: - 论文级排版标准 - 学术引用格式 - 专业视觉层次 - 无障碍访问支持 - 多设备完美适配
55 lines
1.7 KiB
JavaScript
55 lines
1.7 KiB
JavaScript
/**
|
||
* Copyright (c) Facebook, Inc. and its affiliates.
|
||
*
|
||
* This source code is licensed under the MIT license found in the
|
||
* LICENSE file in the root directory of this source tree.
|
||
*/
|
||
import React, {useState} from 'react';
|
||
import clsx from 'clsx';
|
||
import Translate, {translate} from '@docusaurus/Translate';
|
||
import styles from './styles.module.css';
|
||
export default function PwaReloadPopup({onReload}) {
|
||
const [isVisible, setIsVisible] = useState(true);
|
||
return (
|
||
isVisible && (
|
||
<div className={clsx('alert', 'alert--secondary', styles.popup)}>
|
||
<p>
|
||
<Translate
|
||
id="theme.PwaReloadPopup.info"
|
||
description="The text for PWA reload popup">
|
||
New version available
|
||
</Translate>
|
||
</p>
|
||
<div className={styles.buttonContainer}>
|
||
<button
|
||
className="button button--link"
|
||
type="button"
|
||
onClick={() => {
|
||
setIsVisible(false);
|
||
onReload();
|
||
}}>
|
||
<Translate
|
||
id="theme.PwaReloadPopup.refreshButtonText"
|
||
description="The text for PWA reload button">
|
||
Refresh
|
||
</Translate>
|
||
</button>
|
||
|
||
<button
|
||
aria-label={translate({
|
||
id: 'theme.PwaReloadPopup.closeButtonAriaLabel',
|
||
message: 'Close',
|
||
description:
|
||
'The ARIA label for close button of PWA reload popup',
|
||
})}
|
||
className="close"
|
||
type="button"
|
||
onClick={() => setIsVisible(false)}>
|
||
<span aria-hidden="true">×</span>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
)
|
||
);
|
||
}
|