[{"content":"","date":"2026-06-17","externalUrl":null,"permalink":"/tags/html/","section":"Tags","summary":"","title":"Html","type":"tags"},{"content":"","date":"2026-06-17","externalUrl":null,"permalink":"/tags/markdown/","section":"Tags","summary":"","title":"Markdown","type":"tags"},{"content":"","date":"2026-06-17","externalUrl":null,"permalink":"/tags/prompt/","section":"Tags","summary":"","title":"Prompt","type":"tags"},{"content":"","date":"2026-06-17","externalUrl":null,"permalink":"/tags/","section":"Tags","summary":"","title":"Tags","type":"tags"},{"content":"","date":"2026-06-17","externalUrl":null,"permalink":"/categories/%E8%AF%BB%E4%B9%A6%E6%80%BB%E7%BB%93/","section":"分类","summary":"","title":"读书总结","type":"categories"},{"content":"这个页面来自：\ncontent/categories/_index.md 它用于自定义 /categories/ 页面。\n","date":"2026-06-17","externalUrl":null,"permalink":"/categories/","section":"分类","summary":"","title":"分类","type":"categories"},{"content":"","date":"2026-06-17","externalUrl":null,"permalink":"/categories/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/","section":"分类","summary":"","title":"人工智能","type":"categories"},{"content":" When life gives you lemons, make lemonade. Previous Next ","date":"2026-06-17","externalUrl":null,"permalink":"/","section":"王宇——个人主页","summary":"","title":"王宇——个人主页","type":"page"},{"content":" 提问 为什么现在 AI 产品大多喜欢使用 Markdown，而不是 Word、PDF 或 HTML？\n其实可以总结： 不是因为它最强，而是因为它足够轻、带结构、且通用。\n它介于纯文本和 HTML 之间：\n纯文本：属于自然语言，但几乎没有结构性 Markdown：轻量结构，适合流转 HTML：强标记结构，展示效果强大，负责给人看的时候好看 Word / PDF：打印时代的产物，不适合 AI 时代的信息流动 在我看来，Markdown 在 AI 时代真正扮演的角色是：\n信息的中间层。\n它不是最终展示层，也不是复杂交互层，而是人、AI、Agent、编辑器、网页、知识库之间传递信息的高效格式。\n1. Markdown既是文本，又带结构 # AI输出的原始内容其实就是一堆纯文本加上一些简单的符号，两个星号包裹就是加粗，井号开头就是标题，三个反引号包裹就是代码块。然后你的浏览器或者App把这些符号渲染成了你看到的样子。比如说，ChatGPT里面渲染的文本，它回复你的那些内容，有加粗的、有标题的、有代码块的、有列表的，看起来排版很整齐对吧。\n现在各种AI产品里的结构化输出、Deep Research的报告等等，底层几乎全是Markdown格式，你看到的那些层次分明的长报告，拉到底层看，几乎全部也都是一个.md文件。\n所以Markdown不是什么高深的技术，它就是一套特别简单的纯文本标记规则，让你不用学HTML也不用开Word，靠几个符号就能把文章写得有结构。\n这也是我觉得 Markdown 很适合 AI 的第一个原因：它既是纯文本，又带结构。 对人来说，Markdown 很容易阅读；对 AI 来说，Markdown 很容易生成和解析。\n2. Markdown 省 token # 这是一个非常现实的问题。因为在大模型时代，token 就是成本。\n尤其是在AI智能体飞速发展的今天，随便执行一个简单的任务，背后的LLM需要先接收一长串的system prompt，然后再接收user prompt；每调用一种工具，就会重新加载一次上下文。任务消耗的token量动则百万起步。\nHTML 的确更强。它能控制颜色、布局、交互、动画和复杂页面结构。比如：\n\u0026lt;div class=\u0026#34;flex items-center justify-between p-4 bg-gray-50 rounded-lg\u0026#34;\u0026gt; \u0026lt;span class=\u0026#34;text-sm font-medium\u0026#34;\u0026gt;任务完成\u0026lt;/span\u0026gt; \u0026lt;/div\u0026gt; 这段 HTML 对浏览器很有用，因为浏览器需要知道页面应该怎么显示。\n但对 AI 来说，里面真正有语义的信息可能只有：\n任务完成 HTML 的大量标签、class、嵌套结构，在很多 AI 交互场景里反而成了噪音。\n所以我更愿意这样理解：\nHTML 问的是：这段内容最后长什么样？ Markdown 问的是：这段内容的结构是什么？\n在 AI 协作中，更多时候我们需要的是后者。\n3. 信息是在流动，而不是一次性展示 # 当我们和 AI 交互时，信息通常不是停留在一个页面里给人看，而是在多个主体之间流动\n在这个链路里，Markdown 的优势非常明显。\n它可以被：\nAI 直接生成 人类直接阅读 编辑器直接打开 Git 直接管理版本 Agent 作为记忆、规则、说明文档读取 这就是 Markdown 的流通性。\n它不依赖某个软件，也不依赖某家公司。一个 .md 文件，哪怕十年后打开，也仍然是一段干净的文本。\n4. 为什么不是 Word 或 PDF？ # Word和PDF是面向打印时代的格式。\n而Markdown和HTML一起，是面向屏幕时代的格式。\n如果现在还在用Word写日常文档，不妨试试把它换成Markdown。\n5. Markdown 与 HTML 不是竞争关系 # 我不认为 Markdown 会取代 HTML。\n它们更像是不同层级的东西。\n比如我现在写这篇文章，用的是 Markdown。\n但当 Hugo 构建网站时，它会把 Markdown 渲染成 HTML。最终在 wypro.cc 上看到的页面，仍然是 HTML。\n这说明二者不是谁替代谁，而是各自负责不同环节。\nMarkdown 负责让我写得轻松、存得干净、传得方便。\n而HTML 负责让网站最终看起来好看。\n参考 # 数字生命卡兹克：飞书终于支持Markdown了，这个最弱的格式却赢下了整个AI时代 ","date":"2026-06-17","externalUrl":null,"permalink":"/posts/why-markdown/","section":"文章","summary":"Markdown 不是最强的展示格式，但它可能是 AI 时代最适合信息流转的格式。","title":"为什么现在AI交互大多使用Markdown格式","type":"posts"},{"content":"这里是文章列表页。\n这个页面来自：\ncontent/posts/_index.md 它是一个 branch bundle，因为 posts 下面还会继续包含很多文章。\n你应该观察 # content/posts/ 目录下的每篇文章，例如：\ncontent/posts/hugo-content-map/index.md content/posts/markdown-image-video-demo/index.md 都会出现在 /posts/ 列表页中。\n如果你在 params.toml 中设置：\n[list] showSummary = true cardView = true 这个列表页的样式会改变。\n","date":"2026-06-17","externalUrl":null,"permalink":"/posts/","section":"文章","summary":"","title":"文章","type":"posts"},{"content":"","date":"2026-06-16","externalUrl":null,"permalink":"/tags/hugo/","section":"Tags","summary":"","title":"Hugo","type":"tags"},{"content":"","date":"2026-06-16","externalUrl":null,"permalink":"/series/hugo-%E5%86%85%E5%AE%B9%E7%AE%A1%E7%90%86%E5%85%A5%E9%97%A8/","section":"Series","summary":"","title":"Hugo 内容管理入门","type":"series"},{"content":"这篇文章来自：\ncontent/posts/markdown-image-video-demo/index.md 它的目录里有两张图片：\nmarkdown-image-video-demo/ ├── index.md ├── featured.png └── local-demo.png 1. 标题语法 # Markdown 标题使用 #：\n# 一级标题 ## 二级标题 ### 三级标题 在 Hugo 文章正文中，通常从 ## 开始写，因为文章标题已经由 front matter 的 title 生成。\n2. 加粗、斜体和行内代码 # **加粗** *斜体* `行内代码` 效果：\n加粗、斜体、行内代码。\n3. 列表 # 无序列表：\n- Hugo - Blowfish - Markdown 效果：\nHugo Blowfish Markdown 有序列表：\n1. 创建内容 2. 添加图片 3. 本地预览 效果：\n创建内容 添加图片 本地预览 4. 代码块 # 使用三个反引号：\n```python def hello(): print(\u0026#34;Hello Hugo\u0026#34;) ``` 效果：\ndef hello(): print(\u0026#34;Hello Hugo\u0026#34;) 如果你在 params.toml 中设置：\nenableCodeCopy = true Blowfish 会给代码块加复制按钮。\n5. 表格 # | 文件 | 类型 | 作用 | |---|---|---| | `_index.md` | branch bundle | 列表页或入口页 | | `index.md` | leaf bundle | 具体文章或页面 | | `featured.png` | 页面资源 | 缩略图或 hero 图 | 效果：\n文件 类型 作用 _index.md branch bundle 列表页或入口页 index.md leaf bundle 具体文章或页面 featured.png 页面资源 缩略图或 hero 图 6. 本地图片 # 写法：\n![本地图片示例](local-demo.png) 效果：\n这张图和 index.md 在同一个目录，所以可以直接用相对路径。\n7. 外部图片 # 你也可以引用外部图片：\n![外部图片描述](https://example.com/image.jpg) 不过个人博客更推荐把图片放在本地，这样长期更稳定。\n8. 内部链接 # 链接到另一篇文章：\n[Hugo 内容结构示范](/posts/hugo-content-map/) 效果：\nHugo 内容结构示范\n9. 外部链接 # [访问 Hugo 官网](https://gohugo.io/) 效果：\n访问 Hugo 官网\n10. 视频嵌入占位 # Hugo 支持 shortcode。YouTube 视频常见写法：\n{{\u0026lt; youtube REPLACE_WITH_YOUTUBE_VIDEO_ID \u0026gt;}} 你把 REPLACE_WITH_YOUTUBE_VIDEO_ID 替换成真实视频 ID。\n例如一个 YouTube 链接是：\nhttps://www.youtube.com/watch?v=abc123xyz 视频 ID 就是：\nabc123xyz 然后写：\n{{\u0026lt; youtube abc123xyz \u0026gt;}} 这里我故意用注释写法，避免你复制后立刻渲染一个无效视频。需要使用时，把 /* 和 */ 去掉。\n11. 引用块 # \u0026gt; 这是一个引用块。 效果：\n这是一个引用块。适合放重要提示、摘录或警告。\n12. 任务列表 # - [x] 创建 Hugo 项目 - [x] 安装 Blowfish - [ ] 写第一篇正式文章 效果：\n创建 Hugo 项目 安装 Blowfish 写第一篇正式文章 13. 总结 # 这篇文章建议你反复修改：\n换掉 local-demo.png。 修改标题层级，观察目录变化。 添加一个新标签，观察 /tags/ 页面变化。 添加一个新分类，观察 /categories/ 页面变化。 ","date":"2026-06-16","externalUrl":null,"permalink":"/learning/markdown-image-video-demo/","section":"学习","summary":"","title":"Markdown、图片、超链接和视频嵌入示范","type":"learning"},{"content":"","date":"2026-06-16","externalUrl":null,"permalink":"/series/","section":"Series","summary":"","title":"Series","type":"series"},{"content":"","date":"2026-06-16","externalUrl":null,"permalink":"/categories/xie-zuo/","section":"分类","summary":"","title":"Xie-Zuo","type":"categories"},{"content":"这个页面来自：\ncontent/learning/_index.md learning 是另一个 section。\n","date":"2026-06-16","externalUrl":null,"permalink":"/learning/","section":"学习","summary":"","title":"学习","type":"learning"},{"content":"","date":"2026-06-16","externalUrl":null,"permalink":"/tags/%E4%B8%AA%E4%BA%BA%E4%B8%BB%E9%A1%B5/","section":"Tags","summary":"","title":"个人主页","type":"tags"},{"content":"这个页面来自：\ncontent/about/index.md ","date":"2026-06-16","externalUrl":null,"permalink":"/about/","section":"王宇——个人主页","summary":"","title":"关于我","type":"page"},{"content":"","date":"2026-06-16","externalUrl":null,"permalink":"/categories/%E9%A1%B5%E9%9D%A2%E7%A4%BA%E8%8C%83/","section":"分类","summary":"","title":"页面示范","type":"categories"},{"content":"","externalUrl":null,"permalink":"/authors/","section":"Authors","summary":"","title":"Authors","type":"authors"},{"content":"这个页面来自：\ncontent/categories/jian-zhan/_index.md 如果你希望文章进入这里，建议在文章 front matter 中写：\ncategories: - jian-zhan 为了页面显示中文，你可以把本页 title 写成“建站”。\n如果你直接写：\ncategories: - 建站 Hugo 通常也能生成中文 URL，但新手阶段建议分类值先用英文或拼音，URL 更稳定。\n","externalUrl":null,"permalink":"/categories/jian-zhan/","section":"分类","summary":"","title":"建站","type":"categories"},{"content":"这个页面来自：\ncontent/life/_index.md life 是另一个 section。\n","externalUrl":null,"permalink":"/life/","section":"生活","summary":"","title":"生活","type":"life"},{"content":"这个页面来自：\ncontent/projects/_index.md 它说明：content/ 下面不一定只有 posts/，你还可以有：\ncontent/projects/ content/notes/ content/books/ content/tools/ 每个一级目录都可以成为一个 section。\n如果你希望首页最近内容也显示 projects，可以在 params.toml 中设置：\nmainSections = [\u0026#34;posts\u0026#34;, \u0026#34;projects\u0026#34;] ","externalUrl":null,"permalink":"/projects/","section":"项目","summary":"","title":"项目","type":"projects"}]