四种机制的直观区别 永久链接

四种机制的直观区别

  • Hedon
  • 约 367 字

这是 Garden Compose Demo 的示例文章。第一张图用 sandbox（按 iframe 内容宽切 2×2/单列，节点用 HTML 字号）；第二张用原生布局加安全 HTML 局部块。都经 hd-garden 渲染。

四种密码学机制的直观区别。列数按 sandbox iframe 内容宽切换，不按外层窗口猜测。

同一条消息，经过四种处理

原生 grid / card，标题行与代码框用安全 HTML 局部组合（标题左、图标右；浅灰代码底；算法标签灰色小字）。

同一条消息，经过四种处理

Hello World

原始消息

编码

Base64

SGVsbG8gV29ybGQ=

任何人都能解码

哈希

SHA-256（截断展示）

a591a6d40bf42040...

生成固定长度摘要

加密

AES-GCM（示意）

8f 32 a1 0c 7b ...

需要密钥才能解密

签名

Ed25519（示意）

b2 4d 77 1e 9a ...

用公钥验证签名

图中的加密结果和签名结果仅用于示意；实际输出取决于密钥、算法参数等。

完整哈希（未截断，便于核对）：a591a6d40bf420404a011733cfb7b190d62c65bf0bcda32b57b277d9ad9f146e。

实现说明：图 1 列切换基于 sandbox iframe 内容宽度（ResizeObserver，阈值约 560px）；流程图改为 HTML 节点 + CSS 虚线，手机端保持 rem 字号。图 2 标题行用安全 HTML space-between；算法标签 tone="muted"；代码框浅灰底深字。标题行用 row + spacer + 真实 icon；算法标签 tone="muted"；代码框为安全 HTML 浅灰底。

来自开放网络的回应

引用、喜欢、转发和站外回复会通过 Webmention 回到这里。

接收与展示代码已经就绪，注册正式域名后即可开始收集回应。

评论

评论还没开放。配好下面四项后，这里才会出现评论框。

打开 Giscus，安装到一个已开启 Discussions 的公开仓库，把仓库、仓库 ID、分类、分类 ID 写入 .env.local 和 GitHub Actions Variables：GISCUS_REPO、GISCUS_REPO_ID、GISCUS_CATEGORY、GISCUS_CATEGORY_ID。

目录