这个用ai怎么排版出来啊?
作者:卡卷网发布时间:2025-04-19 11:53浏览数量:36次评论数量:0次
哈喽大家好!
今天给大家分享一个超实用的开发技巧——
我是怎么在15分钟内,零代码做出一个智能排版工具的
系好安全带,我们直接发车
第1步:利用mastergo设计原型
https://mastergo.com/
提示词
做一个网页排版工具,左侧输入原文粘贴内容,右侧展示返回排版后的内容,支持切换、移动换和页面端展示。
左侧下方一个输入框,输入密钥下方一个开始排版按钮。
下图可以看到
mastergo已经帮我们把原型画完啦~
第2步:接入DeepSeek-V3大模型
这里我们用的是硅基流动的API
01 创建key
https://cloud.siliconflow.cn/account/ak
02 进入模型广场
选择要接入的大模型,这里我们选择DeepSeek-V3,然后点击API文档
03 拼接cURL请求地址
点击Try it
填写刚才我们生成的API密钥
模型选择deepseek-ai/DeepSeek-V3
设置用户角色和提示词
并设置为流式返回及Token数量
点击Send,可以看到成功以流式返回了内容
表示DeepSeek-V3接入成功
接下来我们需要复制cURL地址
复制内容如下
curl --request POST \
--url https://api.siliconflow.cn/v1/chat/completions \
--header 'Authorization: Bearer sk-dwaoabysgtptzhdvjqqhduaxiofxkvqnqyfpgdwbrvhisbtm' \
--header 'Content-Type: application/json' \
--data '{
"model": "deepseek-ai/DeepSeek-V3",
"stream": true,
"max_tokens": 8000,
"temperature": 0.7,
"top_p": 0.7,
"top_k": 50,
"frequency_penalty": 0.5,
"n": 1,
"stop": [],
"messages": [
{
"role": "user",
"content": "hello,everybody,my name is fenglm"
}
]
}'
第3步:准备原型图和提示词
01 原型图
02 提示词
##需求描述
- 制作一款AI排版助手网页,使用htm1+css
- 代码实现页面样式参照图片
- 用户在左侧粘贴原文自动解析为markdown,支持上传markdown文件读取内容
- 左侧下方输入框中输入key,对应下方模型cur1中的「sk-*****]内容
- 点击开始排版后,将输入框以及用户待排版的markdown内容带入到cur1中,请求API
- 流式返回内容展示在页面右侧,进行markdown渲染
## 技术要求
- 请使用HTML、Tailwindcss和少量必要的Javascript
- 引用Tailwind css(v3.0+)通过CDN
- 页面需完全响应式,在移动设备和桌面端都能良好显示
## 图标要求
- 使用Font Awesome或Material Icons等专业图标库(通过CDN引用)
- 避免使用emoii作为图标替代品
## 设计风格
- 采用圆角布局
- 主题色调使用莫兰迪色系,避免强烈的视觉刺激,淡雅高级
- 增加留白、毛玻璃、半透明设计元素
## 模型调用
curl --request POST \--url https://api.siliconflow.cn/v1/chat/completions \--header 'Authorization: Bearer sk-dwaoabysgtptzhdvjqqhduaxiofxkvqnqyfpgdwbrvhisbtm' \--header 'Content-Type: application/json' \--data '{
"model": "deepseek-ai/DeepSeek-V3",
"stream": true,
"max_tokens": 8000,
"temperature": 0.7,
"top_p": 0.7,
"top_k": 50,
"frequency_penalty": 0.5,
"n": 1,
"stop": [],
"messages": [
{
"role": "user",
"content": "你是一名专业的文字排版大师。请按照以下排版规范,重新排版我提供的文本内容,输出为markdown格式:
1.数字、英文与汉字之间空一格,如:今天是 2025年 04 月 15 日
2.高信息价值的金句,使用加粗格式
3.使用中文引号「」代替英文引号""
4.段落控制在200字以内,超出字数分段,段落间空行
5. 标题与标题之间,标题与正文之间均空一行
6. 标题层级格式[注意标题需要使用markdown格式分级,例如一级标题为# 一、」:
- 一级标题: 一、二、三、
- 二级标题: 一) 二) 三)
- 三级标题: 1、2、3、
- 四级标题: 1) 2) 3)
7.仅输出排版后的内容,仅做排版,不修改原文的具体内容
请帮我重新排版以下文本,使其符合上述规范:
[用户需要调整格式的内容]",
"role":"user
}
]
}'
第4步:开始使用Cursor开发
我们将原型图和提示词一并发给Cursor
Cursor会帮我们实现一版效果
01 实现过程
02 实现效果
我们准备一个markdown文件
可以看到内容是没有经过排版的
上传md文件
开始排版
03 排版效果
搞定!是不是比想象中简单?
如果你按这个教程做出了自己的排版助手
欢迎在评论区晒图
(说不定你的版本比我的更强呢✨)
如果觉得有用,记得:
点赞让更多人看到
⭐ 收藏下次跟着做不迷路
关注解锁更多AI开发小技巧
免责声明:本文由卡卷网编辑并发布,但不代表本站的观点和立场,只提供分享给大家。
- 上一篇:如何看待百度贴吧中的反知乎吧?
- 下一篇:彩票这种东西可以碰吗?
相关推荐

你 发表评论:
欢迎