DeepSeek LaTeX 美化排版教程

DeepSeek 对话里可以用 LaTeX 数学公式引擎做排版:颜色、方框、气泡、进度条、面板都靠公式命令拼出来。 本教程面向零基础,所有示例均带定界符,可直接复制到 DeepSeek 使用。

1. 简介

DeepSeek 支持的不是完整 LaTeX 论文排版,而是对话消息里的公式渲染子集。利用颜色、盒子、array 布局,可以做出类似 UI 的效果。

项目说明
能做什么公式、彩色字、方框、气泡、进度条、简易面板、小游戏 UI 壳
在哪里用DeepSeek 网页 / App 对话
本质数学公式引擎(KaTeX + 必要时 MicroTeX),不是 HTML/CSS
中文怎么写一律放进 \text{中文},更稳
很多「炫技」都是公式命令拼的。学会定界符 + \text{} + \fcolorbox + array,就能做大半效果。

2. 定界符(最重要)

没有定界符,写什么都不会渲染。引擎只认被定界符包住的内容。

类型写法用途
块级\[ ... \]居中大块:面板、卡片、多行布局
块级$$ ... $$与上等价,二选一即可
行内\( ... \)嵌在普通句子中间

实例:块级

\[ \text{块级公式内容} \]

实例:行内

这是 \( \textcolor{red}{\heartsuit} \) 一颗红心。

实例:美元定界符

$$ \text{用美元符号定界符} $$
「反斜杠反斜杠 + [0.5em]」不是定界符,不要拿来开公式。 真正定界是 \[\](或 $$ / \( \))。

3. 颜色与背景

语法

命令含义
\textcolor{颜色}{内容}改文字颜色
\colorbox{颜色}{内容}纯色背景,无边框
\fcolorbox{边框色}{背景色}{内容}带边框的色块,做面板常用

颜色可以是名字(redwhite)或十六进制(#FF69B4)。

常规颜色

\[ \textcolor{red}{\text{红色文字}} \quad \textcolor{blue}{\text{蓝色文字}} \]

十六进制

\[ \textcolor{#FF69B4}{\text{粉色文字}} \quad \textcolor{#FF6600}{\text{橙色文字}} \]

背景色

\[ \colorbox{yellow}{\text{黄底文字}} \]
禁止 \definecolor。深色底(如 #0D1117)上请用白/青色字,默认黑色会「看不见」。

4. 字体与字号

文字样式

\[ \textbf{\text{粗体}} \quad \textit{\text{斜体}} \quad \textsf{\text{无衬线}} \quad \underline{\text{下划线}} \quad \overline{\text{上划线}} \]

花体(仅英文可靠)

\[ \mathcal{ABC} \quad \mathbb{ABC} \quad \mathfrak{ABC} \]

字号阶梯

\[ {\tiny \text{极小}} \quad {\small \text{稍小}} \quad {\normalsize \text{正常}} \quad {\large \text{大}} \quad {\huge \text{巨大}} \]
字号命令建议包一层花括号,避免影响后面内容,例如 {\large \text{大}}

5. 盒子与边框

命令效果备注
\fbox{...}直角方框基础好用
\ovalbox{...}圆角气泡聊天气泡常用
\boxed{...}数学框偏公式风格
\fcolorbox{边}{底}{内容}彩色边框盒做面板首选
\[ \fbox{\text{直角方框}} \]

\[ \ovalbox{\text{圆角气泡}} \]

\[ \boxed{\text{数学方框}} \]
禁止 \shadowbox\doublebox,容易卡死或变源码。

6. 数组对齐

array 做多列布局:列与列之间用 &,换行用 \\

列说明符含义
l左对齐
c居中
r右对齐
@{\hspace{1em}}自定义列间距

基础三列

\[ \begin{array}{l c r} \text{左} & \text{中} & \text{右} \end{array} \]

自定义间距

\[ \begin{array}{@{}c@{\hspace{1em}}c@{}} \text{中间隔开1em} & \text{第二列} \end{array} \]
单行公式里不要留 TeX 注释 %。 例如 \raisebox{0.5em}{% \begin{array} 会把后面全注释掉。 正确:去掉 %,写成 \raisebox{0.5em}{\begin{array}...

7. 缩放、旋转与镜像

这些命令在标准 KaTeX 里经常不支持,DeepSeek 会用更强的引擎兜底。预览页也会自动降级处理。

命令含义
\scalebox{倍数}{内容}等比缩放
\scalebox{横}[纵]{内容}分别控制横向/纵向
\rotatebox{角度}{内容}旋转(负数为逆时针观感上的左倾)
\reflectbox{内容}左右镜像
\[ \scalebox{1.5}{\text{放大1.5倍}} \]

\[ \scalebox{2}[1]{\text{横向拉宽}} \quad \scalebox{1}[0.5]{\text{纵向压扁}} \]

\[ \rotatebox{-15}{\text{向左倾斜15度}} \]

\[ \reflectbox{\text{左右反转}} \]

8. 位移与色块

上下 / 左右

\[ \raisebox{1cm}{\text{向上1cm}} \quad \raisebox{-1cm}{\text{向下1cm}} \]

\[ \hspace{2cm}\text{右移2cm} \hspace{-1cm}\text{拉回左侧} \]

色块与进度条

\rule{宽}{高} 画实心矩形,配 \textcolor 可做进度条。

\[ \rule{2cm}{2cm} \]

\[ \textcolor{#FF69B4}{\rule{4cm}{0.4cm}}\textcolor{#E0E0E0}{\rule{2cm}{0.4cm}} \quad \textcolor{gray}{66/100} \]

隐形撑杆(推荐换行间距)

不要用「\\ + [0.5em]」控制行距。用零宽撑杆:

\[ \rule{0pt}{0.5em} \]

不想撑高行距但要画色块时用 \smash

\[ \text{前面} \smash{\rule{1cm}{1cm}} \text{后面(色块不撑高行距)} \]

9. 常用组合技

把前面命令拼在一起,就能做出常用小组件。

聊天气泡(带小尾巴)

\[ \textcolor{#1E90FF}{\blacktriangleleft}\hspace{-0.35cm}\fcolorbox{#1E90FF}{#1E90FF}{\textcolor{white}{\text{你好呀!}}} \]

猫耳圆框头像

\[ \begin{array}{c}\triangle \hspace{1.8em} \triangle \\ \ovalbox{\text{(*^-^*)}}\end{array} \]

无缝隙进度条

\[ \textcolor{#FF69B4}{\rule{4cm}{0.4cm}}\textcolor{#E0E0E0}{\rule{2cm}{0.4cm}} \quad \textcolor{gray}{66/100} \]

黑金赛博控制面板

\[ \fcolorbox{#00FFFF}{#0D1117}{\begin{array}{c}\textcolor{#00FFFF}{\textbf{\text{✦ 赛博面板 ✦}}}\\\rule{0pt}{0.4em}\\\textcolor{white}{\text{系统运行中...}}\end{array}} \]
深色面板:标题/装饰用亮色,正文用 white 或浅灰,避免默认黑字。

10. 完整模板

下面是可直接复制的完整场景模板。复制时请连同定界符一起带走。

10.1 小鱼聊天气泡

猫耳头像 + 对话框 + 箭头。注意公式里不要夹 % 注释。

\[ \begin{array}{c@{\hspace{0.8em}}c} \raisebox{0.5em}{\begin{array}{c} \triangle \hspace{1.8em} \triangle \\ \ovalbox{\text{(*^-^*)}} \end{array}} & \raisebox{-0.45em}{\scalebox{3.5}{\vartriangleleft}}\hspace{-0.9em} \fcolorbox{black}{#FFFACD}{\hspace{0.15em}\raisebox{0.5em}{\textcolor{black}{\rule{0.2cm}{0.2cm}}}\hspace{0.15em}\textcolor{black}{\textbf{\text{今晚月色很美}}}\hspace{0.15em}} \hspace{-0.4em} \raisebox{-0.25em}{\scalebox{3.2}{\text{<}}} \end{array} \]

10.2 音频播放器面板

\[ \fcolorbox{#3A3A3A}{#3A3A3A}{ \hspace{0.8em} \begin{array}{c@{\hspace{1.5em}}c} \begin{array}{c} \colorbox{#5B6ABF}{\rule{1.5cm}{1.5cm}} \\ \raisebox{-0.2cm}{\hspace{-1.2cm}\textcolor{#00FF00}{\textbf{♪}}} \end{array} & \begin{array}{l} \textcolor{white}{\textbf{\text{《夜萤火虫和你》完整版}}} \\ \textcolor{gray}{\footnotesize \text{望舒promax}} \\ \rule{0pt}{0.6em} \\ \textcolor{white}{\heartsuit} \quad \textcolor{white}{\blacktriangleleft} \quad \textcolor{white}{\textbf{||}} \quad \textcolor{white}{\blacktriangleright} \quad \raisebox{0.3em}{\ovalbox{\textcolor{white}{\footnotesize \text{词}}}} \end{array} \end{array} \hspace{0.8em} } \]

10.3 微信转账红包卡片

\[ \textcolor{#E0871A}{\blacktriangleleft}\fcolorbox{#E0871A}{#E0871A}{\begin{array}{l} \rule{13cm}{0pt} \\ \textcolor{white}{\textcircled{\text{\#}}}\quad\textcolor{white}{\textbf{¥88888.88}} \\ \textcolor{white}{\text{待收款}} \\ \textcolor{white}{\rule{12cm}{0.5pt}} \\ \textcolor{white}{\text{转账}} \end{array}} \]
若引擎不认 \textcircled,可改成 \ovalbox{\scriptsize \text{\#}}

10.4 扭曲旋转恐怖红字

\[ \begin{array}{c} \textcolor{red}{\rotatebox{-5}{\scalebox{1.2}{\text{如}}}}\textcolor{red}{\rotatebox{15}{\scalebox{0.5}{\text{果}}}}\textcolor{red}{\rotatebox{-20}{\scalebox{2.0}{\text{把}}}}\textcolor{red}{\rotatebox{25}{\scalebox{0.6}{\text{它}}}}\textcolor{red}{\rotatebox{-35}{\scalebox{1.8}{\text{旋}}}}\textcolor{red}{\rotatebox{10}{\scalebox{0.7}{\text{转}}}}\textcolor{red}{\rotatebox{-15}{\scalebox{1.4}{\text{到}}}}\textcolor{red}{\rotatebox{45}{\scalebox{0.4}{\text{一}}}}\textcolor{red}{\rotatebox{-25}{\scalebox{1.6}{\text{定}}}}\textcolor{red}{\rotatebox{5}{\scalebox{0.8}{\text{程}}}}\textcolor{red}{\rotatebox{-45}{\scalebox{1.3}{\text{度}}}}\textcolor{red}{\rotatebox{30}{\scalebox{0.6}{\text{的}}}}\textcolor{red}{\rotatebox{-15}{\scalebox{1.9}{\text{话}}}} \end{array} \]

10.5 综合聊天气泡 UI

带名字、时间戳、文字气泡、语音条。

\[ \begin{array}{c} \colorbox{#E0E0E0}{\textcolor{black}{\footnotesize \text{night}}} \hspace{3.5em} \colorbox{#E0E0E0}{\textcolor{black}{\footnotesize \text{02/17 上午 10:23}}} \\ \rule{0pt}{0.4em} \\ \ovalbox{\textcolor{black}{\text{宝宝, 起床了没}}} \\ \rule{0pt}{0.4em} \\ \ovalbox{ \hspace{0.8em} \textcolor{black}{\Large \boldsymbol{\blacktriangleright}} \hspace{0.3em} \textcolor{#777777}{ \rule{2.5pt}{10pt} \hspace{0.02em} \rule{2.5pt}{10pt} \hspace{0.02em} \rule{2.5pt}{22pt} } \hspace{0.3em} \raisebox{-0.1em}{\textcolor{black}{\footnotesize 12"}} \hspace{0.8em} } \\ \rule{0pt}{0.4em} \\ \textcolor{black}{\text{[我刚下早课, 你那边天气怎么样, 今天我这边又下雨了]}} \end{array} \]

10.6 2048 规则摘要(纯文字,不渲染)

  • 棋盘:4×4 网格
  • 移动:向四向滑动,相同数字合并,每回合每格最多合并一次
  • 计分:合并得分 = 合并后数值
  • 新数字:空白格生成 2(90%)或 4(10%)
  • 获胜:出现 2048;失败:棋盘满且无法合并
做游戏时,把规则写清楚再让 DeepSeek 输出面板 LaTeX,效果更稳。

11. 赛博宠物面板

深色底板 + 青色描边。头像/猫耳请用亮色,否则会融进背景。

11.1 主面板

\[ \fcolorbox{#00FFFF}{#0D1117}{ \begin{array}{c} \textcolor{#00FFFF}{\textbf{\text{✦ D老师的赛博宠物 ✦}}} \\ \rule{0pt}{0.6em} \\ \begin{array}{c} \textcolor{#00FFFF}{\triangle} \hspace{1.5em} \textcolor{#00FFFF}{\triangle} \\ \fcolorbox{#00FFFF}{#0D1117}{\textcolor{#00FFFF}{\text{(*^▽^*)}}} \end{array} \\ \rule{0pt}{0.6em} \\ \begin{array}{l} \textcolor{#A9A9A9}{\text{幸福度}} \quad \textcolor{#FF69B4}{\rule{3cm}{0.3cm}}\textcolor{#3D3D3D}{\rule{3cm}{0.3cm}} \\ \rule{0pt}{0.3em} \\ \textcolor{#A9A9A9}{\text{饱食度}} \quad \textcolor{#FFD700}{\rule{3cm}{0.3cm}}\textcolor{#3D3D3D}{\rule{3cm}{0.3cm}} \\ \rule{0pt}{0.3em} \\ \textcolor{#A9A9A9}{\text{好感度}} \quad \textcolor{#1E90FF}{\rule{1cm}{0.3cm}}\textcolor{#3D3D3D}{\rule{5cm}{0.3cm}} \end{array} \\ \rule{0pt}{0.6em} \\ \textcolor{#A9A9A9}{\scriptsize \text{摸摸头,喂小鱼干,或者去商店逛逛吧!}} \\ \rule{0pt}{0.6em} \\ \fcolorbox{#FF69B4}{#1A1A1A}{\textcolor{#FF69B4}{\textbf{\text{【 摸摸头 】}}}} \quad \fcolorbox{#FFD700}{#1A1A1A}{\textcolor{#FFD700}{\textbf{\text{【 喂小鱼干 】}}}} \quad \fcolorbox{#1E90FF}{#1A1A1A}{\textcolor{#1E90FF}{\textbf{\text{【 逗它玩 】}}}} \quad \fcolorbox{#FFD700}{#1A1A1A}{\textcolor{#FFD700}{\textbf{\text{【 商店菜单 】}}}} \end{array} } \]

11.2 商店面板

\[ \fcolorbox{#00FFFF}{#0D1117}{ \begin{array}{c} \textcolor{#FFD700}{\textbf{\text{✦ 赛 博 宠 物 商 店 ✦}}} \\ \rule{0pt}{0.6em} \\ \begin{array}{l} \textcolor{white}{\textbf{\text{猫薄荷}}} \quad \textcolor{#A9A9A9}{\text{ 50 幸福度 }} \quad \fcolorbox{#00FFFF}{#1A1A1A}{\textcolor{#00FFFF}{\text{【 购买 】}}} \\ \rule{0pt}{0.3em} \\ \textcolor{white}{\textbf{\text{毛线球}}} \quad \textcolor{#A9A9A9}{\text{ 40 好感度 }} \quad \fcolorbox{#00FFFF}{#1A1A1A}{\textcolor{#00FFFF}{\text{【 购买 】}}} \\ \rule{0pt}{0.3em} \\ \textcolor{white}{\textbf{\text{小梳子}}} \quad \textcolor{#A9A9A9}{\text{ 30 幸福度 }} \quad \fcolorbox{#00FFFF}{#1A1A1A}{\textcolor{#00FFFF}{\text{【 购买 】}}} \end{array} \\ \rule{0pt}{0.6em} \\ \textcolor{#A9A9A9}{\scriptsize \text{选购宠物用品,提升各项数值吧!}} \\ \rule{0pt}{0.6em} \\ \fcolorbox{#FF4500}{#1A1A1A}{\textcolor{#FF4500}{\textbf{\text{【 返回宠物界面 】}}}} \end{array} } \]

12. 避坑大全

不要用原因
\definecolor直接炸源码
\shadowbox / \doublebox卡死或变源码
\usepackage{tikz}不支持宏包 / 绘图
\usepackage{fontspec} / ctex不支持本地字体
\setlength{\fboxsep}{...}不支持全局长度设置
tabularx / longtable不支持高级表格
\newcommand / \def不支持自定义命令
geometry / fancyhdr不支持页面布局
「\\ + [0.5em]」换行容易被当成坏定界符;改用 \rule{0pt}{0.5em}
裸中文不包 \text{}易乱码或失败
深色底 + 黑字看起来像没渲染
单行公式里的 %会注释掉后面全部内容
\[ \rule{0pt}{0.5em} \]

13. 给 DeepSeek 的提示词写法

想让 DeepSeek 直接吐出可渲染排版,提示词建议包含:

  1. 任务目标:要做什么界面 / 游戏 / 卡片
  2. 输出格式:使用数学定界符包裹的 LaTeX,不要用 Markdown 代码块
  3. 禁用项:禁用 Markdown 工具;禁止把源码放进代码块(否则常只显示源码)
  4. 规则细节:若是游戏,写清规则(参考上面 2048 / 宠物数值)
  5. 中文:要求中文放在 \text{} 中;深色面板用浅色字

提示词骨架示例

请用 DeepSeek 可渲染的 LaTeX 做一个「赛博宠物」主面板。
要求:
1. 使用 \[ \] 包裹整段输出
2. 不要使用 Markdown 代码块
3. 中文全部放进 \text{}
4. 深色背景,亮色文字
5. 包含幸福度/饱食度/好感度三条进度条和四个按钮
6. 不要使用 \definecolor、\usepackage、\newcommand

14. 引擎说明

DeepSeek 大致是「先 KaTeX,失败再用更强引擎(MicroTeX 一类)」:

输入公式
  → KaTeX(快)
      ├─ 成功 → 显示
      └─ 失败 → 兜底引擎(ovalbox / rotatebox 等更全)
能力通常谁来做
颜色、fbox、基础公式KaTeX
ovalbox、scalebox、rotatebox、复杂面板兜底引擎
你只要写出合法定界公式即可,不必手动选引擎。

附录 · 速查表

分类命令
定界\[ \] \( \) $$ $$
文字\text \textbf \textit \textsf
颜色\textcolor \colorbox \fcolorbox
盒子\fbox \ovalbox \boxed
布局\begin{array}{...} ... \end{array}
变换\scalebox \rotatebox \reflectbox \raisebox
色块\rule \hspace \smash
学习路径:定界符 → \text{} → 颜色 → 盒子 → array → 复制第 10、11 章模板改一改。