Firefly 文章加密 - johntime 的博客

成功解锁了这篇文章！#

如果你能看到这段内容，说明密码输入正确，文章已成功解密。

功能说明#

构建时加密：文章内容在构建时使用 AES-256-GCM 算法加密，页面源码中不包含任何明文。
客户端解密：访客输入正确密码后，浏览器通过 Web Crypto API 在本地完成解密。
会话缓存：同一浏览器会话内，密码会被缓存到 sessionStorage，刷新页面无需重复输入。
关闭即失效：关闭浏览器后缓存清除，再次访问需要重新输入密码。

密码为 123456，仅供测试使用。

图片#

GitHub 仓库卡片#

CuteLeaf

Firefly

Waiting for api.github.com...

00K

Waiting...

提示框#

NOTE

突出显示用户应该考虑的信息。

TIP

可选信息，帮助用户更成功。

自定义标题

这是一个带有自定义标题的示例。

数学公式#

行内公式 (Inline)#

欧拉公式 $e^{i\pi} + 1 = 0$ 是数学中最优美的公式之一。

质能方程 $E = mc^2$ 也是家喻户晓。

块级公式 (Block)#

块级公式使用两个 $$ 符号包裹，会居中显示。

\int_{-\infty}^{\infty} e^{-x^2} dx = \sqrt{\pi}

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

化学方程式 (Chemical Equations)#

\ce{CH4 + 2O2 -> CO2 + 2H2O}

代码块#

常规语法高亮#

1
console.log('此代码有语法高亮!')

渲染 ANSI 转义序列#

1
ANSI colors:
2
- Regular: Red Green Yellow Blue Magenta Cyan
3
- Bold:    Red Green Yellow Blue Magenta Cyan
4
- Dimmed:  Red Green Yellow Blue Magenta Cyan
5

6
256 colors (showing colors 160-177):
7
160 161 162 163 164 165
8
166 167 168 169 170 171
9
172 173 174 175 176 177
10

11
Full RGB colors:
12
ForestGreen - RGB(34, 139, 34)
13

14
Text formatting: Bold Dimmed Italic Underline

流程图#

graph TD A[开始] --> B{条件检查} B -->|是| C[处理步骤 1] B -->|否| D[处理步骤 2] C --> E[子过程] D --> E subgraph E [子过程详情] E1[子步骤 1] --> E2[子步骤 2] E2 --> E3[子步骤 3] end E --> F{另一个决策} F -->|选项 1| G[结果 1] F -->|选项 2| H[结果 2] F -->|选项 3| I[结果 3] G --> J[结束] H --> J I --> J

音乐

成功解锁了这篇文章！#

功能说明#

图片#

GitHub 仓库卡片#

提示框#

数学公式#

行内公式 (Inline)#

块级公式 (Block)#

化学方程式 (Chemical Equations)#

代码块#

常规语法高亮#

渲染 ANSI 转义序列#

流程图#

文章分享

目录