当前位置:首页 > 每日看点 > 正文内容

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

卡卷网8个月前 (04-19)每日看点125

哈喽大家好!

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

我是怎么在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

分享给朋友:

相关文章

学了两个月网络安全,一直未入门怎么办,知乎大佬们给些建议吧?

学了两个月网络安全,一直未入门怎么办,知乎大佬们给些建议吧?

你才学两个月,就想入门,笑不活了,我学了8年了,还被人说是个菜鸟。我学了这么多的渗透,依然挖不到自己的漏洞。ailx10:学习CSRF漏洞ailx10:学习PHP XXE漏洞ailx10:学习CORS漏洞ailx10:学习ClickJack...

为何 Linus 一个人就能写出这么强的系统,中国却做不出来?

为何 Linus 一个人就能写出这么强的系统,中国却做不出来?

我给你举个真实的例子。。有一个人叫高伟东,在哈尔滨工作。在2012年做了一个APP。使用词根词缀背单词。名字叫:词根词缀词典这个人编辑了2300余条词根,给10万多条单词建立了词根索引,整理了50多万条的单词记忆方法,包括新版本的诸多新功能...

为什么我们一直在给B站充大会员但B站却一直处于亏损状态?

我讲一下离谱的真相吧,欢迎喷我。很多人都觉得B站在赶走人才,赶走优秀的长视频创作者,也觉得知乎在这么做,是没错的。确实在这么做。而原因很简单。只有影响力很大的KOL才有商业价值。(KOL是指“关键意见领袖”)而你说你是人才?对不起,人才不赚...

有哪些网站,一旦知道,你就离不开了?

有哪些网站,一旦知道,你就离不开了?

这六个网站,一旦用过,基本上是离不开了。都是我超爱的一些网站,基本上每天都用。1 地图生成器第一个,我要给大家推荐的是地图生成器。可以下载到各省,各市,各县的svg格式的地图素材。这些素材导入PPT中都是可以编辑的。可以单独更改颜色和轮廓。...

为什么雷军身上没有酒色财气?

武大建校130周年时,雷军向母校个人捐款13亿。在2023年8月14日晚上七点,雷总在国家会议中心举行的进行第四次年度演讲「成长」:全篇都在谈成长、梦想,这么多年了,始终做到了知行合一,我相信酒色财气可能真不是他所追求的,一直追求的就像他演...

程序员都有自己的服务器吗?

程序员都有自己的服务器吗?

2024.9. 24,有朋友咨询功耗,我没有单独给服务器弄智能插座,系统做的 esxi 也看不到,所以只能用其他角度判断供大家参考。我有一个餐边柜改的机柜,里面白裙两盘,黑群晖 4 机械 1 mvme,一个爱快硬路由,一个联通光猫,一个 2...

发表评论

访客

看不清,换一张

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