先看效果

简洁优雅，表格、分割线、引用、标注、跳转页码......

没有你想不到 只有做不到。

只需一步 写好的文案丢给AI 静候五分钟就可以免费得到优雅的成品。

不多bb，上教学。

预备：

电脑、Deepseek网页版、和一个已经做好的文档。

1.提示词构建：

前面给出你写好的文档 然后加下面这段prompt即可：

`我需要你根据我给你的文档写一份可直接打印转pdf的优雅html网页。使用page-break等css属性实现每一个大点分页，文档清晰简约优雅美观、阅读友好，对于多类信息属性最好引入图标css库并运用里面的icon，`

Deepseek的自主优化能力还是很强的，他在有限的提示词内尽可能都会给你用户友好的页面，所以也可以直接不添加提示词开盲盒。

按需要增加下列prompt：

超链接跳转：“对于参考文献中的网页，要保持超链接可跳转。”

一些可能的元素：页眉 页脚 留白和间距 卡片容器 边框 表格 引用 Logo

如果要添加图片，可能需要你会一些html的语法，这个很简单好上手，只需要问AI即可。参考问法：我被确诊为智力低下，也就是智障，我从来没接触过计算机，请问我如何在我的html文件中插入图片，你需要在每次回答完我后提示我如何浏览的做好的html网页。

可能有用的提示词

请创建一个优雅的专业商业计划书HTML展示页面，要求： 一、设计系统 1. 配色：主色#4a6de5，辅色#6c63ff，浅背景#f8f9ff，深文字#2c3e50 2. 字体：现代无衬线字体，良好可读性 3. 间距：基于8px网格系统，合理使用padding/margin 二、页面结构 1. 页眉：圆形渐变logo + 主副标题 + 元信息网格 2. 内容：8个章节，每个章节包含： - 章节头部（圆形编号+标题） - 内容区域（段落、列表、表格、卡片等） 3. 页脚：简洁版权信息 三、关键组件 1. 章节编号：36px圆形，渐变背景，白色数字 2. 高亮框：浅色背景，左侧彩色边框，用于强调内容 3. 财务卡片：顶部边框，阴影，大数字突出显示 4. 团队网格：卡片式布局，悬停效果 5. 表格：斑马纹，彩色表头 四、响应式要求 1. 桌面：最大宽度1200px，居中显示 2. 平板：调整字体和间距 3. 手机：单列布局，简化复杂组件 4. 打印：专门优化，确保PDF转换完美 五、交互细节 1. 卡片悬停轻微上浮 2. 外部链接新窗口打开 3. 平滑的状态过渡 六、技术要求 1. 语义化HTML5标签 2. CSS变量定义设计系统 3. Flexbox/Grid现代布局 4. 打印优化CSS（page-break-inside等） 5. 字体图标使用Font Awesome 请确保代码干净、注释清晰，可以直接保存为HTML文件使用。

实测效果不如直接开盲盒。

2.使用原生浏览器打印转换成pdf

生成出来的html 复制到空的txt文件中，修改后缀为.html 然后使用主流浏览器如Chrome、Edge Firefox等打开。

右键选择打印或者直接Ctrl+P

在更多设置中缩放图调节到150% 开启背景图形 尺寸调A3会效果比较好，和网页浏览的大小几乎一致，A4可能就有缩放，每行的字比较少。

然后打印机选择“另存PDF”，保存到本地即可。

收录于知乎专栏「计算机基础」· 查看知乎原文