主题演示 - 所有功能展示

2025年11月03日演示

欢迎使用科技风主题！

这篇文章将展示本主题的所有功能和样式效果。

📝 文本样式

这是一段普通文本。你可以使用 粗体文本 和 斜体文本 来强调重要内容。还可以使用 ~~删除线~~ 来表示已删除的内容。

引用块

这是一段引用文本。引用块使用了渐变边框和半透明背景，让内容更加突出。

适合用来引用他人的话语或重要的提示信息。

代码展示

行内代码：const greeting = "Hello, World!";

代码块示例：

// JavaScript 示例
function calculateFactorial(n) {
  if (n <= 1) return 1;
  return n * calculateFactorial(n - 1);
}

const result = calculateFactorial(5);
console.log(`5! = ${result}`); // 输出: 5! = 120

# Python 示例
def fibonacci(n):
    """计算斐波那契数列的第 n 项"""
    if n <= 1:
        return n
    return fibonacci(n - 1) + fibonacci(n - 2)

# 生成前 10 项
fib_sequence = [fibonacci(i) for i in range(10)]
print(f"斐波那契数列: {fib_sequence}")

📊 数学公式

行内公式

质能方程 $E = mc^2$ 是物理学中最著名的公式之一。

勾股定理：在直角三角形中，$a^2 + b^2 = c^2$。

独立公式

二次方程求根公式：

\[x = \frac{-b \pm \sqrt{b^2-4ac}}{2a}\]

欧拉公式（数学中最美的公式）：

\[e^{i\pi} + 1 = 0\]

矩阵表示：

\[\begin{bmatrix} a & b \\ c & d \end{bmatrix} \begin{bmatrix} x \\ y \end{bmatrix} = \begin{bmatrix} ax + by \\ cx + dy \end{bmatrix}\]

求和与积分：

\[\sum_{i=1}^{n} i = \frac{n(n+1)}{2} \quad \text{和} \quad \int_{0}^{\infty} e^{-x} dx = 1\]

麦克斯韦方程组：

\[\begin{aligned} \nabla \cdot \vec{E} &= \frac{\rho}{\epsilon_0} \\ \nabla \cdot \vec{B} &= 0 \\ \nabla \times \vec{E} &= -\frac{\partial \vec{B}}{\partial t} \\ \nabla \times \vec{B} &= \mu_0\vec{J} + \mu_0\epsilon_0\frac{\partial \vec{E}}{\partial t} \end{aligned}\]

📋 列表

无序列表

第一项
第二项
- 嵌套项 2.1
- 嵌套项 2.2
  - 更深层嵌套
第三项

有序列表

首先做这个
然后做那个
最后完成
1. 子步骤 A
2. 子步骤 B

任务列表

已完成的任务
另一个已完成的任务
待完成的任务
另一个待完成的任务

📊 表格

功能	状态	优先级
响应式设计	✅ 完成	高
暗色主题	✅ 完成	高
数学公式	✅ 完成	中
搜索功能	🚧 进行中	中
评论系统	📋 计划中	低

🔗 链接

这是一个外部链接示例。

这是一个内部链接返回首页。

🖼️ 图片

图片会自动居中，并添加圆角和阴影效果。悬停时会有轻微的放大效果。

图片说明：这里是图片的描述文字

📐 分隔线

上面是一条分隔线，使用渐变效果。

🎨 特殊效果

高亮文本

使用 <mark> 标签可以高亮重要内容。

键盘按键

按下 Ctrl + C 复制内容。

💡 提示框

你可以使用 HTML 来创建自定义的提示框：

💡 提示： 这是一个信息提示框，用于显示有用的提示信息。

⚠️ 警告： 这是一个警告提示框，用于显示需要注意的信息。

✅ 成功： 这是一个成功提示框，用于显示操作成功的信息。

🎯 技术栈展示

Jekyll Tailwind CSS MathJax JavaScript HTML5 CSS3

📱 响应式设计

本主题完全支持响应式设计，在不同设备上都能获得最佳体验：

📱 手机端：< 768px
💻 平板端：768px - 1024px
🖥️ 桌面端：> 1024px

🎉 总结

这个主题包含了现代博客所需的所有功能：

✅ 优雅的深色主题
✅ 流畅的动画效果
✅ 完整的数学公式支持
✅ 响应式设计
✅ 代码高亮
✅ 搜索功能
✅ 社交分享

希望你喜欢这个主题！开始写作吧！ 🚀

最后更新时间： 2025年11月03日

#设计 #功能 #示例

分享这篇文章