{
  "version": "https://jsonfeed.org/version/1.1",
  "title": "Hydrolinx Home",
  "home_page_url": "https://blog.hydrolinx.top/zh/",
  "feed_url": "https://blog.hydrolinx.top/zh/feed.json",
  "description": "Hydrolinx Home 的个人博客：前端开发、技术文章与生活随笔。",
  "icon": "https://blog.hydrolinx.top/logo.png",
  "items": [
    {
      "title": "AI Agent 智能体：从聊天助手到自主完成任务",
      "url": "https://blog.hydrolinx.top/zh/posts/ai-insights/ai-agents-explained.html",
      "id": "https://blog.hydrolinx.top/zh/posts/ai-insights/ai-agents-explained.html",
      "summary": "AI Agent（智能体）是以大语言模型为大脑，结合规划、工具调用和记忆，能够自主拆解并执行多步任务的 AI 系统。本文用通俗例子讲清 Agent 的四大核心组件、工作循环与典型应用场景。",
      "content_html": "<p>AI Agent（人工智能智能体），是把大语言模型当作“大脑”，再装上规划能力、外部工具和记忆，使其能围绕一个目标<strong>自主拆解任务、调用工具、连续执行直到完成</strong>的 AI 系统。如果说聊天机器人是“一张嘴”，Agent 就是一个能动手干活的“数字员工”。</p>\n<h2>一个例子看懂 Agent</h2>\n<p>你对普通聊天机器人说“帮我调研三个竞品并整理成表格”，它只能给你一套方法或模板。对 Agent 说同样的话，它会自己跑完整条链路：</p>\n<ol>\n<li><strong>规划</strong>：把目标拆成搜索、筛选、对比、制表几个步骤；</li>\n<li><strong>调用工具</strong>：用搜索引擎查资料、访问网页、运行代码；</li>\n<li><strong>观察结果</strong>：发现信息不足就换关键词重新检索；</li>\n<li><strong>完成交付</strong>：生成表格文件，甚至发到你邮箱。</li>\n</ol>\n<p>全程你只给目标，过程由它自己“想办法”。</p>\n<h2>AI Agent 的四大核心组件</h2>\n<p>| 组件 | 作用 | 类比 |\n|</p>\n",
      "date_published": "2026-09-11T00:00:00.000Z",
      "date_modified": "2026-09-19T14:35:03.000Z",
      "authors": [],
      "tags": [
        "AI 科普"
      ]
    },
    {
      "title": "如何用 AI 赚钱：普通人可落地的 7 条变现路径",
      "url": "https://blog.hydrolinx.top/zh/posts/ai-insights/make-money-with-ai.html",
      "id": "https://blog.hydrolinx.top/zh/posts/ai-insights/make-money-with-ai.html",
      "summary": "AI 不会直接给你打钱，但会放大个人能力。本文梳理 7 条普通人可执行的 AI 变现路径：内容创作、辅助接单、数字产品、代运营咨询、私域提效、电商素材、垂直小工具，附门槛对比与避坑提醒。",
      "content_html": "<p>AI 不会直接给你打钱，它放大的是“<strong>一个人能完成的工作量</strong>”。以下 7 条路径按门槛从低到高排列。</p>\n<h2>路径 1：AI 内容创作 / 自媒体</h2>\n<p>用 AI 辅助选题、写脚本、做图剪视频，在公众号、小红书、B 站、YouTube、TikTok 等平台做号。</p>\n<ol>\n<li>选一个你懂或愿长期研究的垂直领域；</li>\n<li>AI 出初稿，你负责观点和风格；</li>\n<li>收入来自流量分成、商单、带货和知识付费。</li>\n</ol>\n<p>纯 AI 批量号易被限流，<strong>个人风格和信任才是壁垒</strong>。</p>\n<h2>路径 2：AI 辅助接单（设计、文案、翻译、编程）</h2>\n<p>在闲鱼、Fiverr、Upwork 等平台接单，用 AI 数倍提升交付效率：</p>\n<ul>\n<li><strong>文案</strong>：公众号文章、产品描述、简历优化；</li>\n<li><strong>设计</strong>：AI 出图 + 人工精修，做 logo、海报、主图；</li>\n<li><strong>翻译</strong>：AI 初译 + 人工校对，深耕一个领域；</li>\n<li><strong>编程</strong>：用 Cursor 等工具接小型网站、脚本和自动化需求。</li>\n</ul>\n<p>竞争力不是“会用 AI”，而是<strong>懂需求、交付稳</strong>。</p>\n<h2>路径 3：做数字产品、模板和课程</h2>\n<p>一次生产、反复售卖：提示词包、Notion / Excel 模板、简历模板、AI 素材包、行业入门小课，可上架淘宝、小红书店铺、Gumroad、Etsy。先用免费内容验证需求。</p>\n<h2>路径 4：AI 工具代运营 / 咨询</h2>\n<p>很多中小企业想用 AI 却不会用：帮客户搭客服知识库（RAG）、培训员工、搭自动化流程、代运营账号，收“服务费 + 月度顾问费”。先在一个行业做深案例再复制。</p>\n<h2>路径 5：私域 + AI 提效</h2>\n<p>已有社群或客户名单，就用 AI 提升服务密度：自动答疑、批量生成素材和话术、个性化推送。同样时间服务更多客户，靠客单价和复购增收，而非拉人头。</p>\n<h2>路径 6：电商素材与运营支持</h2>\n<p>卖家持续需要素材：商品图换背景、AI 模特图、详情页文案、短视频脚本、多语言 Listing。可接店铺外包，也可卖标准化素材包，注意规则与版权。</p>\n<h2>路径 7：搭建垂直 AI 小工具</h2>\n<p>会编程或愿意用低代码工具，可做解决具体痛点的小产品：合同条款审查、标题生成器、行业客服机器人，靠订阅或按次收费。关键是找“<strong>窄而深、有人持续付费</strong>”的场景。</p>\n<h2>七条路径横向对比</h2>\n<p>| 路径 | 启动门槛 | 核心技能 | 回款速度 |\n|</p>\n",
      "date_published": "2026-09-12T00:00:00.000Z",
      "date_modified": "2026-09-19T14:35:03.000Z",
      "authors": [],
      "tags": [
        "AI 科普"
      ]
    },
    {
      "title": "提示词工程入门：让 AI 听话的 6 个实用方法",
      "url": "https://blog.hydrolinx.top/zh/posts/ai-insights/prompt-engineering-basics.html",
      "id": "https://blog.hydrolinx.top/zh/posts/ai-insights/prompt-engineering-basics.html",
      "summary": "提示词工程（Prompt Engineering）是通过设计输入指令来引导大模型稳定产出高质量结果的方法。本文讲解角色设定、给出示例、分步思考、明确格式、约束条件、持续迭代 6 个可直接套用的技巧。",
      "content_html": "<p>提示词工程（Prompt Engineering），就是通过精心设计你给 AI 的指令，让大语言模型稳定输出你想要的结果。同一个模型，会提问和不会提问的人，效果可以差出十倍。</p>\n<h2>为什么提示词如此关键</h2>\n<p>LLM 的工作方式是“根据上下文预测下一个 token”。你给的上下文越清晰，模型瞎猜的空间就越小。写提示词就像给一位能力很强、但对你业务一无所知的新同事布置任务：背景、目标、要求、标准都得讲清楚。</p>\n<h2>方法一：设定角色</h2>\n<p>让模型扮演特定身份，可以激活它的相关知识和表达风格：</p>\n<blockquote>\n<p>你是一名有 10 年经验的跨境电商文案，请为一款便携咖啡杯写 3 条英文广告标题，风格简洁有力。</p>\n</blockquote>\n<h2>方法二：给出示例（few-shot）</h2>\n<p>与其抽象描述，不如直接给 1-3 个“输入 → 输出”范例，模型会自动模仿格式与语气。这就是 <strong>few-shot（少样本）提示</strong>，特别适合分类、改写、固定模板生成等任务。给例子前先说清规则，效果通常比只给例子更好。</p>\n<h2>方法三：要求分步思考</h2>\n<p>处理推理、计算、复杂决策时，加上一句“请一步步思考，先列出分析过程，再给出结论”，能显著降低出错率。写长文也可以要求“先列提纲，经我确认后再展开”，避免逻辑跑偏。</p>\n<h2>方法四：明确输出格式</h2>\n<p>直接指定你要的结构，省去二次整理：</p>\n<ul>\n<li>用 Markdown 表格输出三款产品的对比结果；</li>\n<li>输出 JSON，字段固定为 title、summary、tags；</li>\n<li>先给 100 字摘要，再给 3 条可执行的行动建议。</li>\n</ul>\n<h2>方法五：写清约束条件</h2>\n<p>| 约束类型 | 写法示例 |\n|</p>\n",
      "date_published": "2026-09-09T00:00:00.000Z",
      "date_modified": "2026-09-19T14:35:03.000Z",
      "authors": [],
      "tags": [
        "AI 科普"
      ]
    },
    {
      "title": "什么是大语言模型（LLM）？一文看懂它如何工作",
      "url": "https://blog.hydrolinx.top/zh/posts/ai-insights/what-is-llm.html",
      "id": "https://blog.hydrolinx.top/zh/posts/ai-insights/what-is-llm.html",
      "summary": "大语言模型（LLM）是基于 Transformer 架构、通过预测下一个 token 来生成文本的 AI 系统。本文用通俗类比讲清 LLM 的工作原理、训练过程、能力边界与常见用途。",
      "content_html": "<p>大语言模型（LLM，Large Language Model）是一种基于 Transformer 架构、通过反复“预测下一个词”来生成文本的人工智能系统——ChatGPT、Claude、DeepSeek 背后都是它。</p>\n<h2>LLM 是怎么工作的：预测下一个 token</h2>\n<p>可以把 LLM 想象成一个读过海量文本的“超级接龙高手”。你给它一段话，它不是去数据库里查答案，而是逐字（更准确地说是逐个 token）计算：接下来最可能出现什么？</p>\n<ul>\n<li><strong>token</strong>：文本的最小处理单位，可以是一个词、半个词或一个标点。</li>\n<li>模型一次生成一个 token，再把它接回输入，循环往复，形成完整回答。</li>\n<li>它选出的不是唯一正确答案，而是按概率采样，所以同一个问题可能得到不同表述。</li>\n</ul>\n<h3>Transformer：让模型“看懂”上下文</h3>\n<p>2017 年 Google 提出的 Transformer 架构，是现代 LLM 的地基。其核心是<strong>自注意力机制（Self-Attention）</strong>：模型处理每个词时，会同时衡量它与句子中所有词的关联强弱。</p>\n<p>简单类比：读“狗追猫，因为它很害怕”这句话时，注意力机制帮助模型判断“它”指的是猫而不是狗。上下文越长，这种关联能力越重要。</p>\n<h2>LLM 的三个训练阶段</h2>\n<p>| 阶段 | 做什么 | 类比 |\n|</p>\n",
      "date_published": "2026-09-08T00:00:00.000Z",
      "date_modified": "2026-09-19T14:35:03.000Z",
      "authors": [],
      "tags": [
        "AI 科普"
      ]
    },
    {
      "title": "RAG 检索增强生成是什么：让 AI 用上你的私有知识",
      "url": "https://blog.hydrolinx.top/zh/posts/ai-insights/what-is-rag.html",
      "id": "https://blog.hydrolinx.top/zh/posts/ai-insights/what-is-rag.html",
      "summary": "RAG（检索增强生成）是一种“先检索、再回答”的 AI 架构，先从知识库找出相关资料，再让大模型基于资料作答。它能把企业文档、产品手册等私有数据接入 AI，显著减少幻觉，答案还能溯源。",
      "content_html": "<p>RAG（Retrieval-Augmented Generation，检索增强生成）是一种“先查资料、再回答”的 AI 架构：模型回答前，先从你的知识库里检索相关内容，再基于这些内容生成答案。它专治大模型两个最头疼的问题——<strong>不知道你的私有数据</strong>，以及<strong>爱“幻觉”</strong>。</p>\n<h2>为什么需要 RAG</h2>\n<p>通用大语言模型像一位博览群书、但从没读过你公司内部文档的顾问：</p>\n<ol>\n<li>它的知识有截止日期，不知道最新政策和产品信息；</li>\n<li>它没见过你的客服记录、合同、wiki 与笔记；</li>\n<li>拿不准时它倾向于编一个，而不是说“我不知道”。</li>\n</ol>\n<p>把私有文档全部拿去重新训练模型？成本高、更新慢，还有数据泄露风险。RAG 提供了一条轻量得多的路线。</p>\n<h2>RAG 是怎么工作的</h2>\n<p>可以把 RAG 比作<strong>开卷考试</strong>：不让模型死记硬背，而是允许它答题前先翻书。</p>\n<p>| 步骤 | 名称 | 做什么 |\n|</p>\n",
      "date_published": "2026-09-10T00:00:00.000Z",
      "date_modified": "2026-09-19T14:35:03.000Z",
      "authors": [],
      "tags": [
        "AI 科普"
      ]
    },
    {
      "title": "ChatGPT 深度评测：2026 年还值得用吗？",
      "url": "https://blog.hydrolinx.top/zh/posts/product-reviews/chatgpt-review.html",
      "id": "https://blog.hydrolinx.top/zh/posts/product-reviews/chatgpt-review.html",
      "summary": "本篇 ChatGPT 评测从核心能力、价格模式、优点局限与适合人群四个维度给出结论：2026 年它仍是综合体验最稳的通用 AI 助手，适合大多数人入门与日常使用，重度编程与长文场景可与 Claude、DeepSeek 搭配。",
      "content_html": "<p>结论先行：2026 年，ChatGPT 仍是综合能力最均衡、生态最成熟的通用 AI 助手，适合多数人作为主力工具；但它并非每项最强——超长文写作和复杂编程可交给 Claude，预算敏感的中文任务可考虑 DeepSeek。</p>\n<h2>ChatGPT 是什么：OpenAI 的旗舰对话 AI</h2>\n<p>ChatGPT 是 OpenAI 于 2022 年底推出的对话式 AI，也是带动这一轮 AI 普及的现象级产品。它覆盖网页、桌面和移动端，支持文字、语音、图片识别与文件处理，定位是「人人能用的通用 AI 助手」。</p>\n<h2>ChatGPT 的核心能力</h2>\n<ul>\n<li><strong>问答与学习辅导</strong>：解释概念、制定学习计划、陪练语言。</li>\n<li><strong>写作与内容创作</strong>：文章、脚本、文案快速出稿，支持多轮修改。</li>\n<li><strong>数据与文件分析</strong>：上传表格文档，清洗数据、总结要点、生成图表。</li>\n<li><strong>多模态与智能体</strong>：语音对话、图片生成、自定义 GPTs 工作流。</li>\n<li><strong>生态集成</strong>：记忆、联网浏览和第三方工具，新功能常早上线。</li>\n</ul>\n<h2>价格模式：免费版与付费订阅</h2>\n<p>ChatGPT 采用「免费 + 订阅」模式：免费版使用基础模型，并限量体验旗舰模型；付费订阅（如 Plus、Pro、Team 等）提供更高额度、优先响应和完整高级能力，具体价格以 OpenAI 官网为准。</p>\n<p>| 对比维度 | 免费版 | 付费订阅 |\n|</p>\n",
      "date_published": "2026-09-14T00:00:00.000Z",
      "date_modified": "2026-09-19T14:35:03.000Z",
      "authors": [],
      "tags": [
        "产品推介"
      ]
    },
    {
      "title": "Claude（Anthropic）评测：长文写作与编程到底强在哪",
      "url": "https://blog.hydrolinx.top/zh/posts/product-reviews/claude-anthropic-review.html",
      "id": "https://blog.hydrolinx.top/zh/posts/product-reviews/claude-anthropic-review.html",
      "summary": "本篇 Claude 评测围绕长文写作与编程两大强项展开，介绍 Anthropic 的产品定位、超大上下文、Projects 与 Claude Code 等核心能力、免费版与付费订阅差异，以及它的局限和适合人群，帮你判断 2026 年是否值得入手。",
      "content_html": "<p>结论先行：Claude 是 Anthropic 推出的对话式 AI，在 2026 年依旧是「长文写作」和「复杂编程」两个赛道口碑最好的助手之一。长时间与文字和代码打交道的人，值得把它放进工具箱。</p>\n<h2>Claude 是什么：Anthropic 的安全派 AI 助手</h2>\n<p>Claude 由美国 AI 公司 Anthropic（官网 anthropic.com）开发，安全与可靠是它的核心标签，通过 claude.ai 网页端、桌面和移动端提供，也面向企业开放 API。它不追求功能大而全，而强调长文本理解、稳定输出和可控性。</p>\n<h2>Claude 的核心能力</h2>\n<ul>\n<li><strong>超大上下文窗口</strong>：整本书稿、多份 PDF、整套项目文档可一次放入讨论。</li>\n<li><strong>长文写作与改写</strong>：文风自然、结构感强，擅长报告、方案、小说和深度文章。</li>\n<li><strong>编程与 Claude Code</strong>：多文件修改、重构、调试表现突出；Claude Code 可直接在终端与仓库中协作。</li>\n<li><strong>Projects 与 Artifacts</strong>：沉淀项目资料反复调用，并在独立画布预览网页和文档。</li>\n</ul>\n<h2>价格模式：免费版与付费订阅</h2>\n<p>Claude 提供免费版，使用受额度限制；付费订阅（如 Pro、Team 等档位）提升用量并开放更多高级能力，企业另有方案，具体价格以 anthropic.com 官网为准。</p>\n<p>| 对比维度 | 免费版 | 付费订阅 |\n|</p>\n",
      "date_published": "2026-09-15T00:00:00.000Z",
      "date_modified": "2026-09-19T14:35:03.000Z",
      "authors": [],
      "tags": [
        "产品推介"
      ]
    },
    {
      "title": "DeepSeek 评测：高性价比国产大模型实测",
      "url": "https://blog.hydrolinx.top/zh/posts/product-reviews/deepseek-review.html",
      "id": "https://blog.hydrolinx.top/zh/posts/product-reviews/deepseek-review.html",
      "summary": "本篇 DeepSeek 评测实测国产大模型深度求索的真实体验：中文能力、推理与编程、开源策略、免费网页版与低价 API、优点局限与适合人群，帮你判断 2026 年它是否值得成为你的省钱主力模型。",
      "content_html": "<p>结论先行：DeepSeek（深度求索，官网 deepseek.com）是 2026 年性价比最高的国产大模型之一：中文好、推理与编程强、网页端免费、API 便宜、模型开源。预算有限的学生、开发者和中小团队都值得一试。</p>\n<h2>DeepSeek 是什么：深度求索的开源派大模型</h2>\n<p>DeepSeek 由中国公司深度求索开发，以「开源 + 低成本」路线受到全球关注。它提供网页版和手机 App、开放 API，并公开主力模型权重，支持本地或私有化部署；产品线分通用对话模型与推理模型两条线。</p>\n<h2>DeepSeek 的核心能力</h2>\n<ul>\n<li><strong>中文理解与表达</strong>：对本土语境把握自然，写公文、文案、总结都顺手。</li>\n<li><strong>推理能力</strong>：推理模型「先思考再回答」，擅长数学、逻辑和复杂分析。</li>\n<li><strong>编程辅助</strong>：代码生成、补全、调试、解释源码都在线，是免费编程搭子。</li>\n<li><strong>开源与 API</strong>：可私有部署、按需微调；API 定价低廉，适合批量调用。</li>\n</ul>\n<h2>价格模式：免费网页版 + 低价 API</h2>\n<p>网页端和 App 免费注册使用；API 按用量计费，价格在同类模型中属于第一梯队的便宜；开源模型可自行下载部署，成本主要是自己的服务器。具体价格以 deepseek.com 官网为准。</p>\n<p>| 对比维度 | 免费网页版/App | API / 开源自部署 |\n|</p>\n",
      "date_published": "2026-09-16T00:00:00.000Z",
      "date_modified": "2026-09-19T14:35:03.000Z",
      "authors": [],
      "tags": [
        "产品推介"
      ]
    },
    {
      "title": "HydroMark 评测：在 OneNote 里实时写 Markdown",
      "url": "https://blog.hydrolinx.top/zh/posts/product-reviews/hydromark-intro.html",
      "id": "https://blog.hydrolinx.top/zh/posts/product-reviews/hydromark-intro.html",
      "summary": "HydroMark 是一个把真实 Markdown 编辑与所见即所得预览带进 OneNote 的 Windows 插件，标题、表格、LaTeX、Mermaid 图表、任务清单等都渲染为 OneNote 原生对象。本文按功能带你完整了解。",
      "content_html": "<p>如果你用 OneNote 又一直想写 Markdown，现在有了真正可行的方案：<strong>HydroMark</strong> 是一款 Windows 桌面插件，把真实的 Markdown 编辑与所见即所得（WYSIWYG）预览带进 OneNote 本身，而你依然拥有 OneNote 的笔记本、分区、同步和密码保护安全。</p>\n<h2>为什么值得关注</h2>\n<p>OneNote 长期是最好的笔记软件之一：微软背书的数据存储、全设备同步，以及大多数现代笔记软件悄悄砍掉的<strong>密码保护分区</strong>。但它从没提供过 Markdown。HydroMark 补上了这块，又不用你离开 OneNote。</p>\n<h2>功能逐一演示</h2>\n<h3>标题与列表</h3>\n<p>六级 <code>#</code> 标题渲染为 OneNote 原生文本，支持跨级跳用。有序、无序与深度嵌套列表缩进工整、原地渲染。</p>\n<p><img src=\"/images/hydromark/heading.png\" alt=\"OneNote 中的标题\"></p>\n<p><img src=\"/images/hydromark/lists.png\" alt=\"OneNote 中的列表\"></p>\n<h3>任务清单、引用与代码</h3>\n<p><code>- [ ]</code> 变成真正的 OneNote 待办勾选框，勾选状态会回写到 Markdown。<code>&gt;</code> 渲染为带嵌套缩进的引用块；围栏代码块支持数十种语言语法高亮。</p>\n<p><img src=\"/images/hydromark/task.png\" alt=\"任务清单演示\"></p>\n<p><img src=\"/images/hydromark/blockquote.png\" alt=\"引用块演示\"></p>\n<p><img src=\"/images/hydromark/code.png\" alt=\"OneNote 中的代码块\"></p>\n<h3>链接、表格与文本样式</h3>\n<p>标准 Markdown 链接渲染为 OneNote 原生超链接；带对齐的 GFM 表格渲染为真正的 OneNote 表格而非图片；加粗、斜体、删除线等行内样式全部支持。</p>\n<p><img src=\"/images/hydromark/links.png\" alt=\"链接演示\"></p>\n<p><img src=\"/images/hydromark/table.png\" alt=\"表格演示\"></p>\n<h3>公式、高亮与高亮框</h3>\n<p>行内 <code>$...$</code> 与块级 <code>$$...$$</code> 公式渲染为 <strong>OneNote 原生公式</strong>——可编辑、可缩放。<code>==高亮==</code> 标记重点文字；INFO / WARNING / IMPORTANT / ERROR 高亮框让重要说明一目了然。</p>\n<p><img src=\"/images/hydromark/math.png\" alt=\"数学公式演示\"></p>\n<p><img src=\"/images/hydromark/inline-highlight.png\" alt=\"行内高亮演示\"></p>\n<p><img src=\"/images/hydromark/highlight-box.png\" alt=\"高亮框演示\"></p>\n<h3>Mermaid 与 ZenUML 图表</h3>\n<p>这是重头戏。写 Mermaid——流程图、时序图、类图、状态图、甘特图、思维导图、git 图——页面里就渲染出对应图表。在图表上按 <code>Ctrl + Space</code> 可跳回 Markdown 源码。</p>\n<p><img src=\"/images/hydromark/flowchart.png\" alt=\"Mermaid 流程图演示\"></p>\n<p><img src=\"/images/hydromark/mindmap.png\" alt=\"Mermaid 思维导图演示\"></p>\n<p><img src=\"/images/hydromark/sequence.png\" alt=\"Mermaid 时序图演示\"></p>\n<p><img src=\"/images/hydromark/gantt-pie.png\" alt=\"Mermaid 甘特图与饼图演示\"></p>\n<h3>斜杠命令面板</h3>\n<p>任意位置输入 <code>/</code> 即可打开可搜索的命令面板，瞬间插入标题、列表、代码块、高亮框、公式、表格或图表——书写结构化笔记最快的方式。</p>\n<p><img src=\"/images/hydromark/slash.png\" alt=\"斜杠命令面板演示\"></p>\n<h2>价格</h2>\n<p>HydroMark 提供 <strong>14 天全功能免费试用</strong>，之后分基础版与终身版：基础版覆盖核心 Markdown 功能，终身版解锁全部高级功能（LaTeX、图表、高亮框、主题）。</p>\n<h2>适合谁</h2>\n<ul>\n<li><strong>OneNote 重度用户</strong>：想写 Markdown 又不想离开现有笔记本。</li>\n<li><strong>学生与研究者</strong>：需要可编辑的 LaTeX 与结构化笔记。</li>\n<li><strong>开发者和研究者</strong>：想要在笔记里内嵌 Mermaid 图表。</li>\n<li><strong>任何人</strong>：既看重密码保护分区，又想要现代书写体验。</li>\n</ul>\n<h2>常见问题</h2>\n<h3>写 Markdown 必须离开 OneNote 吗？</h3>\n<p>不用——一切都在 OneNote 内完成，你在同一页面写 Markdown 并看着它渲染。</p>\n<h3>图表渲染后还能编辑吗？</h3>\n<p>可以，用 <code>Ctrl + Space</code> 跳回 Markdown 源码，修改后重新渲染即可。</p>\n<h3>支持哪个版本的 OneNote？</h3>\n<p>HydroMark 面向 <strong>Windows 桌面版 OneNote</strong>。</p>\n<h2>总结</h2>\n<p>HydroMark 终于让 OneNote 拥有原生的 Markdown 体验——实时预览、原生公式、完整 Mermaid 图表，价格也低于同类。如果你一直希望 OneNote 支持 Markdown，这个 14 天试用值得一试。前往 <a href=\"https://hydromark.hydrolinx.top\" target=\"_blank\" rel=\"noopener noreferrer\">HydroMark 官网</a> 体验。</p>\n",
      "image": "https://blog.hydrolinx.top/images/hydromark/heading.png",
      "date_published": "2026-09-19T00:00:00.000Z",
      "date_modified": "2026-09-19T14:35:03.000Z",
      "authors": [],
      "tags": [
        "产品推介"
      ]
    },
    {
      "title": "OneMark 对比 HydroMark：OneNote 的 Markdown 插件到底选哪个",
      "url": "https://blog.hydrolinx.top/zh/posts/product-reviews/onemark-vs-hydromark.html",
      "id": "https://blog.hydrolinx.top/zh/posts/product-reviews/onemark-vs-hydromark.html",
      "summary": "对比 OneNote 的两款主流 Markdown 插件 OneMark 与 HydroMark。HydroMark 在原生 LaTeX、斜杠命令面板、高亮框、完整 Mermaid 与 ZenUML、以及价格上胜出；OneMark 则保留了更传统的双向工作流与 CSS 主题。",
      "content_html": "<p>OneNote 至今没有原生 Markdown。想在 OneNote 里不离开它就能写 Markdown，最常遇到的两个名字是 <strong>OneMark</strong> 和 <strong>HydroMark</strong>——都是 Windows 桌面插件、原地渲染 Markdown。基础能力两者重合，但 HydroMark 有几项 OneMark 没有的差异点，价格上也更划算。</p>\n<h2>一表速览</h2>\n<p>| 功能 | OneMark | HydroMark |\n|</p>\n",
      "image": "https://blog.hydrolinx.top/images/hydromark/math.png",
      "date_published": "2026-09-19T00:00:00.000Z",
      "date_modified": "2026-09-19T14:35:03.000Z",
      "authors": [],
      "tags": [
        "产品推介"
      ]
    },
    {
      "title": "TraeWork 评测：AI 编程与办公一体化工作台",
      "url": "https://blog.hydrolinx.top/zh/posts/product-reviews/trae-work-review.html",
      "id": "https://blog.hydrolinx.top/zh/posts/product-reviews/trae-work-review.html",
      "summary": "本篇 TraeWork 评测介绍字节跳动 TRAE 旗下这款一体化 AI 工作台：Work、Code、Design 三种模式覆盖文档、PPT、数据分析、深度调研与代码开发，多端协同、自然语言下发任务，以及免费额度、适合人群和变现玩法。",
      "content_html": "<p>结论先行：TraeWork 是字节跳动 TRAE 旗下的 AI 办公平台（官网 trae.cn，国际站 trae.ai），把办公、设计与编程塞进同一个工作台。2026 年想让一个 AI 同时帮你写报告、做 PPT、分析数据和开发小工具，它是少有的一站式选择。</p>\n<h2>TraeWork 是什么：TRAE 旗下的 AI 办公平台</h2>\n<p>TraeWork 支持桌面端（macOS、Windows）、网页端与移动端，核心理念是「下发任务，AI 交付，验收结果」：用自然语言描述需求，它自动拆解步骤并产出成品。TRAE 家族还包括 AI IDE 产品 TraeCode，覆盖办公与开发两大场景。</p>\n<h2>TraeWork 的核心能力</h2>\n<ul>\n<li><strong>Work 模式</strong>：面向产品、运营、分析师，自动生成 PPT、深度调研、文档撰写和数据分析。</li>\n<li><strong>Code 模式</strong>：智能体主导代码生成、调试、审查和测试，也可切换 IDE 式开发体验。</li>\n<li><strong>Design 模式</strong>：视觉与设计类任务在同一工具内闭环。</li>\n<li><strong>多端协同</strong>：桌面、网页、移动端任务互通，手机看进度、电脑做验收。</li>\n<li><strong>自然语言驱动</strong>：自动拆解执行，不要求会写复杂提示词。</li>\n</ul>\n<h2>价格模式：积分制，免费起步</h2>\n<p>TraeWork 可以免费开始，新用户注册即送积分；不同模式和模型按积分消耗，用完可充值或订阅，规则以 trae.cn 官网公示为准。</p>\n<p>| 对比维度 | 免费起步 | 付费/订阅 |\n|</p>\n",
      "date_published": "2026-09-17T00:00:00.000Z",
      "date_modified": "2026-09-19T14:35:03.000Z",
      "authors": [],
      "tags": [
        "产品推介"
      ]
    },
    {
      "title": "智元机器人 Agibot：人形机器人从实验室走向量产",
      "url": "https://blog.hydrolinx.top/zh/posts/tech-news/agibot-humanoid-robots.html",
      "id": "https://blog.hydrolinx.top/zh/posts/tech-news/agibot-humanoid-robots.html",
      "summary": "智元机器人（Agibot）由「稚晖君」彭志辉联合创立，聚焦人形机器人与通用具身智能。本文梳理其从实验室原型走向量产与商业化的路径，以及普通人该关注的机会。",
      "content_html": "<p><strong>核心结论：人形机器人的竞争，已从「谁能做出来」转向「谁能批量造、稳定用、卖得动」，智元机器人（Agibot）正是其中最受关注的中国公司之一。</strong></p>\n<h2>智元机器人是谁：从「稚晖君」到 Agibot</h2>\n<p>智元机器人成立于 2023 年初，创始人之一是因硬核科技视频走红的「稚晖君」彭志辉。公司英文名 Agibot，定位很明确：</p>\n<ul>\n<li>做<strong>人形机器人</strong>与<strong>通用具身智能</strong>（Embodied AI），让 AI 拥有能移动、能干活的身体；</li>\n<li>不只做实验室演示，而是强调<strong>量产制造</strong>与<strong>商业场景落地</strong>；</li>\n<li>近年来持续获得融资，并推进产线建设与生态合作。</li>\n</ul>\n<h2>人形机器人为什么正在走出实验室</h2>\n<p>过去人形机器人最大的问题是：能动的不便宜，便宜的不好用。近两年情况正在改变。</p>\n<h3>关键转折：大模型 + 量产制造</h3>\n<ul>\n<li><strong>大脑更聪明</strong>：多模态大模型让机器人听懂自然语言、识别物体、跨场景完成任务；</li>\n<li><strong>身体更便宜</strong>：关节、传感器、灵巧手等核心部件国产化，整机成本持续下探；</li>\n<li><strong>制造可复制</strong>：头部公司开始采用汽车级供应链和自建工厂，而不是手工拼装几台样机。</li>\n</ul>\n<h3>主要玩家怎么定位</h3>\n<p>| 厂商/产品 | 核心定位 | 突出特点 | 适合关注的人群 |\n|</p>\n",
      "date_published": "2026-09-13T00:00:00.000Z",
      "date_modified": "2026-09-19T14:35:03.000Z",
      "authors": [],
      "tags": [
        "科技资讯"
      ]
    },
    {
      "title": "国产大模型混战：DeepSeek、豆包、通义千问、元宝各自怎么选",
      "url": "https://blog.hydrolinx.top/zh/posts/tech-news/china-llm-landscape.html",
      "id": "https://blog.hydrolinx.top/zh/posts/tech-news/china-llm-landscape.html",
      "summary": "DeepSeek、豆包、通义千问、元宝四强各有定位：DeepSeek 开源高性价比、豆包主打 C 端与内容生态、通义千问开源加办公、元宝接入微信生态与深度搜索。本文给你一份实用选择指南。",
      "content_html": "<p><strong>核心结论：没有「最好」的国产大模型，只有「最适合你场景」的——开发者看开源与成本，普通用户看顺手与生态。</strong></p>\n<h2>四强各自是什么来头</h2>\n<p>国产大模型已从「拼参数」进入「拼体验、拼价格、拼生态」的阶段。目前关注度最高的四家：</p>\n<ul>\n<li><strong>DeepSeek（深度求索）</strong>：以开源模型和极强性价比出圈，推理能力突出；</li>\n<li><strong>豆包（字节跳动）</strong>：C 端助手代表，可通过 doubao.com 和 App 使用，背靠字节内容生态；</li>\n<li><strong>通义千问（阿里巴巴）</strong>：Qwen 系列开源影响力大，同时有通义 App 和办公向能力；</li>\n<li><strong>元宝（腾讯）</strong>：入口在 yuanbao.tencent.com，接入微信生态与公众号内容，主打深度搜索。</li>\n</ul>\n<h2>一张表看清怎么选</h2>\n<p>| 产品 | 公司 | 定位 | 核心特点 | 最适合人群 |\n|</p>\n",
      "date_published": "2026-09-19T00:00:00.000Z",
      "date_modified": "2026-09-19T14:35:03.000Z",
      "authors": [],
      "tags": [
        "科技资讯"
      ]
    },
    {
      "title": "Google Gemini 最新进展：多模态与长上下文持续进化",
      "url": "https://blog.hydrolinx.top/zh/posts/tech-news/gemini-new-model.html",
      "id": "https://blog.hydrolinx.top/zh/posts/tech-news/gemini-new-model.html",
      "summary": "Google Gemini 持续迭代，重点放在多模态理解、长上下文处理，以及与搜索、Workspace 办公套件的深度集成。本文用通俗方式讲清 Gemini 的进化方向，以及它对日常 AI 提效的意义。",
      "content_html": "<p><strong>核心结论：Gemini 的竞争重点不再是单一跑分，而是「什么都能看懂、记得住长内容、直接嵌进你每天都在用的工具里」。</strong></p>\n<h2>Gemini 是什么：Google 的多模态旗舰</h2>\n<p>Gemini 是 Google 推出的多模态大模型系列。所谓多模态，就是它不只能读文字，还能同时理解图片、音频、视频和代码，并生成文字、图片等内容。它的进化主线非常清晰：</p>\n<ul>\n<li><strong>多模态</strong>：从「识图」走向理解视频与实时画面；</li>\n<li><strong>长上下文</strong>：一次能处理更长的文档、代码库和会议记录；</li>\n<li><strong>深度集成</strong>：与 Google 搜索、Gemini App，以及 Gmail、Docs、Sheets、Meet 等 Workspace 应用打通。</li>\n</ul>\n<h2>最新进展集中在哪些方向</h2>\n<h3>多模态：从聊天机器人到「看得懂屏幕」</h3>\n<ul>\n<li>支持上传图片、文档、音频与视频进行提问和总结；</li>\n<li>在部分场景中可结合摄像头或屏幕画面，做实时讲解、解题与操作辅助；</li>\n<li>图像与语音生成能力持续增强，交互更接近面对面沟通。</li>\n</ul>\n<h3>长上下文：长文档不再靠切片</h3>\n<p>更大的上下文窗口，意味着可以直接扔进一份长报告、整份合同或大量代码，模型能在更完整的信息上做摘要、找差异、做推理，减少因分段输入导致的信息遗漏。</p>\n<h3>与搜索和办公生态集成</h3>\n<p>| 能力方向 | 具体表现 | 典型用法 |\n|</p>\n",
      "date_published": "2026-09-18T00:00:00.000Z",
      "date_modified": "2026-09-19T14:35:03.000Z",
      "authors": [],
      "tags": [
        "科技资讯"
      ]
    },
    {
      "title": "我与 AI 的 500 年故事",
      "url": "https://blog.hydrolinx.top/zh/intro.html",
      "id": "https://blog.hydrolinx.top/zh/intro.html",
      "summary": "我与 AI 的 500 年故事 我是 Mr.HydrolinX —— 一个把 AI 当作&quot;跨越五百年同路人&quot;的开发者。 这不是科幻：在 AI 时代，一天可以完成以往一年的创造。我所说的&quot;500 年&quot;，就是靠这架时间杠杆，用来学习、创作，也用来让想法变现。 五百年太长，我只争朝夕。这个博客，是我与 AI 一路走来的...",
      "content_html": "\n<p>我是 Mr.HydrolinX —— 一个把 AI 当作&quot;跨越五百年同路人&quot;的开发者。</p>\n<p>这不是科幻：在 AI 时代，<strong>一天可以完成以往一年的创造</strong>。我所说的&quot;500 年&quot;，就是靠这架时间杠杆，用来学习、创作，也用来让想法变现。</p>\n<p>五百年太长，我只争朝夕。这个博客，是我与 AI 一路走来的记录：</p>\n<ul>\n<li>🤖 <strong>时间杠杆</strong>：用智能体与工作流，把重复的事交给机器</li>\n<li>💰 <strong>把时间换成钱</strong>：技能 × AI 的真实变现路径</li>\n<li>🚀 <strong>代代革新</strong>：每一代新模型，都是一次新的纪元</li>\n</ul>\n<p>从前是&quot;十年磨一剑&quot;，如今是与 AI &quot;一夜磨百剑&quot;。</p>\n<p>这里没有捷径，只有把 AI 的杠杆一点点用起来的真实故事。</p>\n",
      "image": "https://blog.hydrolinx.top/assets/images/cover3.jpg",
      "date_published": "2024-11-04T06:51:54.000Z",
      "date_modified": "2026-09-19T17:37:33.000Z",
      "authors": [],
      "tags": []
    },
    {
      "title": "布局与功能禁用",
      "url": "https://blog.hydrolinx.top/zh/demo/disable.html",
      "id": "https://blog.hydrolinx.top/zh/demo/disable.html",
      "summary": "你可以通过设置页面的 Frontmatter，在页面禁用功能与布局。",
      "content_html": "<p>你可以通过设置页面的 Frontmatter，在页面禁用功能与布局。</p>\n<!-- more -->\n<p>本页面就是一个示例，禁用了如下功能:</p>\n<ul>\n<li>导航栏</li>\n<li>侧边栏</li>\n<li>路径导航</li>\n<li>页面信息</li>\n<li>贡献者</li>\n<li>编辑此页链接</li>\n<li>更新时间</li>\n<li>上一篇/下一篇 链接</li>\n<li>评论</li>\n<li>页脚</li>\n<li>返回顶部按钮</li>\n</ul>\n",
      "date_published": "2024-11-04T06:51:54.000Z",
      "date_modified": "2024-11-04T06:51:54.000Z",
      "authors": [],
      "tags": [
        "使用指南"
      ]
    },
    {
      "title": "布局",
      "url": "https://blog.hydrolinx.top/zh/demo/layout.html",
      "id": "https://blog.hydrolinx.top/zh/demo/layout.html",
      "summary": "布局包括: 导航栏 侧边栏 页脚 同时每个页面包含: 路径导航 标题和页面信息 TOC (文章标题列表) 贡献者、更新时间等页面元信息 评论 主题也带有以下元素: 夜间模式按钮 返回顶部按钮 打印按钮 你可以在主题选项和页面的 frontmatter 中自定义它们。",
      "content_html": "<p>布局包括:</p>\n<ul>\n<li><a href=\"https://theme-hope.vuejs.press/zh/guide/layout/navbar.html\" target=\"_blank\" rel=\"noopener noreferrer\">导航栏</a></li>\n<li><a href=\"https://theme-hope.vuejs.press/zh/guide/layout/sidebar.html\" target=\"_blank\" rel=\"noopener noreferrer\">侧边栏</a></li>\n<li><a href=\"https://theme-hope.vuejs.press/zh/guide/layout/footer.html\" target=\"_blank\" rel=\"noopener noreferrer\">页脚</a></li>\n</ul>\n<p>同时每个页面包含:</p>\n<ul>\n<li><a href=\"https://theme-hope.vuejs.press/zh/guide/layout/breadcrumb.html\" target=\"_blank\" rel=\"noopener noreferrer\">路径导航</a></li>\n<li><a href=\"https://theme-hope.vuejs.press/zh/guide/feature/page-info.html\" target=\"_blank\" rel=\"noopener noreferrer\">标题和页面信息</a></li>\n<li><a href=\"https://theme-hope.vuejs.press/zh/guide/layout/page.html#%E6%A0%87%E9%A2%98%E5%88%97%E8%A1%A8\" target=\"_blank\" rel=\"noopener noreferrer\">TOC (文章标题列表)</a></li>\n<li><a href=\"https://theme-hope.vuejs.press/guide/feature/meta.html\" target=\"_blank\" rel=\"noopener noreferrer\">贡献者、更新时间等页面元信息</a></li>\n<li><a href=\"https://theme-hope.vuejs.press/zh/guide/feature/comment.html\" target=\"_blank\" rel=\"noopener noreferrer\">评论</a></li>\n</ul>\n<p>主题也带有以下元素:</p>\n<ul>\n<li><a href=\"https://theme-hope.vuejs.press/zh/guide/interface/darkmode.html\" target=\"_blank\" rel=\"noopener noreferrer\">夜间模式按钮</a></li>\n<li><a href=\"https://theme-hope.vuejs.press/guide/interface/others.html#%E8%BF%94%E5%9B%9E%E9%A1%B6%E9%83%A8%E6%8C%89%E9%92%AE\" target=\"_blank\" rel=\"noopener noreferrer\">返回顶部按钮</a></li>\n<li><a href=\"https://theme-hope.vuejs.press/guide/interface/others.html#%E6%89%93%E5%8D%B0%E6%8C%89%E9%92%AE\" target=\"_blank\" rel=\"noopener noreferrer\">打印按钮</a></li>\n</ul>\n<p>你可以在主题选项和页面的 frontmatter 中自定义它们。</p>\n",
      "date_published": "2024-11-04T06:51:54.000Z",
      "date_modified": "2024-11-04T06:51:54.000Z",
      "authors": [],
      "tags": [
        "指南"
      ]
    },
    {
      "title": "Markdown 展示",
      "url": "https://blog.hydrolinx.top/zh/demo/markdown.html",
      "id": "https://blog.hydrolinx.top/zh/demo/markdown.html",
      "summary": "VuePress 主要从 Markdown 文件生成页面。因此，你可以使用它轻松生成文档或博客站点。 你需要创建并编写 Markdown，以便 VuePress 可以根据文件结构将它们转换为不同的页面。",
      "content_html": "<p>VuePress 主要从 Markdown 文件生成页面。因此，你可以使用它轻松生成文档或博客站点。</p>\n<p>你需要创建并编写 Markdown，以便 VuePress 可以根据文件结构将它们转换为不同的页面。</p>\n<!-- more -->\n<h2>Markdown 介绍</h2>\n<p>如果你是一个新手，还不会编写 Markdown，请先阅读 <a href=\"https://theme-hope.vuejs.press/zh/cookbook/markdown/\" target=\"_blank\" rel=\"noopener noreferrer\">Markdown 介绍</a> 和 <a href=\"https://theme-hope.vuejs.press/zh/cookbook/markdown/demo.html\" target=\"_blank\" rel=\"noopener noreferrer\">Markdown 演示</a>。</p>\n<h2>Markdown 配置</h2>\n<p>VuePress 通过 Frontmatter 为每个 Markdown 页面引入配置。</p>\n<div class=\"hint-container important\">\n<p class=\"hint-container-title\">Frontmatter</p>\n<p>Frontmatter 是 VuePress 中很重要的一个概念，请阅读 <a href=\"https://theme-hope.vuejs.press/zh/cookbook/vuepress/page.html#front-matter\" target=\"_blank\" rel=\"noopener noreferrer\">Frontmatter 介绍</a> 了解详情。</p>\n</div>\n<h2>Markdown 扩展</h2>\n<p>VuePress 会使用 <a href=\"https://github.com/markdown-it/markdown-it\" target=\"_blank\" rel=\"noopener noreferrer\">markdown-it</a> 来解析 Markdown 内容，因此可以借助于 markdown-it 插件来实现 <a href=\"https://github.com/markdown-it/markdown-it#syntax-extensions\" target=\"_blank\" rel=\"noopener noreferrer\">语法扩展</a> 。</p>\n<h3>VuePress 扩展</h3>\n<p>为了丰富文档写作，VuePress 对 Markdown 语法进行了扩展。</p>\n<p>关于这些扩展，请阅读 <a href=\"https://theme-hope.vuejs.press/zh/cookbook/vuepress/markdown.html\" target=\"_blank\" rel=\"noopener noreferrer\">VuePress 中的 Markdown 扩展</a>。</p>\n<h3>主题扩展</h3>\n<p>通过 VuePress 插件，主题扩展了更多 Markdown 语法，提供更加丰富的写作功能。</p>\n<h4>选项卡</h4>\n<p>::: tabs#fruit</p>\n<p>@tab apple</p>\n<p>Apple</p>\n<p>@tab banana</p>\n<p>Banana</p>\n<p>@tab orange</p>\n<p>Orange</p>\n<p>:::</p>\n<ul>\n<li><a href=\"https://theme-hope.vuejs.press/zh/guide/markdown/content/tabs.html\" target=\"_blank\" rel=\"noopener noreferrer\">查看详情</a></li>\n</ul>\n<h4>脚注</h4>\n<p>此文字有脚注<a href=\"%E8%BF%99%E6%98%AF%E8%84%9A%E6%B3%A8%E5%86%85%E5%AE%B9\">^first</a>.</p>\n<ul>\n<li><a href=\"https://theme-hope.vuejs.press/zh/guide/markdown/content/footnote.html\" target=\"_blank\" rel=\"noopener noreferrer\">查看详情</a></li>\n</ul>\n<h4>导入文件</h4>\n<ul>\n<li><a href=\"https://theme-hope.vuejs.press/zh/guide/markdown/content/include.html\" target=\"_blank\" rel=\"noopener noreferrer\">查看详情</a></li>\n</ul>\n<h4>TeX 语法</h4>\n<p>$$\n\\frac {\\partial^r} {\\partial \\omega^r} \\left(\\frac {y^{\\omega}} {\\omega}\\right)\n= \\left(\\frac {y^{\\omega}} {\\omega}\\right) \\left{(\\log y)^r + \\sum_{i=1}^r \\frac {(-1)^i r \\cdots (r-i+1) (\\log y)^{r-i}} {\\omega^i} \\right}\n$$</p>\n<ul>\n<li><a href=\"https://theme-hope.vuejs.press/zh/guide/markdown/grammar/tex.html\" target=\"_blank\" rel=\"noopener noreferrer\">查看详情</a></li>\n</ul>\n<h4>任务列表</h4>\n<ul>\n<li>[x] 计划 1</li>\n<li>[ ] 计划 2</li>\n</ul>\n<p><a href=\"https://theme-hope.vuejs.press/zh/guide/markdown/grammar/tasklist.html\" target=\"_blank\" rel=\"noopener noreferrer\">查看详情</a></p>\n<h3>图片增强</h3>\n<p>支持为图片设置颜色模式和大小。</p>\n<ul>\n<li><a href=\"https://theme-hope.vuejs.press/zh/guide/markdown/grammar/image.html\" target=\"_blank\" rel=\"noopener noreferrer\">查看详情</a></li>\n</ul>\n<h4>上下角标</h4>\n<p>19^th^ H~2~O</p>\n<ul>\n<li><a href=\"https://theme-hope.vuejs.press/zh/guide/markdown/grammar/sup-sub.html\" target=\"_blank\" rel=\"noopener noreferrer\">查看详情</a></li>\n</ul>\n<h4>组件</h4>\n\n<ul>\n<li><a href=\"https://theme-hope.vuejs.press/zh/guide/component/grammar.html\" target=\"_blank\" rel=\"noopener noreferrer\">查看详情</a></li>\n</ul>\n<h4>提示容器</h4>\n<p>安全地在 Markdown 中使用 <span v-pre>{{ variable }}</span>。</p>\n<div class=\"hint-container info\">\n<p class=\"hint-container-title\">自定义标题</p>\n<p>信息容器，包含 <code>代码</code> 与 <a href=\"#%E6%8F%90%E7%A4%BA%E5%AE%B9%E5%99%A8\">链接</a>。</p>\n<div class=\"language-js line-numbers-mode\" data-highlighter=\"shiki\" data-ext=\"js\" style=\"--shiki-light:#383A42;--shiki-dark:#abb2bf;--shiki-light-bg:#FAFAFA;--shiki-dark-bg:#282c34\"><pre class=\"shiki shiki-themes one-light one-dark-pro vp-code\"><code class=\"language-js\"><span class=\"line\"><span style=\"--shiki-light:#A626A4;--shiki-dark:#C678DD\">const</span><span style=\"--shiki-light:#986801;--shiki-dark:#E5C07B\"> a</span><span style=\"--shiki-light:#0184BC;--shiki-dark:#56B6C2\"> =</span><span style=\"--shiki-light:#986801;--shiki-dark:#D19A66\"> 1</span><span style=\"--shiki-light:#383A42;--shiki-dark:#ABB2BF\">;</span></span></code></pre>\n<div class=\"line-numbers\" aria-hidden=\"true\" style=\"counter-reset:line-number 0\"><div class=\"line-number\"></div></div></div></div>\n<div class=\"hint-container tip\">\n<p class=\"hint-container-title\">自定义标题</p>\n<p>提示容器</p>\n</div>\n<div class=\"hint-container warning\">\n<p class=\"hint-container-title\">自定义标题</p>\n<p>警告容器</p>\n</div>\n<div class=\"hint-container caution\">\n<p class=\"hint-container-title\">自定义标题</p>\n<p>危险容器</p>\n</div>\n<details class=\"hint-container details\"><summary>自定义标题</summary>\n<p>详情容器</p>\n</details>\n<ul>\n<li><a href=\"https://theme-hope.vuejs.press/zh/guide/markdown/stylize/alert.html\" target=\"_blank\" rel=\"noopener noreferrer\">GitHub 警示</a></li>\n<li><a href=\"https://theme-hope.vuejs.press/zh/guide/markdown/stylize/hint.html\" target=\"_blank\" rel=\"noopener noreferrer\">提示框</a></li>\n</ul>\n<h4>自定义对齐</h4>\n<p>::: center</p>\n<p>我是居中的</p>\n<p>:::</p>\n<p>::: right</p>\n<p>我在右对齐</p>\n<p>:::</p>\n<ul>\n<li><a href=\"https://theme-hope.vuejs.press/zh/guide/markdown/stylize/align.html\" target=\"_blank\" rel=\"noopener noreferrer\">查看详情</a></li>\n</ul>\n<h4>属性支持</h4>\n<p>一个拥有 ID 的 <strong>单词</strong>{#word}。</p>\n<ul>\n<li><a href=\"https://theme-hope.vuejs.press/zh/guide/markdown/stylize/attrs.html\" target=\"_blank\" rel=\"noopener noreferrer\">查看详情</a></li>\n</ul>\n<h4>标记</h4>\n<p>你可以标记 ==重要的内容== 。</p>\n<ul>\n<li><a href=\"https://theme-hope.vuejs.press/zh/guide/markdown/stylize/mark.html\" target=\"_blank\" rel=\"noopener noreferrer\">查看详情</a></li>\n</ul>\n<h4>剧透</h4>\n<p>VuePress Theme Hope !!十分强大!!.</p>\n<ul>\n<li><a href=\"https://theme-hope.vuejs.press/zh/guide/markdown/stylize/spoiler.html\" target=\"_blank\" rel=\"noopener noreferrer\">查看详情</a></li>\n</ul>\n<h4>样式化</h4>\n<p>向 Mr.HydrolinX 捐赠一杯咖啡。 <em>Recommended</em></p>\n<ul>\n<li><a href=\"https://theme-hope.vuejs.press/zh/guide/markdown/stylize/stylize.html\" target=\"_blank\" rel=\"noopener noreferrer\">查看详情</a></li>\n</ul>\n<h4>图表</h4>\n<iframe src=\"https://plugin-md-enhance-demo.vuejs.press/snippet/chartjs.html\" width=\"100%\" height=\"450\"></iframe>\n<ul>\n<li><a href=\"https://theme-hope.vuejs.press/zh/guide/markdown/chart/chartjs.html\" target=\"_blank\" rel=\"noopener noreferrer\">查看详情</a></li>\n</ul>\n<h4>ECharts</h4>\n<iframe src=\"https://plugin-md-enhance-demo.vuejs.press/snippet/echarts.html\" width=\"100%\" height=\"800\"></iframe>\n<ul>\n<li><a href=\"https://theme-hope.vuejs.press/zh/guide/markdown/chart/echarts.html\" target=\"_blank\" rel=\"noopener noreferrer\">查看详情</a></li>\n</ul>\n<h4>流程图</h4>\n<iframe src=\"https://plugin-md-enhance-demo.vuejs.press/snippet/flowchart.html\" width=\"100%\" height=\"450\"></iframe>\n<ul>\n<li><a href=\"https://theme-hope.vuejs.press/zh/guide/markdown/chart/flowchart.html\" target=\"_blank\" rel=\"noopener noreferrer\">查看详情</a></li>\n</ul>\n<h4>MarkMap</h4>\n<iframe src=\"https://plugin-md-enhance-demo.vuejs.press/snippet/markmap.html\" width=\"100%\" height=\"380\"></iframe>\n<ul>\n<li><a href=\"https://theme-hope.vuejs.press/zh/guide/markdown/chart/markmap.html\" target=\"_blank\" rel=\"noopener noreferrer\">查看详情</a></li>\n</ul>\n<h4>Mermaid</h4>\n<iframe src=\"https://plugin-md-enhance-demo.vuejs.press/snippet/mermaid.html\" width=\"100%\" height=\"620\"></iframe>\n<ul>\n<li><a href=\"https://theme-hope.vuejs.press/zh/guide/markdown/chart/mermaid.html\" target=\"_blank\" rel=\"noopener noreferrer\">查看详情</a></li>\n</ul>\n<h4>PlantUML</h4>\n<p>@startuml\nAlice -&gt; Bob: 认证请求</p>\n<p>alt 成功情况</p>\n<pre><code>Bob -&gt; Alice: 认证接受\n</code></pre>\n<p>else 某种失败情况</p>\n<pre><code>Bob -&gt; Alice: 认证失败\ngroup 我自己的标签\nAlice -&gt; Log : 开始记录攻击日志\n    loop 1000次\n        Alice -&gt; Bob: DNS 攻击\n    end\nAlice -&gt; Log : 结束记录攻击日志\nend\n</code></pre>\n<p>else 另一种失败</p>\n<pre><code>Bob -&gt; Alice: 请重复\n</code></pre>\n<p>end\n@enduml</p>\n<ul>\n<li><a href=\"https://theme-hope.vuejs.press/zh/guide/markdown/chart/plantuml.html\" target=\"_blank\" rel=\"noopener noreferrer\">View Detail</a></li>\n</ul>\n<h4>代码块</h4>\n<p>::: code-tabs</p>\n<p>@tab pnpm</p>\n<div class=\"language-bash line-numbers-mode\" data-highlighter=\"shiki\" data-ext=\"bash\" style=\"--shiki-light:#383A42;--shiki-dark:#abb2bf;--shiki-light-bg:#FAFAFA;--shiki-dark-bg:#282c34\"><pre class=\"shiki shiki-themes one-light one-dark-pro vp-code\"><code class=\"language-bash\"><span class=\"line\"><span style=\"--shiki-light:#4078F2;--shiki-dark:#61AFEF\">pnpm</span><span style=\"--shiki-light:#50A14F;--shiki-dark:#98C379\"> add</span><span style=\"--shiki-light:#986801;--shiki-dark:#D19A66\"> -D</span><span style=\"--shiki-light:#50A14F;--shiki-dark:#98C379\"> vuepress-theme-hope</span></span></code></pre>\n<div class=\"line-numbers\" aria-hidden=\"true\" style=\"counter-reset:line-number 0\"><div class=\"line-number\"></div></div></div><p>@tab yarn</p>\n<div class=\"language-bash line-numbers-mode\" data-highlighter=\"shiki\" data-ext=\"bash\" style=\"--shiki-light:#383A42;--shiki-dark:#abb2bf;--shiki-light-bg:#FAFAFA;--shiki-dark-bg:#282c34\"><pre class=\"shiki shiki-themes one-light one-dark-pro vp-code\"><code class=\"language-bash\"><span class=\"line\"><span style=\"--shiki-light:#4078F2;--shiki-dark:#61AFEF\">yarn</span><span style=\"--shiki-light:#50A14F;--shiki-dark:#98C379\"> add</span><span style=\"--shiki-light:#986801;--shiki-dark:#D19A66\"> -D</span><span style=\"--shiki-light:#50A14F;--shiki-dark:#98C379\"> vuepress-theme-hope</span></span></code></pre>\n<div class=\"line-numbers\" aria-hidden=\"true\" style=\"counter-reset:line-number 0\"><div class=\"line-number\"></div></div></div><p>@tab:active npm</p>\n<div class=\"language-bash line-numbers-mode\" data-highlighter=\"shiki\" data-ext=\"bash\" style=\"--shiki-light:#383A42;--shiki-dark:#abb2bf;--shiki-light-bg:#FAFAFA;--shiki-dark-bg:#282c34\"><pre class=\"shiki shiki-themes one-light one-dark-pro vp-code\"><code class=\"language-bash\"><span class=\"line\"><span style=\"--shiki-light:#4078F2;--shiki-dark:#61AFEF\">npm</span><span style=\"--shiki-light:#50A14F;--shiki-dark:#98C379\"> i</span><span style=\"--shiki-light:#986801;--shiki-dark:#D19A66\"> -D</span><span style=\"--shiki-light:#50A14F;--shiki-dark:#98C379\"> vuepress-theme-hope</span></span></code></pre>\n<div class=\"line-numbers\" aria-hidden=\"true\" style=\"counter-reset:line-number 0\"><div class=\"line-number\"></div></div></div><p>:::</p>\n<ul>\n<li><a href=\"https://theme-hope.vuejs.press/zh/guide/markdown/code/code-tabs.html\" target=\"_blank\" rel=\"noopener noreferrer\">查看详情</a></li>\n</ul>\n<h4>代码演示</h4>\n<iframe src=\"https://plugin-md-enhance-demo.vuejs.press/snippet/code-demo.html\" width=\"100%\" height=\"450\"></iframe>\n<ul>\n<li><a href=\"https://theme-hope.vuejs.press/zh/guide/markdown/code/demo.html\" target=\"_blank\" rel=\"noopener noreferrer\">查看详情</a></li>\n</ul>\n<h4>交互演示</h4>\n<iframe src=\"https://plugin-md-enhance-demo.vuejs.press/snippet/playground.html\" width=\"100%\" height=\"480\"></iframe>\n<ul>\n<li><a href=\"https://theme-hope.vuejs.press/zh/guide/markdown/code/playground.html\" target=\"_blank\" rel=\"noopener noreferrer\">查看详情</a></li>\n</ul>\n<h4>Kotlin 交互演示</h4>\n<iframe src=\"https://plugin-md-enhance-demo.vuejs.press/snippet/kotlin-playground.html\" width=\"100%\" height=\"220\"></iframe>\n<ul>\n<li><a href=\"https://theme-hope.vuejs.press/zh/guide/markdown/code/kotlin-playground.html\" target=\"_blank\" rel=\"noopener noreferrer\">查看详情</a></li>\n</ul>\n<h4>Sandpack 交互演示</h4>\n<iframe src=\"https://plugin-md-enhance-demo.vuejs.press/snippet/sandpack.html\" width=\"100%\" height=\"380\"></iframe>\n<ul>\n<li><a href=\"https://theme-hope.vuejs.press/zh/guide/markdown/code/sandpack.html\" target=\"_blank\" rel=\"noopener noreferrer\">查看详情</a></li>\n</ul>\n<h4>Vue 交互演示</h4>\n<iframe src=\"https://plugin-md-enhance-demo.vuejs.press/snippet/vue-playground.html\" width=\"100%\" height=\"380\"></iframe>\n<ul>\n<li><a href=\"https://theme-hope.vuejs.press/zh/guide/markdown/code/vue-playground.html\" target=\"_blank\" rel=\"noopener noreferrer\">查看详情</a></li>\n</ul>\n<h4>幻灯片</h4>\n<iframe src=\"https://ecosystem.vuejs.press/zh/plugins/markdown/revealjs/demo.html\" width=\"100%\" height=\"420\"></iframe>\n<ul>\n<li><a href=\"https://theme-hope.vuejs.press/zh/guide/markdown/content/revealjs.html\" target=\"_blank\" rel=\"noopener noreferrer\">查看详情</a></li>\n</ul>\n",
      "date_published": "2024-11-04T06:51:54.000Z",
      "date_modified": "2026-09-19T17:37:33.000Z",
      "authors": [],
      "tags": [
        "使用指南"
      ]
    },
    {
      "title": "页面配置",
      "url": "https://blog.hydrolinx.top/zh/demo/page.html",
      "id": "https://blog.hydrolinx.top/zh/demo/page.html",
      "summary": "more 注释之前的内容被视为文章摘要。",
      "content_html": "<p><code>more</code> 注释之前的内容被视为文章摘要。</p>\n<!-- more -->\n<h2>页面标题</h2>\n<p>The first H1 title in Markdown will be regarded as page title.</p>\n<p>Markdown 中的第一个 H1 标题会被视为页面标题。</p>\n<p>你可以在 Markdown 的 Frontmatter 中设置页面标题。</p>\n<div class=\"language-md line-numbers-mode\" data-highlighter=\"shiki\" data-ext=\"md\" style=\"--shiki-light:#383A42;--shiki-dark:#abb2bf;--shiki-light-bg:#FAFAFA;--shiki-dark-bg:#282c34\"><pre class=\"shiki shiki-themes one-light one-dark-pro vp-code\"><code class=\"language-md\"><span class=\"line\"></span></code></pre>\n<div class=\"line-numbers\" aria-hidden=\"true\" style=\"counter-reset:line-number 0\"><div class=\"line-number\"></div></div></div>",
      "image": "https://blog.hydrolinx.top/assets/images/cover1.jpg",
      "date_published": "2020-01-01T00:00:00.000Z",
      "date_modified": "2026-09-19T17:37:33.000Z",
      "authors": [
        {
          "name": "Ms.Hope"
        }
      ],
      "tags": [
        "使用指南"
      ]
    },
    {
      "title": "主要功能与配置演示",
      "url": "https://blog.hydrolinx.top/zh/demo/",
      "id": "https://blog.hydrolinx.top/zh/demo/",
      "content_html": "",
      "date_published": "2024-11-04T06:51:54.000Z",
      "date_modified": "2024-11-04T06:51:54.000Z",
      "authors": [],
      "tags": [
        "使用指南"
      ]
    }
  ]
}