统计
  • 文章总数:861 篇
  • 评论总数:1353 条
  • 分类总数:2 个
  • 最后更新:昨天 15:02

ChatGPT Next Web项目如何改标题字样!侧边栏的标题"ChatGPT Next"字样怎么改成自己的!附带自定义样式修改+logo修改

本文阅读 3 分钟
首页 技术知识 正文

先说为什么要出这个教程,是因为最近发现搜索这个问题的人变多了,但是网上好像没什么答案,那么今天十六给大家总结一下怎么修改,傻瓜式的教程方法,不怕你是小白也能轻松修改,个性化定制ChatGPT Next Web,真正成为自己的gpt镜像网站。
2023-10-19T08:24:03.png

改标题和副标题

如上图:左侧的大标题“ChatGPT Next”,小标题:“Build your own AI assistant.”
修改位置ChatGPT-Next-Web-main\app\components\sidebar.tsx
2023-10-19T08:31:05.png

新建聊天界面问候语

①查找文件app/locales/cn.ts
②Ctrl+F”搜索关键词“bothello”,修改定制问候语,支持markdown语法(超链接就可以完成引流工作)
③在这个文件内根据需要修改其他指令所触发的话术
2023-10-19T08:33:03.png

修改侧边栏底部的Github按钮和链接

出于对原作者的尊重,我不建议修改,出于满足教学需要讲一下办法
①查找文件:sidebar.tsx
②Ctrl+F”搜索关键词“githubicon”
③替换“REPO_URL”为要跳转的链接
④更换按钮图标,直接在app/icons页面上传一个同名同后缀(github.svg)文件进行替换

启动图标

2023-10-19T08:34:42.png
启动页图标有亮色、深色两个主题,需要替换两个文件
①在app/icons页面上传一个同名同后缀(bot.svg)文件进行替换
②在app/icons页面上传一个同名同后缀(black-bot.svg)文件进行替换

修改网站icon(图标)

什么是icon图标?
2023-10-19T08:36:50.png
如上图,浏览器上的这个图标就叫网站icon图标,修改方法如下!
2023-10-19T08:36:11.png
①在这个网站上传一个图标照片生成一系列图标文件favicon.ico:
Favicon.io - The Ultimate Favicon Generator (Free)
②将生成的文件下载、解压
③上传到public文件夹进行替换

修改字体样式

2023-10-19T08:38:04.png
文件地址在截图里面,改这个代码,不会代码样式的自行百度,不同字体的HTML代码样式,网上都有。

这里的修改这么多处,自己根据自己爱好改吧,相信已经足够了,还有什么需要修改的,欢迎留言,十六又给你们整理!

免责声明
本站提供的一切内容信息仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络收集整理,如果您喜欢该程序和内容,请支持正版,购买注册,得到更好的正版服务。我们非常重视版权问题,如有侵权请邮件与我们联系处理。敬请谅解!
小白如何使用国外的chatgpt,今天来聊聊技术话题!
« 上一篇 10-19
66toolkit全功能在线工具箱PHP源码v16.0.0 product
下一篇 » 10-20

发表评论

发表评论

作者信息

动态快讯

    请配置好页面缩略名选项

热门文章

标签TAG

没有任何标签

热评文章