<?xml version="1.0" encoding="utf-8"?><?xml-stylesheet type="text/xsl" href="https://blog.hydrolinx.top/atom.xsl"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="en-US">
  <id>https://blog.hydrolinx.top/</id>
  <title>Hydrolinx Home</title>
  <subtitle>Hydrolinx Home — personal blog about frontend development, tech and life.</subtitle>
  <logo>https://blog.hydrolinx.top/logo.png</logo>
  <updated>2026-09-19T18:53:35.098Z</updated>
  <generator>@vuepress/plugin-feed</generator>
  <link rel="self" href="https://blog.hydrolinx.top/atom.xml"/>
  <link rel="alternate" href="https://blog.hydrolinx.top/"/>
  <category term="AI Insights"/>
  <category term="Product Reviews"/>
  <category term="Tech News"/>
  <category term="Guide"/>
  <contributor>
    <name>Ms.Hope</name>
  </contributor>
  <entry>
    <title type="text">AI Agents Explained: From Chat Assistant to Autonomously Completing Tasks</title>
    <id>https://blog.hydrolinx.top/posts/ai-insights/ai-agents-explained.html</id>
    <link href="https://blog.hydrolinx.top/posts/ai-insights/ai-agents-explained.html"/>
    <updated>2026-09-19T14:35:03.000Z</updated>
    <summary type="html"><![CDATA[<p>An AI agent is a system that uses a large language model as its brain and equips it with planning, external tools, and memory so it can <strong>break down a goal, call tools, and keep executing until the task is done</strong>. If a chatbot is &quot;a mouth,&quot; an agent is a digital employee that can actually do the work.</p>]]></summary>
    <content type="html"><![CDATA[<p>An AI agent is a system that uses a large language model as its brain and equips it with planning, external tools, and memory so it can <strong>break down a goal, call tools, and keep executing until the task is done</strong>. If a chatbot is &quot;a mouth,&quot; an agent is a digital employee that can actually do the work.</p>
<h2>Agents in One Example</h2>
<p>Tell a normal chatbot &quot;research three competitors and put the results in a spreadsheet,&quot; and it gives you a method or a template. Say the same thing to an agent, and it runs the whole chain itself:</p>
<ol>
<li><strong>Planning</strong> — split the goal into search, filtering, comparison, and tabulation;</li>
<li><strong>Acting</strong> — query search engines, visit web pages, run code;</li>
<li><strong>Observing</strong> — if information is missing, search again with different keywords;</li>
<li><strong>Delivering</strong> — produce the spreadsheet, perhaps even email it to you.</li>
</ol>
<p>You supply only the goal; it figures out the path.</p>
<h2>The Four Core Components of an AI Agent</h2>
<p>| Component | Role | Analogy |
|</p>
]]></content>
    <category term="AI Insights"/>
    <published>2026-09-11T00:00:00.000Z</published>
  </entry>
  <entry>
    <title type="text">How to Make Money with AI: 7 Actionable Paths for Ordinary People</title>
    <id>https://blog.hydrolinx.top/posts/ai-insights/make-money-with-ai.html</id>
    <link href="https://blog.hydrolinx.top/posts/ai-insights/make-money-with-ai.html"/>
    <updated>2026-09-19T14:35:03.000Z</updated>
    <summary type="html"><![CDATA[<p>AI will not deposit cash into your account. What it really changes is <strong>how much work one person can deliver</strong>. Below are seven realistic paths, from easiest to hardest to start.</p>
<h2>Path 1: AI-Assisted Content Creation</h2>
<p>Use LLMs for ideas, scripts, and outlines, plus AI image and video tools, on blogs, YouTube, TikTok, or newsletters.</p>]]></summary>
    <content type="html"><![CDATA[<p>AI will not deposit cash into your account. What it really changes is <strong>how much work one person can deliver</strong>. Below are seven realistic paths, from easiest to hardest to start.</p>
<h2>Path 1: AI-Assisted Content Creation</h2>
<p>Use LLMs for ideas, scripts, and outlines, plus AI image and video tools, on blogs, YouTube, TikTok, or newsletters.</p>
<ol>
<li>Pick a niche you know or will study for years;</li>
<li>Let AI draft; you own the point of view, fact-checking, and voice;</li>
<li>Revenue comes from ad share, sponsorships, affiliate sales, and paid products.</li>
</ol>
<p>Fully AI-generated bulk accounts look identical and get throttled — <strong>your voice and trust are the moat</strong>.</p>
<h2>Path 2: Freelance Services Supercharged by AI</h2>
<p>Take orders on Fiverr, Upwork, Taobao, or Xianyu and use AI to multiply delivery speed:</p>
<ul>
<li><strong>Writing</strong>: articles, product descriptions, résumé polishing;</li>
<li><strong>Design</strong>: AI images plus manual retouching for logos, posters, and hero shots;</li>
<li><strong>Translation</strong>: AI draft plus human proofreading, ideally in one niche;</li>
<li><strong>Coding</strong>: tools like Cursor for small websites, scripts, and automation jobs.</li>
</ul>
<p>Your edge is never &quot;knowing AI&quot; — it is <strong>understanding the client and delivering quality</strong>.</p>
<h2>Path 3: Digital Products, Templates, and Courses</h2>
<p>Build once, sell repeatedly: prompt packs, Notion or Excel templates, résumé templates, AI art packs, or short niche courses. Sell through Gumroad, Etsy, Xiaohongshu shops, or Taobao. Validate demand with free content first.</p>
<h2>Path 4: AI Operations and Consulting</h2>
<p>Many small businesses want AI but cannot use it. Build customer-support knowledge bases (RAG), train staff, set up automation workflows, or run AI-content accounts for clients — typically a one-time setup fee plus a monthly retainer. Go deep in one industry, build a flagship case, then replicate.</p>
<h2>Path 5: Private Communities Plus AI Efficiency</h2>
<p>If you already run a community or own a customer list, use AI to raise service density: automated Q&amp;A, personalized pushes, batch-generated posts, and support scripts. Serve more clients in the same hours; revenue grows through order value and repeat purchases, not recruiting.</p>
<h2>Path 6: E-Commerce Creative Assets</h2>
<p>Sellers constantly need product photos with new backgrounds, AI model shots, detail-page copy, short-video scripts, multilingual listings, and chat scripts. Take long-term store outsourcing or sell standardized asset packs. Check platform rules and copyright carefully.</p>
<h2>Path 7: Build Vertical AI Tools</h2>
<p>If you can code, or use low-code and AI coding tools, build small products that kill a specific pain: contract clause reviewers, title generators, or industry support bots, monetized by subscription or per-use fees. Find a <strong>narrow, deep problem people will keep paying to solve</strong>.</p>
<h2>The Seven Paths Compared</h2>
<p>| Path | Barrier to start | Core skill | Time to first cash |
|</p>
]]></content>
    <category term="AI Insights"/>
    <published>2026-09-12T00:00:00.000Z</published>
  </entry>
  <entry>
    <title type="text">Prompt Engineering Basics: 6 Practical Ways to Get Better AI Output</title>
    <id>https://blog.hydrolinx.top/posts/ai-insights/prompt-engineering-basics.html</id>
    <link href="https://blog.hydrolinx.top/posts/ai-insights/prompt-engineering-basics.html"/>
    <updated>2026-09-19T14:35:03.000Z</updated>
    <summary type="html"><![CDATA[<p>Prompt engineering is the practice of designing your instructions so a large language model reliably produces the result you want. With the same model, someone who asks well can easily get ten times better output than someone who does not.</p>
<h2>Why Prompts Matter So Much</h2>
<p>An LLM works by predicting the next token from the context it is given. The clearer that context, the less room the model has to guess. Writing a prompt is like briefing a brilliant new hire who knows nothing about your business: you have to explain the background, the goal, the requirements, and the standards.</p>]]></summary>
    <content type="html"><![CDATA[<p>Prompt engineering is the practice of designing your instructions so a large language model reliably produces the result you want. With the same model, someone who asks well can easily get ten times better output than someone who does not.</p>
<h2>Why Prompts Matter So Much</h2>
<p>An LLM works by predicting the next token from the context it is given. The clearer that context, the less room the model has to guess. Writing a prompt is like briefing a brilliant new hire who knows nothing about your business: you have to explain the background, the goal, the requirements, and the standards.</p>
<h2>1. Assign a Role</h2>
<p>Giving the model a specific persona activates relevant knowledge and sets the tone:</p>
<blockquote>
<p>You are a cross-border e-commerce copywriter with 10 years of experience. Write three punchy English ad headlines for a portable coffee mug.</p>
</blockquote>
<h2>2. Give Examples (Few-Shot)</h2>
<p>Instead of describing the requirement in abstract terms, provide one to three &quot;input to output&quot; examples. The model will imitate the pattern and tone automatically. This is called <strong>few-shot prompting</strong>, and it works especially well for classification, rewriting, and fixed-template generation. Stating the rule before the examples works even better.</p>
<h2>3. Ask for Step-by-Step Reasoning</h2>
<p>For reasoning, calculations, or complex decisions, add &quot;think step by step — first show your analysis, then give the conclusion.&quot; This noticeably reduces mistakes. For long documents, ask for an outline first and expand only after you approve it.</p>
<h2>4. Specify the Output Format</h2>
<p>State the exact structure you want and skip the reformatting work:</p>
<ul>
<li>Output a Markdown table comparing the three products;</li>
<li>Return JSON with the fixed fields <code>title</code>, <code>summary</code>, and <code>tags</code>;</li>
<li>First a 100-word summary, then three actionable recommendations.</li>
</ul>
<h2>5. Set Clear Constraints</h2>
<p>| Constraint type | Example |
|</p>
]]></content>
    <category term="AI Insights"/>
    <published>2026-09-09T00:00:00.000Z</published>
  </entry>
  <entry>
    <title type="text">What Is a Large Language Model (LLM)? A Plain-English Guide</title>
    <id>https://blog.hydrolinx.top/posts/ai-insights/what-is-llm.html</id>
    <link href="https://blog.hydrolinx.top/posts/ai-insights/what-is-llm.html"/>
    <updated>2026-09-19T14:35:03.000Z</updated>
    <summary type="html"><![CDATA[<p>A large language model (LLM) is a Transformer-based AI system trained to generate text by repeatedly predicting the next token — the same technology behind ChatGPT, Claude, Gemini, and DeepSeek.</p>
<h2>How an LLM Works: Next-Token Prediction</h2>
<p>Think of an LLM as a world-class &quot;sentence completion&quot; engine that has read enormous amounts of text. When you send a prompt, it does not look up an answer in a database. Instead, it calculates, token by token, what is most likely to come next.</p>]]></summary>
    <content type="html"><![CDATA[<p>A large language model (LLM) is a Transformer-based AI system trained to generate text by repeatedly predicting the next token — the same technology behind ChatGPT, Claude, Gemini, and DeepSeek.</p>
<h2>How an LLM Works: Next-Token Prediction</h2>
<p>Think of an LLM as a world-class &quot;sentence completion&quot; engine that has read enormous amounts of text. When you send a prompt, it does not look up an answer in a database. Instead, it calculates, token by token, what is most likely to come next.</p>
<ul>
<li>A <strong>token</strong> is a unit of text — a word, part of a word, or a punctuation mark.</li>
<li>The model generates one token, appends it to the input, and repeats until the answer is complete.</li>
<li>It samples from a probability distribution rather than picking one &quot;correct&quot; word, which is why the same question can be answered differently each time.</li>
</ul>
<h3>The Transformer: Understanding Context</h3>
<p>Introduced by Google in 2017, the Transformer architecture is the foundation of every modern LLM. Its key ingredient is <strong>self-attention</strong>: when processing each word, the model weighs how strongly it relates to every other word in the text.</p>
<p>Simple analogy: in &quot;The dog chased the cat because it was afraid,&quot; attention helps the model link &quot;it&quot; to the cat, not the dog. The longer the context, the more this ability matters.</p>
<h2>How LLMs Are Trained: Three Stages</h2>
<p>| Stage | What happens | Analogy |
|</p>
]]></content>
    <category term="AI Insights"/>
    <published>2026-09-08T00:00:00.000Z</published>
  </entry>
  <entry>
    <title type="text">What Is RAG (Retrieval-Augmented Generation)? Giving AI Access to Your Private Knowledge</title>
    <id>https://blog.hydrolinx.top/posts/ai-insights/what-is-rag.html</id>
    <link href="https://blog.hydrolinx.top/posts/ai-insights/what-is-rag.html"/>
    <updated>2026-09-19T14:35:03.000Z</updated>
    <summary type="html"><![CDATA[<p>RAG (Retrieval-Augmented Generation) is a &quot;retrieve first, answer second&quot; AI architecture: before the model responds, it pulls relevant content from your knowledge base and then generates an answer grounded in that material. It treats two of the biggest pain points of large language models — <strong>not knowing your private data</strong> and <strong>hallucinating</strong>.</p>]]></summary>
    <content type="html"><![CDATA[<p>RAG (Retrieval-Augmented Generation) is a &quot;retrieve first, answer second&quot; AI architecture: before the model responds, it pulls relevant content from your knowledge base and then generates an answer grounded in that material. It treats two of the biggest pain points of large language models — <strong>not knowing your private data</strong> and <strong>hallucinating</strong>.</p>
<h2>Why RAG Is Needed</h2>
<p>A general-purpose LLM is like a widely read consultant who has never seen your company's internal documents:</p>
<ol>
<li>Its knowledge has a cutoff date, so it misses the latest policies and product updates;</li>
<li>It has never read your support tickets, contracts, wikis, or notes;</li>
<li>When unsure, it tends to invent an answer instead of saying &quot;I don't know.&quot;</li>
</ol>
<p>Retraining the model on all your documents? Expensive, slow to update, and risky for data security. RAG offers a much lighter path.</p>
<h2>How RAG Works</h2>
<p>Think of RAG as an <strong>open-book exam</strong>: instead of memorizing everything, the model is allowed to look things up before answering.</p>
<p>| Step | Name | What happens |
|</p>
]]></content>
    <category term="AI Insights"/>
    <published>2026-09-10T00:00:00.000Z</published>
  </entry>
  <entry>
    <title type="text">ChatGPT In-Depth Review: Is It Still Worth Using in 2026?</title>
    <id>https://blog.hydrolinx.top/posts/product-reviews/chatgpt-review.html</id>
    <link href="https://blog.hydrolinx.top/posts/product-reviews/chatgpt-review.html"/>
    <updated>2026-09-19T14:35:03.000Z</updated>
    <summary type="html"><![CDATA[<p><strong>Bottom line up front:</strong> in 2026, ChatGPT is still the most well-rounded and mature general-purpose AI assistant you can pick as your daily driver. It is not the undisputed best at everything, though — for very long documents and complex codebases Claude often feels smoother, while DeepSeek is the cheaper pick for high-volume Chinese work.</p>]]></summary>
    <content type="html"><![CDATA[<p><strong>Bottom line up front:</strong> in 2026, ChatGPT is still the most well-rounded and mature general-purpose AI assistant you can pick as your daily driver. It is not the undisputed best at everything, though — for very long documents and complex codebases Claude often feels smoother, while DeepSeek is the cheaper pick for high-volume Chinese work.</p>
<h2>What Is ChatGPT: OpenAI's Flagship Conversational AI</h2>
<p>ChatGPT is the conversational AI launched by OpenAI in late 2022, the product that brought generative AI into the mainstream. It runs on the web, as a desktop app, and on mobile, and it combines text chat, voice calls, image recognition, image generation, and file handling. Its positioning is simple: a universal AI assistant for everyone.</p>
<h2>Core Capabilities of ChatGPT</h2>
<ul>
<li><strong>Q&amp;A and tutoring:</strong> explain concepts, build study plans, or practice a language with a tutor that is always available.</li>
<li><strong>Writing and content creation:</strong> draft articles, scripts, emails, and marketing copy, then revise them iteratively.</li>
<li><strong>Data and file analysis:</strong> upload spreadsheets or documents to clean data, extract insights, and produce charts.</li>
<li><strong>Multimodal and agents:</strong> voice conversations, image generation, and custom GPTs that handle repeatable workflows.</li>
<li><strong>Integrations:</strong> memory, web browsing, and third-party tool connections, with new features often arriving here first.</li>
</ul>
<h2>Pricing Model: Free Tier and Paid Subscriptions</h2>
<p>ChatGPT follows a freemium model. The free tier gives access to a capable base model plus limited access to flagship models. Paid plans (such as Plus, Pro, and Team) add higher flagship-model quotas, priority response, and the full premium feature set. Exact pricing changes over time, so check OpenAI's official site.</p>
<p>| Dimension | Free Plan | Paid Subscription |
|</p>
]]></content>
    <category term="Product Reviews"/>
    <published>2026-09-14T00:00:00.000Z</published>
  </entry>
  <entry>
    <title type="text">Claude by Anthropic Review: Where It Shines in Long-Form Writing and Coding</title>
    <id>https://blog.hydrolinx.top/posts/product-reviews/claude-anthropic-review.html</id>
    <link href="https://blog.hydrolinx.top/posts/product-reviews/claude-anthropic-review.html"/>
    <updated>2026-09-19T14:35:03.000Z</updated>
    <summary type="html"><![CDATA[<p><strong>Bottom line up front:</strong> Claude, made by Anthropic, remains one of the best-regarded AI assistants of 2026 in exactly two areas — long-form writing and serious programming. If your day revolves around words and code, it may suit you better than any general-purpose chatbot.</p>
<h2>What Is Claude: Anthropic's Safety-First AI Assistant</h2>]]></summary>
    <content type="html"><![CDATA[<p><strong>Bottom line up front:</strong> Claude, made by Anthropic, remains one of the best-regarded AI assistants of 2026 in exactly two areas — long-form writing and serious programming. If your day revolves around words and code, it may suit you better than any general-purpose chatbot.</p>
<h2>What Is Claude: Anthropic's Safety-First AI Assistant</h2>
<p>Claude is built by Anthropic (anthropic.com), the US AI company known for treating safety and reliability as core product features. It is available through the claude.ai website plus desktop and mobile apps, and through APIs for businesses. Rather than chasing the longest feature checklist, Anthropic focuses on long-context understanding, steady output, and controllability.</p>
<h2>Core Capabilities of Claude</h2>
<ul>
<li><strong>Very large context window:</strong> you can drop in a book-length manuscript, multiple PDFs, or a full set of project documents and discuss them without the model &quot;forgetting&quot; the early pages.</li>
<li><strong>Long-form writing and revision:</strong> natural prose with a strong sense of structure, suited to reports, proposals, fiction, screenplays, and in-depth articles.</li>
<li><strong>Coding and Claude Code:</strong> especially strong on multi-file edits, refactoring, debugging, and reading unfamiliar codebases; its official coding tool, Claude Code, works directly in your terminal and repository.</li>
<li><strong>Projects and Artifacts:</strong> save long-term project knowledge and instructions for reuse, and preview generated pages, code, and documents on a dedicated canvas.</li>
</ul>
<h2>Pricing Model: Free Tier and Paid Subscriptions</h2>
<p>Claude offers a free tier at claude.ai with usage limits. Paid subscriptions, such as Pro and Team, raise those limits and unlock more advanced capabilities, and enterprise plans are available for organizations. Check anthropic.com for current pricing.</p>
<p>| Dimension | Free Plan | Paid Subscription |
|</p>
]]></content>
    <category term="Product Reviews"/>
    <published>2026-09-15T00:00:00.000Z</published>
  </entry>
  <entry>
    <title type="text">DeepSeek Review: A Hands-On Look at the Budget-Friendly Chinese LLM</title>
    <id>https://blog.hydrolinx.top/posts/product-reviews/deepseek-review.html</id>
    <link href="https://blog.hydrolinx.top/posts/product-reviews/deepseek-review.html"/>
    <updated>2026-09-19T14:35:03.000Z</updated>
    <summary type="html"><![CDATA[<p><strong>Bottom line up front:</strong> DeepSeek, built by the Chinese lab DeepSeek (deepseek.com), is one of the best-value large language models available in 2026: fluent in Chinese, strong at reasoning and coding, free on the web, cheap through its API, and open-weight to boot. Budget-conscious students, developers, and small teams should absolutely keep it in their toolkit.</p>]]></summary>
    <content type="html"><![CDATA[<p><strong>Bottom line up front:</strong> DeepSeek, built by the Chinese lab DeepSeek (deepseek.com), is one of the best-value large language models available in 2026: fluent in Chinese, strong at reasoning and coding, free on the web, cheap through its API, and open-weight to boot. Budget-conscious students, developers, and small teams should absolutely keep it in their toolkit.</p>
<h2>What Is DeepSeek: The Open-Source Chinese LLM</h2>
<p>DeepSeek is developed by DeepSeek (Shenzhen DeepSeek Artificial Intelligence), a Chinese company that drew worldwide attention with its open-weight, low-cost strategy. It offers a web app and mobile app, a public API, and downloadable model weights for local or private deployment. The lineup includes general chat models and reasoning-focused models, covering both everyday questions and heavy thinking tasks.</p>
<h2>Core Capabilities of DeepSeek</h2>
<ul>
<li><strong>Chinese fluency:</strong> it handles Chinese context, idioms, and local knowledge naturally, which makes it comfortable for formal writing, marketing copy, and summaries.</li>
<li><strong>Reasoning:</strong> the reasoning models visibly think step by step on math, logic, and complex analysis, so the chain of thought is transparent.</li>
<li><strong>Coding assistance:</strong> code generation, completion, debugging, and source-code explanation are solid enough to serve as a free programming partner.</li>
<li><strong>Open weights and API:</strong> weights are public for private deployment, and the API is priced aggressively for batch workloads and product integration.</li>
</ul>
<h2>Pricing Model: Free Web App Plus a Low-Cost API</h2>
<p>The web and mobile apps are free after registration. The API is metered by usage and sits among the cheapest in its class. The open-weight models can be downloaded and self-hosted, where your main cost is your own infrastructure. Check deepseek.com for current pricing.</p>
<p>| Dimension | Free Web / Mobile App | API or Self-Hosted Open Weights |
|</p>
]]></content>
    <category term="Product Reviews"/>
    <published>2026-09-16T00:00:00.000Z</published>
  </entry>
  <entry>
    <title type="text">HydroMark Review: Real Markdown Editing, Live, Inside OneNote</title>
    <id>https://blog.hydrolinx.top/posts/product-reviews/hydromark-intro.html</id>
    <link href="https://blog.hydrolinx.top/posts/product-reviews/hydromark-intro.html"/>
    <updated>2026-09-19T14:35:03.000Z</updated>
    <summary type="html"><![CDATA[<p>If you use OneNote and have ever wanted Markdown, there is now a real solution: <strong>HydroMark</strong> is a Windows desktop add-in that brings genuine Markdown editing with live (WYSIWYG) preview into OneNote itself, while you keep OneNote's notebooks, sections, sync and password-protected security.</p>]]></summary>
    <content type="html"><![CDATA[<p>If you use OneNote and have ever wanted Markdown, there is now a real solution: <strong>HydroMark</strong> is a Windows desktop add-in that brings genuine Markdown editing with live (WYSIWYG) preview into OneNote itself, while you keep OneNote's notebooks, sections, sync and password-protected security.</p>
<h2>Why it matters</h2>
<p>OneNote has long been one of the best note apps: Microsoft-backed storage, all-device sync, and password-protected sections that most modern note apps dropped. But it never offered Markdown. HydroMark closes that gap without making you abandon OneNote.</p>
<h2>Feature tour</h2>
<h3>Headings and lists</h3>
<p>All six <code>#</code> levels render as native OneNote text, including level skips. Ordered, unordered, and deeply nested lists keep clean indentation and render in place.</p>
<p><img src="/images/hydromark/heading.png" alt="Headings in OneNote"></p>
<p><img src="/images/hydromark/lists.png" alt="Lists in OneNote"></p>
<h3>Task lists, quotes and code</h3>
<p><code>- [ ]</code> becomes a real OneNote to-do checkbox whose state round-trips back to Markdown. <code>&gt;</code> renders as a styled quote block with nested indentation, and fenced code blocks get syntax highlighting for dozens of languages.</p>
<p><img src="/images/hydromark/task.png" alt="Task list demo"></p>
<p><img src="/images/hydromark/blockquote.png" alt="Blockquote demo"></p>
<p><img src="/images/hydromark/code.png" alt="Code blocks in OneNote"></p>
<h3>Links, tables and text styles</h3>
<p>Standard Markdown links become native OneNote hyperlinks; GFM tables with alignment render as proper OneNote tables, not images; and bold, italic, strikethrough and other inline styles all work.</p>
<p><img src="/images/hydromark/links.png" alt="Links demo"></p>
<p><img src="/images/hydromark/table.png" alt="Table demo"></p>
<h3>Math, highlights and boxes</h3>
<p>Inline <code>$...$</code> and block <code>$$...$$</code> formulas render as <strong>native OneNote equations</strong> — editable and scalable. <code>==highlight==</code> marks key text, and INFO / WARNING / IMPORTANT / ERROR callout boxes make important notes stand out.</p>
<p><img src="/images/hydromark/math.png" alt="Math formulas demo"></p>
<p><img src="/images/hydromark/inline-highlight.png" alt="Inline highlight demo"></p>
<p><img src="/images/hydromark/highlight-box.png" alt="Highlight boxes demo"></p>
<h3>Mermaid and ZenUML diagrams</h3>
<p>This is the headline feature. Write Mermaid — flowcharts, sequence, class, state, gantt charts, mindmaps, git graphs — and get a rendered diagram embedded in your page. Press <code>Ctrl + Space</code> on a rendered diagram to jump back to its Markdown source.</p>
<p><img src="/images/hydromark/flowchart.png" alt="Mermaid flowchart demo"></p>
<p><img src="/images/hydromark/mindmap.png" alt="Mermaid mindmap demo"></p>
<p><img src="/images/hydromark/sequence.png" alt="Mermaid sequence demo"></p>
<p><img src="/images/hydromark/gantt-pie.png" alt="Mermaid gantt &amp; pie demo"></p>
<h3>Slash command palette</h3>
<p>Type <code>/</code> anywhere to open a searchable command palette that instantly inserts headings, lists, code blocks, boxes, formulas, tables or diagrams — the fastest way to write structured notes.</p>
<p><img src="/images/hydromark/slash.png" alt="Slash command palette demo"></p>
<h2>Pricing</h2>
<p>HydroMark offers a <strong>14-day full-feature free trial</strong>, then splits into a Basic tier with the core Markdown features and a Lifetime tier with all advanced features (LaTeX, diagrams, highlight boxes, themes).</p>
<h2>Who should use it</h2>
<ul>
<li><strong>OneNote power users</strong> who want Markdown without leaving their notebooks.</li>
<li><strong>Students and academics</strong> who need editable LaTeX and structured notes.</li>
<li><strong>Developers and researchers</strong> who want Mermaid diagrams embedded inline.</li>
<li><strong>Anyone</strong> who values password-protected notes plus a modern writing experience.</li>
</ul>
<h2>Common questions</h2>
<h3>Do I have to leave OneNote to write Markdown?</h3>
<p>No — everything stays inside OneNote. You write Markdown and watch it render in the same page.</p>
<h3>Are diagrams editable after rendering?</h3>
<p>You can jump back to the Markdown source with <code>Ctrl + Space</code>, edit, and re-render.</p>
<h3>Which OneNote version does it support?</h3>
<p>HydroMark targets the <strong>Windows desktop OneNote</strong> application.</p>
<h2>Conclusion</h2>
<p>HydroMark is the add-in that finally gives OneNote native-feeling Markdown with live preview, native equations, and complete Mermaid diagrams — at a lower price than the category. If you have ever wished OneNote had Markdown, this is worth the 14-day trial. Visit <a href="https://hydromark.hydrolinx.top" target="_blank" rel="noopener noreferrer">HydroMark</a> to try it.</p>
]]></content>
    <category term="Product Reviews"/>
    <published>2026-09-19T00:00:00.000Z</published>
  </entry>
  <entry>
    <title type="text">OneMark vs HydroMark: Which OneNote Markdown Add-in Should You Use?</title>
    <id>https://blog.hydrolinx.top/posts/product-reviews/onemark-vs-hydromark.html</id>
    <link href="https://blog.hydrolinx.top/posts/product-reviews/onemark-vs-hydromark.html"/>
    <updated>2026-09-19T14:35:03.000Z</updated>
    <summary type="html"><![CDATA[<p>OneNote still has no native Markdown. If you want to write in Markdown without leaving OneNote, the two names you will keep running into are <strong>OneMark</strong> and <strong>HydroMark</strong> — both Windows desktop add-ins that render Markdown in place. They overlap on the basics, but HydroMark adds several capabilities OneMark lacks and undercuts it on price.</p>]]></summary>
    <content type="html"><![CDATA[<p>OneNote still has no native Markdown. If you want to write in Markdown without leaving OneNote, the two names you will keep running into are <strong>OneMark</strong> and <strong>HydroMark</strong> — both Windows desktop add-ins that render Markdown in place. They overlap on the basics, but HydroMark adds several capabilities OneMark lacks and undercuts it on price.</p>
<h2>Quick comparison</h2>
<p>| Feature | OneMark | HydroMark |
|</p>
]]></content>
    <category term="Product Reviews"/>
    <published>2026-09-19T00:00:00.000Z</published>
  </entry>
  <entry>
    <title type="text">TraeWork Review: An All-in-One AI Workbench for Coding and Office Work</title>
    <id>https://blog.hydrolinx.top/posts/product-reviews/trae-work-review.html</id>
    <link href="https://blog.hydrolinx.top/posts/product-reviews/trae-work-review.html"/>
    <updated>2026-09-19T14:35:03.000Z</updated>
    <summary type="html"><![CDATA[<p><strong>Bottom line up front:</strong> TraeWork is the AI office platform from ByteDance's TRAE brand (trae.cn in China, trae.ai internationally) that combines office work, design, and coding in one workbench. In 2026, if you want a single AI that writes reports, builds slides, analyzes data, and ships small apps, it is one of the few genuine all-in-one options.</p>]]></summary>
    <content type="html"><![CDATA[<p><strong>Bottom line up front:</strong> TraeWork is the AI office platform from ByteDance's TRAE brand (trae.cn in China, trae.ai internationally) that combines office work, design, and coding in one workbench. In 2026, if you want a single AI that writes reports, builds slides, analyzes data, and ships small apps, it is one of the few genuine all-in-one options.</p>
<h2>What Is TraeWork: TRAE's AI Office Platform</h2>
<p>TraeWork runs on desktop (macOS and Windows), the web, and mobile. Its core loop is &quot;delegate a task in natural language, the AI breaks it down and delivers, and you review and refine.&quot; The TRAE family also includes TraeCode, its AI IDE, so the two products cover office workflows and software development together.</p>
<h2>Core Capabilities of TraeWork</h2>
<ul>
<li><strong>Work mode:</strong> aimed at product managers, marketers, and analysts, with automated slides, deep research, document writing, and data analysis.</li>
<li><strong>Code mode:</strong> agent-driven code generation, debugging, review, and testing, plus an IDE-style development experience.</li>
<li><strong>Design mode:</strong> visual and design tasks finished inside the same tool.</li>
<li><strong>Multi-device sync:</strong> desktop, web, and mobile share tasks, so you check progress on your phone and review on a computer.</li>
<li><strong>Natural-language driven:</strong> requests are decomposed automatically, with no expert prompt engineering required.</li>
</ul>
<h2>Pricing Model: Credits with a Free Start</h2>
<p>TraeWork lets you start for free, with a credits bundle for newly registered users. Different modes and models consume credits, and once those run out you can top up or subscribe under the platform's current rules. Check trae.ai or trae.cn for the latest details.</p>
<p>| Dimension | Free Start | Paid / Subscription |
|</p>
]]></content>
    <category term="Product Reviews"/>
    <published>2026-09-17T00:00:00.000Z</published>
  </entry>
  <entry>
    <title type="text">Agibot: Humanoid Robots Move From the Lab Toward Mass Production</title>
    <id>https://blog.hydrolinx.top/posts/tech-news/agibot-humanoid-robots.html</id>
    <link href="https://blog.hydrolinx.top/posts/tech-news/agibot-humanoid-robots.html"/>
    <updated>2026-09-19T14:35:03.000Z</updated>
    <summary type="html"><![CDATA[<p><strong>Bottom line: the humanoid robot race has moved from &quot;who can build one&quot; to &quot;who can manufacture at scale, run reliably, and sell into real jobs.&quot; Agibot is one of the Chinese companies leading that shift.</strong></p>
<h2>Who Is Agibot?</h2>
<p>Agibot is a Chinese robotics company co-founded in early 2023 by Peng Zhihui, better known by his online name &quot;Zhihuijun,&quot; an engineer who became famous for elaborate DIY tech videos. The company's mission is straightforward:</p>]]></summary>
    <content type="html"><![CDATA[<p><strong>Bottom line: the humanoid robot race has moved from &quot;who can build one&quot; to &quot;who can manufacture at scale, run reliably, and sell into real jobs.&quot; Agibot is one of the Chinese companies leading that shift.</strong></p>
<h2>Who Is Agibot?</h2>
<p>Agibot is a Chinese robotics company co-founded in early 2023 by Peng Zhihui, better known by his online name &quot;Zhihuijun,&quot; an engineer who became famous for elaborate DIY tech videos. The company's mission is straightforward:</p>
<ul>
<li>Build <strong>humanoid robots</strong> powered by <strong>general embodied AI</strong> — software that gives large models a physical body that can move and manipulate objects.</li>
<li>Go beyond lab demos by emphasizing <strong>mass production</strong>, manufacturing engineering, and commercial deployment.</li>
<li>Keep raising capital and expanding production capacity and partnerships.</li>
</ul>
<h2>Why Humanoid Robots Are Leaving the Lab</h2>
<p>For years, humanoid robots were caught in the same trap: capable machines were far too expensive, while affordable ones could barely do useful work. Two changes are now breaking that loop.</p>
<h3>Foundation Models Meet Factory Floors</h3>
<ul>
<li><strong>Smarter brains:</strong> multimodal models let robots understand spoken instructions, recognize objects, and generalize across tasks instead of following rigid scripts.</li>
<li><strong>Cheaper bodies:</strong> domestically produced actuators, sensors, and dexterous hands keep driving hardware costs down.</li>
<li><strong>Repeatable manufacturing:</strong> leading companies now use automotive-grade supply chains and dedicated production lines rather than hand-building a handful of prototypes.</li>
</ul>
<h3>How the Main Players Compare</h3>
<p>| Company / Product | Positioning | Strengths | Who Should Watch It |
|</p>
]]></content>
    <category term="Tech News"/>
    <published>2026-09-13T00:00:00.000Z</published>
  </entry>
  <entry>
    <title type="text">China&amp;apos;s LLM Showdown: DeepSeek vs Doubao vs Qwen vs Yuanbao</title>
    <id>https://blog.hydrolinx.top/posts/tech-news/china-llm-landscape.html</id>
    <link href="https://blog.hydrolinx.top/posts/tech-news/china-llm-landscape.html"/>
    <updated>2026-09-19T14:35:03.000Z</updated>
    <summary type="html"><![CDATA[<p><strong>Bottom line: there is no single &quot;best&quot; Chinese LLM — there is the best fit for your scenario. Developers should optimize for open weights and cost; everyday users should optimize for ease of use and ecosystem.</strong></p>
<h2>Who the Four Contenders Are</h2>
<p>China's large-model market has shifted from comparing parameter counts to competing on experience, price, and ecosystem. Four products dominate the conversation:</p>]]></summary>
    <content type="html"><![CDATA[<p><strong>Bottom line: there is no single &quot;best&quot; Chinese LLM — there is the best fit for your scenario. Developers should optimize for open weights and cost; everyday users should optimize for ease of use and ecosystem.</strong></p>
<h2>Who the Four Contenders Are</h2>
<p>China's large-model market has shifted from comparing parameter counts to competing on experience, price, and ecosystem. Four products dominate the conversation:</p>
<ul>
<li><strong>DeepSeek</strong>, from DeepSeek AI, broke out with open-weight models, strong reasoning, and aggressive cost efficiency.</li>
<li><strong>Doubao</strong>, from ByteDance, is the consumer-facing assistant available at doubao.com and through its app, backed by ByteDance's content ecosystem.</li>
<li><strong>Tongyi Qwen</strong>, from Alibaba, pairs the widely adopted open-source Qwen model family with the Tongyi app and office-oriented tools.</li>
<li><strong>Yuanbao</strong>, from Tencent, lives at yuanbao.tencent.com and taps into the WeChat ecosystem, with a focus on deep search.</li>
</ul>
<h2>How to Choose at a Glance</h2>
<p>| Product | Company | Positioning | Key Strengths | Best For |
|</p>
]]></content>
    <category term="Tech News"/>
    <published>2026-09-19T00:00:00.000Z</published>
  </entry>
  <entry>
    <title type="text">Google Gemini Update: Multimodal and Long-Context AI Keeps Evolving</title>
    <id>https://blog.hydrolinx.top/posts/tech-news/gemini-new-model.html</id>
    <link href="https://blog.hydrolinx.top/posts/tech-news/gemini-new-model.html"/>
    <updated>2026-09-19T14:35:03.000Z</updated>
    <summary type="html"><![CDATA[<p><strong>Bottom line: the Gemini race is no longer about a single benchmark score. It is about understanding every kind of input, remembering very long content, and living inside the tools you already use every day.</strong></p>
<h2>What Gemini Is</h2>
<p>Gemini is Google's flagship family of multimodal large language models. &quot;Multimodal&quot; means it does not just read text — it can understand images, audio, video, and code together, and produce text or images in return. Google has been pushing forward on three clear fronts:</p>]]></summary>
    <content type="html"><![CDATA[<p><strong>Bottom line: the Gemini race is no longer about a single benchmark score. It is about understanding every kind of input, remembering very long content, and living inside the tools you already use every day.</strong></p>
<h2>What Gemini Is</h2>
<p>Gemini is Google's flagship family of multimodal large language models. &quot;Multimodal&quot; means it does not just read text — it can understand images, audio, video, and code together, and produce text or images in return. Google has been pushing forward on three clear fronts:</p>
<ul>
<li><strong>Multimodal input:</strong> from reading images to understanding video and live screens.</li>
<li><strong>Long context:</strong> handling much longer documents, codebases, and meeting transcripts in one go.</li>
<li><strong>Deep integration:</strong> connecting Gemini with Google Search, the Gemini app, and Workspace apps such as Gmail, Docs, Sheets, and Meet.</li>
</ul>
<h2>Where the Latest Progress Is Going</h2>
<h3>Multimodal: From Chatbot to Screen-Aware Assistant</h3>
<ul>
<li>Upload images, documents, audio clips, or video and ask questions about them.</li>
<li>In supported scenarios, Gemini can use camera or screen input to explain what it sees in real time, help solve problems, or guide an action.</li>
<li>Image and voice generation keep improving, making conversations feel closer to face-to-face help.</li>
</ul>
<h3>Long Context: Stop Chopping Up Your Documents</h3>
<p>A larger context window means you can hand over a full report, an entire contract, or a big chunk of source code and ask for summaries, differences, or reasoning across the whole thing. That reduces the familiar problem of models ignoring parts of fragmented, shortened inputs.</p>
<h3>Search and Workspace Become the Interface</h3>
<p>| Capability | What It Looks Like | Typical Use |
|</p>
]]></content>
    <category term="Tech News"/>
    <published>2026-09-18T00:00:00.000Z</published>
  </entry>
  <entry>
    <title type="text">My 500-Year Story with AI</title>
    <id>https://blog.hydrolinx.top/intro.html</id>
    <link href="https://blog.hydrolinx.top/intro.html"/>
    <updated>2026-09-19T17:37:33.000Z</updated>
    <summary type="html"><![CDATA[
<p>I'm Mr.HydrolinX — a developer who treats AI as a companion I've walked with &quot;across five hundred years.&quot;</p>
<p>This isn't sci-fi: in the AI era, <strong>a single day can hold a year's worth of creation</strong>. My &quot;500 years&quot; is the name I give to this time-leverage — using it to learn, to build, and to turn ideas into income.</p>]]></summary>
    <content type="html"><![CDATA[
<p>I'm Mr.HydrolinX — a developer who treats AI as a companion I've walked with &quot;across five hundred years.&quot;</p>
<p>This isn't sci-fi: in the AI era, <strong>a single day can hold a year's worth of creation</strong>. My &quot;500 years&quot; is the name I give to this time-leverage — using it to learn, to build, and to turn ideas into income.</p>
<p>This blog is the running record of my journey with AI:</p>
<ul>
<li>🤖 <strong>Time leverage</strong>: handing the repetitive over to agents &amp; workflows</li>
<li>💰 <strong>Turning time into money</strong>: real paths from skills × AI</li>
<li>🚀 <strong>Era by era</strong>: every new model is a new epoch</li>
</ul>
<p>Once it took a decade to sharpen a single sword; now, with AI, we forge a hundred in a night.</p>
<p>No shortcuts here — just the real story of putting AI's leverage to work, little by little.</p>
]]></content>
    <published>2024-11-04T06:51:54.000Z</published>
  </entry>
  <entry>
    <title type="text">Disabling layout and features</title>
    <id>https://blog.hydrolinx.top/demo/disable.html</id>
    <link href="https://blog.hydrolinx.top/demo/disable.html"/>
    <updated>2024-11-04T06:51:54.000Z</updated>
    <summary type="html"><![CDATA[<p>You can disable some function and layout on the page by setting the Frontmatter of the page.</p>
]]></summary>
    <content type="html"><![CDATA[<p>You can disable some function and layout on the page by setting the Frontmatter of the page.</p>
<!-- more -->
<p>This page is an demo that disables the following features:</p>
<ul>
<li>Navbar</li>
<li>Sidebar</li>
<li>Breadcrumb</li>
<li>Page information</li>
<li>Contributors</li>
<li>Edit link</li>
<li>Update time</li>
<li>Prev/Next link</li>
<li>Comment</li>
<li>Footer</li>
<li>Back to top button</li>
</ul>
]]></content>
    <category term="Guide"/>
    <published>2024-11-04T06:51:54.000Z</published>
  </entry>
  <entry>
    <title type="text">Layout</title>
    <id>https://blog.hydrolinx.top/demo/layout.html</id>
    <link href="https://blog.hydrolinx.top/demo/layout.html"/>
    <updated>2024-11-04T06:51:54.000Z</updated>
    <summary type="html"><![CDATA[<p>The layout contains:</p>
<ul>
<li><a href="https://theme-hope.vuejs.press/guide/layout/navbar.html" target="_blank" rel="noopener noreferrer">Navbar</a></li>
<li><a href="https://theme-hope.vuejs.press/guide/layout/sidebar.html" target="_blank" rel="noopener noreferrer">Sidebar</a></li>
<li><a href="https://theme-hope.vuejs.press/guide/layout/footer.html" target="_blank" rel="noopener noreferrer">Footer</a></li>
</ul>]]></summary>
    <content type="html"><![CDATA[<p>The layout contains:</p>
<ul>
<li><a href="https://theme-hope.vuejs.press/guide/layout/navbar.html" target="_blank" rel="noopener noreferrer">Navbar</a></li>
<li><a href="https://theme-hope.vuejs.press/guide/layout/sidebar.html" target="_blank" rel="noopener noreferrer">Sidebar</a></li>
<li><a href="https://theme-hope.vuejs.press/guide/layout/footer.html" target="_blank" rel="noopener noreferrer">Footer</a></li>
</ul>
<p>Also each page can contain:</p>
<ul>
<li><a href="https://theme-hope.vuejs.press/guide/layout/breadcrumb.html" target="_blank" rel="noopener noreferrer">BreadCrumb</a></li>
<li><a href="https://theme-hope.vuejs.press/guide/feature/page-info.html" target="_blank" rel="noopener noreferrer">Title and information</a></li>
<li><a href="https://theme-hope.vuejs.press/guide/layout/page.html#header-list" target="_blank" rel="noopener noreferrer">TOC (Table of Contents)</a></li>
<li><a href="https://theme-hope.vuejs.press/guide/feature/meta.html" target="_blank" rel="noopener noreferrer">Meta information including update time and contributors</a></li>
<li><a href="https://theme-hope.vuejs.press/guide/feature/comment.html" target="_blank" rel="noopener noreferrer">Comments</a></li>
</ul>
<p>The theme also has the following elements:</p>
<ul>
<li><a href="https://theme-hope.vuejs.press/guide/interface/darkmode.html" target="_blank" rel="noopener noreferrer">Darkmode button</a></li>
<li><a href="https://theme-hope.vuejs.press/guide/interface/others.html#back-to-top-button" target="_blank" rel="noopener noreferrer">Back to top button</a></li>
<li><a href="https://theme-hope.vuejs.press/guide/interface/others.html#print-button" target="_blank" rel="noopener noreferrer">Print button</a></li>
</ul>
<p>You can customize them in theme options and page frontmatter.</p>
]]></content>
    <category term="Guide"/>
    <published>2024-11-04T06:51:54.000Z</published>
  </entry>
  <entry>
    <title type="text">Markdown Enhance</title>
    <id>https://blog.hydrolinx.top/demo/markdown.html</id>
    <link href="https://blog.hydrolinx.top/demo/markdown.html"/>
    <updated>2026-09-19T17:37:33.000Z</updated>
    <summary type="html"><![CDATA[<p>VuePress basically generate pages from Markdown files. So you can use it to generate documentation or blog sites easily.</p>
<p>You should create and write Markdown files, so that VuePress can convert them to different pages according to file structure.</p>
]]></summary>
    <content type="html"><![CDATA[<p>VuePress basically generate pages from Markdown files. So you can use it to generate documentation or blog sites easily.</p>
<p>You should create and write Markdown files, so that VuePress can convert them to different pages according to file structure.</p>
<!-- more -->
<h2>Markdown Introduction</h2>
<p>If you are a new learner and don't know how to write Markdown, please read <a href="https://theme-hope.vuejs.press/cookbook/markdown/" target="_blank" rel="noopener noreferrer">Markdown Intro</a> and <a href="https://theme-hope.vuejs.press/cookbook/markdown/demo.html" target="_blank" rel="noopener noreferrer">Markdown Demo</a>.</p>
<h2>Markdown Config</h2>
<p>VuePress introduce configuration for each markdown page using Frontmatter.</p>
<div class="hint-container important">
<p class="hint-container-title">Frontmatter</p>
<p>Frontmatter is an important concept in VuePress. If you don't know it, you need to read <a href="https://theme-hope.vuejs.press/cookbook/vuepress/page.html#front-matter" target="_blank" rel="noopener noreferrer">Frontmatter Introduction</a>.</p>
</div>
<h2>Markdown Extension</h2>
<p>The Markdown content in VuePress will be parsed by <a href="https://github.com/markdown-it/markdown-it" target="_blank" rel="noopener noreferrer">markdown-it</a>, which supports <a href="https://github.com/markdown-it/markdown-it#syntax-extensions" target="_blank" rel="noopener noreferrer">syntax extensions</a> via markdown-it plugins.</p>
<h3>VuePress Enhancement</h3>
<p>To enrich document writing, VuePress has extended Markdown syntax.</p>
<p>For these extensions, please read <a href="https://theme-hope.vuejs.press/basic/vuepress/markdown.html" target="_blank" rel="noopener noreferrer">Markdown extensions in VuePress</a>.</p>
<h3>Theme Enhancement</h3>
<p>By using VuePress plugins, the theme extends more Markdown syntax and provides richer writing functions.</p>
<h4>Code Tabs</h4>
<p>::: code-tabs#shell</p>
<p>@tab pnpm</p>
<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>
<div class="line-numbers" aria-hidden="true" style="counter-reset:line-number 0"><div class="line-number"></div></div></div><p>@tab yarn</p>
<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>
<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>
<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>
<div class="line-numbers" aria-hidden="true" style="counter-reset:line-number 0"><div class="line-number"></div></div></div><p>:::</p>
<ul>
<li><a href="https://theme-hope.vuejs.press/guide/markdown/code/code-tabs.html" target="_blank" rel="noopener noreferrer">View Detail</a></li>
</ul>
<h4>Tabs</h4>
<p>::: tabs#fruit</p>
<p>@tab apple</p>
<p>Apple</p>
<p>@tab banana</p>
<p>Banana</p>
<p>@tab orange</p>
<p>Orange</p>
<p>:::</p>
<ul>
<li><a href="https://theme-hope.vuejs.press/guide/markdown/content/tabs.html" target="_blank" rel="noopener noreferrer">View Detail</a></li>
</ul>
<h4>Footnote</h4>
<p>This text has footnote[^first].</p>
<p>[^first]: This is footnote content</p>
<ul>
<li><a href="https://theme-hope.vuejs.press/guide/markdown/content/footnote.html" target="_blank" rel="noopener noreferrer">View Detail</a></li>
</ul>
<h4>Include files</h4>
<ul>
<li><a href="https://theme-hope.vuejs.press/guide/markdown/content/include.html" target="_blank" rel="noopener noreferrer">View Detail</a></li>
</ul>
<h4>TeX</h4>
<p>$$
\frac {\partial^r} {\partial \omega^r} \left(\frac {y^{\omega}} {\omega}\right)
= \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}
$$</p>
<ul>
<li><a href="https://theme-hope.vuejs.press/guide/markdown/grammar/tex.html" target="_blank" rel="noopener noreferrer">View Detail</a></li>
</ul>
<h4>Tasklist</h4>
<ul>
<li>[x] Plan A</li>
<li>[ ] Plan B</li>
</ul>
<p><a href="https://theme-hope.vuejs.press/guide/markdown/grammar/tasklist.html" target="_blank" rel="noopener noreferrer">View Detail</a></p>
<h4>Image Enhancement</h4>
<p>Support setting color scheme and size.</p>
<ul>
<li><a href="https://theme-hope.vuejs.press/guide/markdown/grammar/image.html" target="_blank" rel="noopener noreferrer">View Detail</a></li>
</ul>
<h4>Superscript and Subscript</h4>
<p>19^th^ H~2~O</p>
<ul>
<li><a href="https://theme-hope.vuejs.press/guide/markdown/grammar/sup-sub.html" target="_blank" rel="noopener noreferrer">View Detail</a></li>
</ul>
<h4>Component</h4>

<ul>
<li><a href="https://theme-hope.vuejs.press/guide/component/grammar.html" target="_blank" rel="noopener noreferrer">View Detail</a></li>
</ul>
<h4>Hint box and GFM alerts</h4>
<p>Safely use <span v-pre>{{ variable }}</span> in Markdown.</p>
<div class="hint-container info">
<p class="hint-container-title">Custom Title</p>
<p>A custom information container with <code>code</code>, <a href="#markdown-extension">link</a>.</p>
<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>
<div class="line-numbers" aria-hidden="true" style="counter-reset:line-number 0"><div class="line-number"></div></div></div></div>
<div class="hint-container tip">
<p class="hint-container-title">Custom Title</p>
<p>A custom tip container</p>
</div>
<div class="hint-container warning">
<p class="hint-container-title">Custom Title</p>
<p>A custom warning container</p>
</div>
<div class="hint-container caution">
<p class="hint-container-title">Custom Title</p>
<p>A custom caution container</p>
</div>
<details class="hint-container details"><summary>Custom Title</summary>
<p>A custom details container</p>
</details>
<ul>
<li><a href="https://theme-hope.vuejs.press/guide/markdown/stylize/alert.html" target="_blank" rel="noopener noreferrer">GitHub Alert</a></li>
<li><a href="https://theme-hope.vuejs.press/guide/markdown/stylize/hint.html" target="_blank" rel="noopener noreferrer">Hint boxes</a></li>
</ul>
<h4>Align</h4>
<p>::: center</p>
<p>I am center</p>
<p>:::</p>
<p>::: right</p>
<p>I am right align</p>
<p>:::</p>
<ul>
<li><a href="https://theme-hope.vuejs.press/guide/markdown/stylize/align.html" target="_blank" rel="noopener noreferrer">View Detail</a></li>
</ul>
<h4>Attrs</h4>
<p>A <strong>word</strong>{#word} having id.</p>
<ul>
<li><a href="https://theme-hope.vuejs.press/guide/markdown/stylize/attrs.html" target="_blank" rel="noopener noreferrer">View Detail</a></li>
</ul>
<h4>Mark</h4>
<p>You can mark ==important words== .</p>
<ul>
<li><a href="https://theme-hope.vuejs.press/guide/markdown/stylize/mark.html" target="_blank" rel="noopener noreferrer">View Detail</a></li>
</ul>
<h4>Spoiler</h4>
<p>VuePress Theme Hope is !!powerful!!.</p>
<ul>
<li><a href="https://theme-hope.vuejs.press/guide/markdown/stylize/spoiler.html" target="_blank" rel="noopener noreferrer">View Detail</a></li>
</ul>
<h4>Stylize</h4>
<p>Donate Mr.HydrolinX a cup of coffee. <em>Recommended</em></p>
<ul>
<li><a href="https://theme-hope.vuejs.press/guide/markdown/stylize/stylize.html" target="_blank" rel="noopener noreferrer">View Detail</a></li>
</ul>
<h4>Reveal.js</h4>
<iframe src="https://ecosystem.vuejs.press/plugins/markdown/revealjs/demo.html" width="100%" height="420"></iframe>
<ul>
<li><a href="https://theme-hope.vuejs.press/guide/markdown/content/revealjs.html" target="_blank" rel="noopener noreferrer">View Detail</a></li>
</ul>
<h4>Chart.js</h4>
<iframe src="https://plugin-md-enhance-demo.vuejs.press/snippet/chartjs.html" width="100%" height="450"></iframe>
<ul>
<li><a href="https://theme-hope.vuejs.press/guide/markdown/chart/chartjs.html" target="_blank" rel="noopener noreferrer">View Detail</a></li>
</ul>
<h4>ECharts</h4>
<iframe src="https://plugin-md-enhance-demo.vuejs.press/snippet/echarts.html" width="100%" height="800"></iframe>
<ul>
<li><a href="https://theme-hope.vuejs.press/guide/markdown/chart/echarts.html" target="_blank" rel="noopener noreferrer">View Detail</a></li>
</ul>
<h4>Flowchart</h4>
<iframe src="https://plugin-md-enhance-demo.vuejs.press/snippet/flowchart.html" width="100%" height="450"></iframe>
<ul>
<li><a href="https://theme-hope.vuejs.press/guide/markdown/chart/flowchart.html" target="_blank" rel="noopener noreferrer">View Detail</a></li>
</ul>
<h4>MarkMap</h4>
<iframe src="https://plugin-md-enhance-demo.vuejs.press/snippet/markmap.html" width="100%" height="380"></iframe>
<ul>
<li><a href="https://theme-hope.vuejs.press/guide/markdown/chart/markmap.html" target="_blank" rel="noopener noreferrer">View Detail</a></li>
</ul>
<h4>Mermaid</h4>
<iframe src="https://plugin-md-enhance-demo.vuejs.press/snippet/mermaid.html" width="100%" height="620"></iframe>
<ul>
<li><a href="https://theme-hope.vuejs.press/guide/markdown/chart/mermaid.html" target="_blank" rel="noopener noreferrer">View Detail</a></li>
</ul>
<h4>PlantUML</h4>
<p>@startuml
Alice -&gt; Bob: Authentication Request</p>
<p>alt successful case</p>
<pre><code>Bob -&gt; Alice: Authentication Accepted
</code></pre>
<p>else some kind of failure</p>
<pre><code>Bob -&gt; Alice: Authentication Failure
group My own label
Alice -&gt; Log : Log attack start
    loop 1000 times
        Alice -&gt; Bob: DNS Attack
    end
Alice -&gt; Log : Log attack end
end
</code></pre>
<p>else Another type of failure</p>
<p>Bob -&gt; Alice: Please repeat</p>
<p>end
@enduml</p>
<ul>
<li><a href="https://theme-hope.vuejs.press/guide/markdown/chart/plantuml.html" target="_blank" rel="noopener noreferrer">View Detail</a></li>
</ul>
<h4>Code Demo</h4>
<iframe src="https://plugin-md-enhance-demo.vuejs.press/snippet/code-demo.html" width="100%" height="450"></iframe>
<ul>
<li><a href="https://theme-hope.vuejs.press/guide/markdown/code/demo.html" target="_blank" rel="noopener noreferrer">View Detail</a></li>
</ul>
<h4>Playground</h4>
<iframe src="https://plugin-md-enhance-demo.vuejs.press/snippet/playground.html" width="100%" height="480"></iframe>
<ul>
<li><a href="https://theme-hope.vuejs.press/guide/markdown/code/playground.html" target="_blank" rel="noopener noreferrer">View Detail</a></li>
</ul>
<h4>Kotlin Playground</h4>
<iframe src="https://plugin-md-enhance-demo.vuejs.press/snippet/kotlin-playground.html" width="100%" height="220"></iframe>
<ul>
<li><a href="https://theme-hope.vuejs.press/guide/markdown/code/kotlin-playground.html" target="_blank" rel="noopener noreferrer">View Detail</a></li>
</ul>
<h4>Sandpack Playground</h4>
<iframe src="https://plugin-md-enhance-demo.vuejs.press/snippet/sandpack.html" width="100%" height="380"></iframe>
<ul>
<li><a href="https://theme-hope.vuejs.press/guide/markdown/code/sandpack.html" target="_blank" rel="noopener noreferrer">View Detail</a></li>
</ul>
<h4>Vue Playground</h4>
<iframe src="https://plugin-md-enhance-demo.vuejs.press/snippet/vue-playground.html" width="100%" height="380"></iframe>
<ul>
<li><a href="https://theme-hope.vuejs.press/guide/markdown/code/vue-playground.html" target="_blank" rel="noopener noreferrer">View Detail</a></li>
</ul>
]]></content>
    <category term="Guide"/>
    <published>2024-11-04T06:51:54.000Z</published>
  </entry>
  <entry>
    <title type="text">Page Config</title>
    <id>https://blog.hydrolinx.top/demo/page.html</id>
    <link href="https://blog.hydrolinx.top/demo/page.html"/>
    <updated>2026-09-19T17:37:33.000Z</updated>
    <summary type="html"><![CDATA[<p>Content before <code>more</code> comment is regarded as page excerpt.</p>
]]></summary>
    <content type="html"><![CDATA[<p>Content before <code>more</code> comment is regarded as page excerpt.</p>
<!-- more -->
<h2>Page Title</h2>
<p>The first H1 title in Markdown will be regarded as page title.</p>
<p>You can also set title in Markdown's Frontmatter:</p>
<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>
<div class="line-numbers" aria-hidden="true" style="counter-reset:line-number 0"><div class="line-number"></div></div></div>]]></content>
    <author>
      <name>Ms.Hope</name>
    </author>
    <category term="Guide"/>
    <contributor>
      <name>Ms.Hope</name>
    </contributor>
    <published>2020-01-01T00:00:00.000Z</published>
    <rights>No Copyright</rights>
  </entry>
  <entry>
    <title type="text">Features demo</title>
    <id>https://blog.hydrolinx.top/demo/</id>
    <link href="https://blog.hydrolinx.top/demo/"/>
    <updated>2024-11-04T06:51:54.000Z</updated>
    <category term="Guide"/>
    <published>2024-11-04T06:51:54.000Z</published>
  </entry>
</feed>