refact: update ui

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

@@ -0,0 +1,57 @@
+---
+title: "LaTeX vs MathML: Which Format Should You Use?"
+description: A practical comparison of LaTeX and MathML for students and researchers
+slug: latex-vs-mathml
+date: 2026-03-15
+tags: [guide, formats]
+---
+
+# LaTeX vs MathML: Which Format Should You Use?
+
+TexPixel can export your recognized formulas in both LaTeX and MathML. But which one should you choose? Here's a quick guide.
+
+## LaTeX — The Academic Standard
+
+LaTeX is the most widely used format for typesetting math in academic papers, theses, and textbooks.
+
+**Best for:**
+- Writing papers in Overleaf, TeXmaker, or any LaTeX editor
+- Pasting into Markdown documents (with KaTeX or MathJax rendering)
+- Sharing formulas in forums like Stack Exchange or Reddit
+
+**Example:**
+```latex
+\int_{0}^{\infty} e^{-x^2} dx = \frac{\sqrt{\pi}}{2}
+```
+
+## MathML — The Web Standard
+
+MathML is an XML-based format designed for displaying math in web browsers and screen readers.
+
+**Best for:**
+- Embedding formulas in HTML web pages
+- Accessibility — screen readers can interpret MathML
+- Word documents (DOCX uses MathML internally)
+
+**Example:**
+```xml
+<math>
+  <msubsup><mo>&int;</mo><mn>0</mn><mi>&infin;</mi></msubsup>
+  <msup><mi>e</mi><mrow><mo>-</mo><msup><mi>x</mi><mn>2</mn></msup></mrow></msup>
+  <mi>d</mi><mi>x</mi>
+</math>
+```
+
+## Quick Decision Guide
+
+| Scenario | Use |
+|----------|-----|
+| Writing a paper | LaTeX |
+| Homework in Google Docs / Word | MathML (via DOCX export) |
+| Posting on a blog or website | LaTeX (with MathJax) |
+| Accessibility-focused content | MathML |
+| Sharing on social media | Image export |
+
+## The TexPixel Advantage
+
+You don't have to choose upfront. TexPixel recognizes your formula once and lets you export in any format — switch freely between LaTeX, MathML, Markdown, Word, and image.

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

@@ -0,0 +1,45 @@
+---
+title: 5 Tips for Better Handwriting Recognition
+description: Get the most accurate results from TexPixel when scanning handwritten formulas
+slug: handwriting-tips
+date: 2026-03-20
+tags: [tutorial, tips]
+---
+
+# 5 Tips for Better Handwriting Recognition
+
+Getting clean, accurate LaTeX from handwritten math doesn't require perfect penmanship. But a few simple habits can dramatically improve your results.
+
+## 1. Use Dark Ink on Light Paper
+
+High contrast is the single biggest factor in recognition accuracy. A dark pen (black or dark blue) on white or light paper gives TexPixel the clearest signal. Pencil works too, but press firmly.
+
+## 2. Give Symbols Room to Breathe
+
+Cramped formulas are harder for both humans and AI to read. Leave clear gaps between:
+- Fraction bars and the expressions above/below them
+- Subscripts and superscripts and their base symbols
+- Parentheses and the terms they enclose
+
+## 3. Be Deliberate with Similar Characters
+
+Some characters are notoriously ambiguous in handwriting:
+- **1, l, |** — make your ones with a serif or flag
+- **0, O, o** — zeros should be narrower and more oval
+- **x, ×** — use a clear multiplication dot (·) when you mean "times"
+- **u, v** — round bottom vs. pointed bottom
+
+## 4. Keep Your Camera Steady
+
+If you're photographing notes with a phone:
+- Hold the phone parallel to the paper (not at an angle)
+- Make sure the lighting is even — no harsh shadows across the formula
+- Get close enough that the formula fills most of the frame
+
+## 5. One Formula Per Upload
+
+TexPixel works best when each image contains a single formula or a closely related set of expressions. If you have a page full of equations, crop them individually for best results.
+
+---
+
+With these habits, you'll see noticeably better accuracy — often 95%+ even for complex handwritten expressions.

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% 以上。