使用DeepSeek的api调用,在博客内实现智能ai
本文最后更新于 31 天前,其中的信息可能已经有所发展或是发生改变。
4.9日完善了一些新功能,具体看目录4.9日更新

由于Tom最近在玩一些ai模型,DeepSeek的模型在写代码方面比相比起免费的gpt的要好一点(至少很听得懂人话吧),但是DeepSeek又经常罢工,所以Tom就想着调用DeepSeek的api来进行使用,别的不说,至少是个不错的平替,而且可以自由更改ai的性格以及回复风格,还是蛮不错的。

下面目前内置在博客页面里的样子啦,虽然还是比较简陋,但是麻雀虽小五脏俱全啦,有兴趣的可以去玩玩看哦https://tomhi.cn/?page_id=387

上面就是内置在博客里的页面了,我用的是WordPress的Argon主题但是大家可能用的主题或者系统不一样,所以效果也不一样,开启新对话这个也不用担心误触,上下滑动都会隐藏掉的,然后回复时会有个小动画,这样看见心里舒服点,一开始这个小动画我没添加每次等ai回复都以为ai嗝屁了,哈哈哈

代码分享

这个是纯静态页面,大家可以直接托管或者像Tom一样添加个页面然后内置HTML代码把这个放进去就行了,也算花了一整天的功夫了,目前能看得到的问题也基本解决了。

要是内置在博客里就是这样像这样的UI,好处就是可以享受到你博客里的特效,例如我这个打字特效

要是单独做成HTML进行托管的话就是这样的

其实大差不差(请忽略聊天内容,我只是在调试回复风格而已),更建议部署在博客内哦

更改调试?

接下来教大家怎么调试使用吧。首先要去DeepSeek官网创建并调用api,点击api开放平台

进去后点击左侧栏的API keys,然后创建一个api创建之后记得复制,一定要记得!他只显示一次!复制请保管好!

有了api后先氪金,测试氪个一块钱就行了,很经用的,相信我。我们开始接入到上面的代码里面去吧(◦˙▽˙◦)

首先找到代码里面YOUR_API_KEY,将它替换成你自己的api即可,然后就可以使用啦,更改初始欢迎话术跟回复风格以及性格更简单,看下图,welcomeMessage后面的文字就是开头初始欢迎语,systemPrompt后面的文字就是ai的性格或者设定回复风格等等,这个你可以改成自己想要的哦,至此完美结束O(≧▽≦)O

如何切换模型?

默认的模型是DeepSeek-V3模型,也就是没开启深度思考的模型,但如果你的是轻度使用,这个模型就够了,如果你是用来平替DeepSeek使用,那么建议你替换成DeepSeek-R1模型。

接下来教大家切换模型吧,如图所示deepseek-chat这个就是我们默认使用的模型,也就是v3模型,我们把deepseek-chat替换成deepseek-reasoner即可,具体可看官方文档,保存后就已经修改成功了,不过r1真的很慢,日常使用建议v3哦

4.9日更新内容

1.加宽用户输出框,增加到三格

2.添加用户输出框文本滑动功能,超过三格

3.添加用户发出的问题修改功能,修改好的ai回答基于已生成的聊天框重新生成

目前就是那么多了,都是我自己在使用过程中遇到的问题(˵¯͒〰¯͒˵)

不瞒你们说,这整个页面都是我靠DeepSeek写出来的,水平有限,目前就这样啦,如果你有能力可以改成自己想要的样子哦,希望对你有帮助吧。目前没有历史记录等功能,刷新页面或者点击开启新会话后都会重置,但我只是把他当替代品使用,所以我感觉很够了,其他自己diy吧。搬运或者给了你灵感的话不妨来小站留留言哦,欢迎你们。

作者:Tom
版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0协议。转载请注明文章地址及作者

评论

  1. Windows Edge
    已编辑
    5 天前
    2025-5-15 18:48:17

    厉害厉害,我学习学习怎么制作哈哈

  2. Windows Edge
    已编辑
    5 天前
    2025-5-15 19:57:13

    我有个问题,为什么我内置html后我的该页面css额外字体样式没生效了

    • Windows Edge
      5 天前
      2025-5-15 23:23:45

      没事了没事了,我改了一下你代码就ok了,打扰了哈哈哈哈,没注意看

      • 博主
        Android Chrome
        5 天前
        2025-5-15 23:25:01

        没关系,对你有帮助就好(^ω^)

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇