当前位置:首页 > 每日看点

这个用ai怎么排版出来啊?

卡卷网1年前 (2025-04-19)每日看点236

哈喽大家好!

今天给大家分享一个超实用的开发技巧——

我是怎么在15分钟内,零代码做出一个智能排版工具的

系好安全带,我们直接发车

第1步:利用mastergo设计原型

mastergo.com/

提示词

做一个网页排版工具,左侧输入原文粘贴内容,右侧展示返回排版后的内容,支持切换、移动换和页面端展示。 左侧下方一个输入框,输入密钥下方一个开始排版按钮。

这个用ai怎么排版出来啊?  第1张

1

下图可以看到

mastergo已经帮我们把原型画完啦~

这个用ai怎么排版出来啊?  第2张

2

第2步:接入DeepSeek-V3大模型

这里我们用的是硅基流动的API

01 创建key

cloud.siliconflow.cn/ac

这个用ai怎么排版出来啊?  第3张

3

02 进入模型广场

选择要接入的大模型,这里我们选择DeepSeek-V3,然后点击API文档

这个用ai怎么排版出来啊?  第4张

4

03 拼接cURL请求地址

点击Try it

这个用ai怎么排版出来啊?  第5张

5

填写刚才我们生成的API密钥

模型选择deepseek-ai/DeepSeek-V3

这个用ai怎么排版出来啊?  第6张

6

设置用户角色和提示词

并设置为流式返回及Token数量

这个用ai怎么排版出来啊?  第7张

7

点击Send,可以看到成功以流式返回了内容

表示DeepSeek-V3接入成功

这个用ai怎么排版出来啊?  第8张

8

接下来我们需要复制cURL地址

这个用ai怎么排版出来啊?  第9张

9

复制内容如下

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 原型图

这个用ai怎么排版出来啊?  第10张

10

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 实现过程

这个用ai怎么排版出来啊?  第11张

11

这个用ai怎么排版出来啊?  第12张

12

02 实现效果

这个用ai怎么排版出来啊?  第13张

13

我们准备一个markdown文件

可以看到内容是没有经过排版的

这个用ai怎么排版出来啊?  第14张

14

上传md文件

开始排版

这个用ai怎么排版出来啊?  第15张

15

03 排版效果

这个用ai怎么排版出来啊?  第16张

16


搞定!是不是比想象中简单?

如果你按这个教程做出了自己的排版助手

欢迎在评论区晒图

(说不定你的版本比我的更强呢✨)

如果觉得有用,记得:

点赞让更多人看到

⭐ 收藏下次跟着做不迷路

关注解锁更多AI开发小技巧

扫描二维码推送至手机访问。

版权声明:本文由卡卷网发布,如需转载请注明出处。

本文链接:https://www.kajuan.net/ttnews/2025/04/12702.html

分享给朋友:

相关文章

打印速度慢,是不是打印机cpu不行?

打印速度慢,是不是打印机cpu不行?

打印机是机械设备,cpu内存硬盘它也有但这只是它的电控部分,打印机类似于汽车属于机电一体化设备和电脑不是一个类型的产品。 很多人总是认为打印机和电脑是一类产品,实际上这是一个误区,电脑是it(Information Technology)信…

你为什么讨厌抖音?

我就被抖音毁了。 现在被我媳妇从抖音里拯救出来了。 我为什么会这样说? 我媳妇硕士在读,我文化程度相对就比较低了。 大多数人看抖音其实就是为了一图一乐呵 刚开始我也是这样的,我是2017年在朋友的推荐下注册了抖音,刚开始那时候对抖音不太上瘾…

自己拥有一台服务器可以做哪些很酷的事情?

自己拥有一台服务器可以做哪些很酷的事情?

我就有一台,跑了两年了,ipv6 ddns 网络,加虚拟化平台.跑了个 winserver 和 ubuntu 服务器。 稳的雅皮! 拆掉后盖,散热更好。烟盒固定硬盘。键盘防止灰尘掉落。电池拆掉,屏幕拆掉,也是散热考虑。 屏幕拿去做便携副屏了…

曾经很火的迅雷,为什么现在不怎么火了?

曾经很火的迅雷,为什么现在不怎么火了?

3年前,迅雷推出了一项服务,只要2899元就可以享受迅雷终身会员。这个终身会员和付费会员没有区别,付费会员的离线加速、云空间等服务,终身会员都具备。除此之外,终身会员可以在使用1年后就可以全额退款,使用2年后也可以全额退款,使用5年后也是如…

如何建一个安全的个人nas?

如何建一个安全的个人nas?

群晖被入侵了晚上一进群晖,好家伙,这么多IP想用admin登录我的群晖。 我群晖是直接连在互联网上的,虽然我的密码是强密码,大小写字母加数字还有特殊字符,想要攻破有点儿难,但天天看着这些警告也是挺烦人的,而且说不定群晖里面安装的软件一多…

U盘格式化不了,又打不开,提示被写保护怎么处理?

U盘格式化不了,又打不开,提示被写保护怎么处理?

很多人在使用U盘时,可能会遇到一种非常令人头疼的问题:U盘突然无法格式化,并提示“写保护”。这种情况不仅让文件操作变得困难,也让设备的正常使用受到影响。那么,U盘写保护到底是怎么回事?又该如何解决这个问题?今天,我们来深入探讨这个话题,帮助…

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。