--- import BaseLayout from '../layouts/BaseLayout.astro'; import Header from '../components/Header.astro'; import Footer from '../components/Footer.astro'; import MathFormula from '../components/common/MathFormula.astro'; import GlassTable from '../components/common/GlassTable.astro'; import CodeBlock from '../components/common/CodeBlock.astro'; import ImageViewer from '../components/common/ImageViewer.astro'; ---

公用组件示例

展示数学公式、磨砂玻璃表格和代码高亮组件

📐 数学公式组件

行内公式

这是一个行内公式:,展示了质能方程。

块级公式

复杂公式 (薛定谔方程)

📊 磨砂玻璃表格组件

基础表格

技术规格表

💻 磨砂玻璃代码块组件

JavaScript 代码

{ async function fetchData() { try { setLoading(true); const response = await fetch(url); const result = await response.json(); setData(result); } catch (err) { setError(err.message); } finally { setLoading(false); } } fetchData(); }, [url]); return { data, loading, error }; }`} />

Python 代码

CSS 样式

🖼️ 图片展示组件 (ImageViewer)

支持点击放大的响应式图片组件

基础图片展示

固定宽高比

网格布局

🎯 综合示例

算法分析报告

下面展示了一个完整的算法分析,包含数学公式、性能数据表格和实现代码:

算法复杂度

该算法的时间复杂度为:

性能测试结果

核心实现