refact: update ui

content/blog/zh/2026-03-15-latex-vs-mathml.md

@@ -0,0 +1,48 @@
+---
+title: "LaTeX 和 MathML：你应该用哪种格式？"
+description: 面向学生和研究人员的 LaTeX 与 MathML 实用对比
+slug: latex-vs-mathml
+date: 2026-03-15
+tags: [指南, 格式]
+---
+
+# LaTeX 和 MathML：你应该用哪种格式？
+
+TexPixel 可以将识别出的公式导出为 LaTeX 和 MathML 两种格式。那么你应该选择哪种？这里有一份快速指南。
+
+## LaTeX — 学术标准
+
+LaTeX 是学术论文、学位论文和教材中排版数学公式最广泛使用的格式。
+
+**适用场景：**
+- 在 Overleaf、TeXmaker 或任何 LaTeX 编辑器中写论文
+- 粘贴到 Markdown 文档中（配合 KaTeX 或 MathJax 渲染）
+- 在 Stack Exchange 或 Reddit 等论坛分享公式
+
+**示例：**
+```latex
+\int_{0}^{\infty} e^{-x^2} dx = \frac{\sqrt{\pi}}{2}
+```
+
+## MathML — Web 标准
+
+MathML 是一种基于 XML 的格式，专为在浏览器和屏幕阅读器中显示数学内容而设计。
+
+**适用场景：**
+- 在 HTML 网页中嵌入公式
+- 无障碍访问 — 屏幕阅读器可以解读 MathML
+- Word 文档（DOCX 内部使用 MathML）
+
+## 快速决策指南
+
+| 场景 | 推荐格式 |
+|------|---------|
+| 写论文 | LaTeX |
+| 在 Google Docs / Word 中做作业 | MathML（通过 DOCX 导出） |
+| 发布博客或网站 | LaTeX（配合 MathJax） |
+| 注重无障碍访问 | MathML |
+| 社交媒体分享 | 图片导出 |
+
+## TexPixel 的优势
+
+你不需要提前选择。TexPixel 识别一次公式后，可以导出为任意格式——在 LaTeX、MathML、Markdown、Word 和图片之间自由切换。

content/blog/zh/2026-03-20-handwriting-tips.md

@@ -0,0 +1,45 @@
+---
+title: 提升手写公式识别准确率的 5 个技巧
+description: 使用 TexPixel 扫描手写公式时，如何获得最准确的识别结果
+slug: handwriting-tips
+date: 2026-03-20
+tags: [教程, 技巧]
+---
+
+# 提升手写公式识别准确率的 5 个技巧
+
+从手写数学公式获得干净、准确的 LaTeX 并不需要完美的书写。但一些简单的习惯可以显著提升识别结果。
+
+## 1. 使用深色墨水和浅色纸张
+
+高对比度是影响识别准确率的最大因素。在白纸或浅色纸上使用深色笔（黑色或深蓝色）能给 TexPixel 最清晰的信号。铅笔也可以，但要用力书写。
+
+## 2. 给符号留出空间
+
+拥挤的公式无论对人还是 AI 都更难辨认。请在以下位置留出清晰的间隔：
+- 分数线与上下表达式之间
+- 上标、下标与基础符号之间
+- 括号与其包含的项之间
+
+## 3. 注意易混淆字符
+
+一些字符在手写中特别容易混淆：
+- **1, l, |** — 写数字 1 时加上衬线
+- **0, O, o** — 零应更窄更椭圆
+- **x, ×** — 表示"乘"时使用乘号点（·）
+- **u, v** — 圆底 vs 尖底
+
+## 4. 保持拍摄稳定
+
+如果你用手机拍摄笔记：
+- 手机保持与纸面平行（不要倾斜）
+- 确保光线均匀，公式上没有阴影
+- 靠近拍摄，让公式占据画面的大部分
+
+## 5. 每次上传一个公式
+
+TexPixel 在每张图片只包含一个公式或一组紧密相关的表达式时效果最好。如果你有一整页方程，建议逐个裁剪后分别上传。
+
+---
+
+养成这些习惯后，你会发现识别准确率明显提升——即使是复杂的手写表达式也能达到 95% 以上。