成功解锁了这篇文章!
如果你能看到这段内容,说明密码输入正确,文章已成功解密。
功能说明
- 构建时加密:文章内容在构建时使用 AES-256-GCM 算法加密,页面源码中不包含任何明文。
- 客户端解密:访客输入正确密码后,浏览器通过 Web Crypto API 在本地完成解密。
- 会话缓存:同一浏览器会话内,密码会被缓存到
sessionStorage,刷新页面无需重复输入。 - 关闭即失效:关闭浏览器后缓存清除,再次访问需要重新输入密码。
密码为
123456,仅供测试使用。
图片
GitHub 仓库卡片
1{{< github repo="CuteLeaf/hugo-theme-lumin" >}}
提示框
[!NOTE] NOTE 突出显示用户应该考虑的信息。
[!TIP] TIP 可选信息,帮助用户更成功。
[!NOTE] 自定义标题 这是一个带有自定义标题的示例。
数学公式
行内公式 (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} $$
代码块
常规语法高亮
1console.log('此代码有语法高亮!')
渲染 ANSI 转义序列
1ANSI colors:
2- Regular: [31mRed[0m [32mGreen[0m [33mYellow[0m [34mBlue[0m [35mMagenta[0m [36mCyan[0m
3- Bold: [1;31mRed[0m [1;32mGreen[0m [1;33mYellow[0m [1;34mBlue[0m [1;35mMagenta[0m [1;36mCyan[0m
4- Dimmed: [2;31mRed[0m [2;32mGreen[0m [2;33mYellow[0m [2;34mBlue[0m [2;35mMagenta[0m [2;36mCyan[0m
5
6256 colors (showing colors 160-177):
7[38;5;160m160 [38;5;161m161 [38;5;162m162 [38;5;163m163 [38;5;164m164 [38;5;165m165[0m
8[38;5;166m166 [38;5;167m167 [38;5;168m168 [38;5;169m169 [38;5;170m170 [38;5;171m171[0m
9[38;5;172m172 [38;5;173m173 [38;5;174m174 [38;5;175m175 [38;5;176m176 [38;5;177m177[0m
10
11Full RGB colors:
12[38;2;34;139;34mForestGreen - RGB(34, 139, 34)[0m
13
14Text formatting: [1mBold[0m [2mDimmed[0m [3mItalic[0m [4mUnderline[0m
流程图
1graph TD
2 A[开始] --> B{条件检查}
3 B -->|是| C[处理步骤 1]
4 B -->|否| D[处理步骤 2]
5 C --> E[子过程]
6 D --> E
7 subgraph E [子过程详情]
8 E1[子步骤 1] --> E2[子步骤 2]
9 E2 --> E3[子步骤 3]
10 end
11 E --> F{另一个决策}
12 F -->|选项 1| G[结果 1]
13 F -->|选项 2| H[结果 2]
14 F -->|选项 3| I[结果 3]
15 G --> J[结束]
16 H --> J
17 I --> J
留言评论
期待你的想法评论加载中