尧图网站设计 尧图网站设计YAOTU DESIGN
ARTICLE DETAIL

资讯详情

深耕网站设计与一线实操的经验洞察。

AI Short(ChatGPT Shortcut)配置与自定义实战:从站点标题、首页提示词到自建后端

AI Short(ChatGPT Shortcut)配置与自定义实战:从站点标题、首页提示词到自建后端 AI 应用提示工程人工智能前端【免费下载链接】ChatGPT-ShortcutStop writing prompts from scratch — a searchable prompt library for ChatGPT, Claude, Gemini and Cursor · Русский 한국어 العربية हिन्दी ไทย 别再从头写提示词现成的拿来就用好用的收进自己的库项目地址https://gitcode.com/gh_mirrors/ch/ChatGPT-Shortcut点击查看免费下载AI Short 是一个开源的可搜索提示词Prompt库项目支持 ChatGPT、Claude、Gemini 与 Cursor 等主流 AI 引擎。本文基于官方部署文档中的配置与自定义章节configuration.md系统讲解如何修改站点标题与描述、如何向首页新增多语言提示词、如何理解src/api后端接口模块与缓存机制并结合仓库源码给出可直接照做的配置方法和底层原理帮助你完成一次真正属于自己的 AI Short 站点定制。配置入口总览这份指南能解决什么AI Short 开源的核心价值在于站点标题、站点描述、首页提示词、文档指南乃至后端连接方式都可以自由修改。整个自定义工作流围绕三个层面展开站点级配置编辑根目录的 docusaurus.config.js修改标题、导航、语言与站点元信息内容级配置编辑src/data/下的提示词数据源与docs/目录下的文档通过构建脚本重新生成页面后端级配置理解src/api/的接口契约与缓存策略决定是否接入官方共享后端或自建后端。修改站点标题与描述站点的全局标题、描述、图标、导航与主题配置统一集中在项目根目录的docusaurus.config.js中。这是一个 Docusaurus 站点配置对象通过export default config导出。核心字段如下title站点品牌名当前仓库设置为AiShort会出现在浏览器标签与各页面title中tagline站点标语当前版本已注释掉favicon站点图标指向img/favicon.icourl/baseUrl生产站点地址与基础路径i18n多语言配置defaultLocale与locales从scripts/i18nLocales.mjs单一数据源引入增删语言只需改那一处文件不要在此硬编码数组否则会与分段构建脚本scripts/buildPhased.mjs脱钩themeConfig.navbar顶部导航栏的项目与下拉菜单themeConfig.footer页脚版权声明。修改标题时只需把title字段改为你自己的名称即可站点描述description则可以进一步在themeConfig.metadata中通过og:site_name、og:image等 Open Graph 标签补充。配置文件中还包含几处值得留意的工程细节resolveBuildDate()会优先取git log -1 --format%cI的 HEAD commit 时间作为构建日期而非new Date()目的是让 18 个语言版本的datePublished/dateModified保持一致且跨重建稳定Docker 构建SKIP_GIT_INFOtrue则回退到当前时间headTags中注入了 PWA manifest、apple-touch-icon、theme-color等标签用于移动端安装与浏览器身份识别。注意docusaurus.config.js是 TypeScript 校验过的// ts-check修改时保持字段类型正确即可。修改文档与指南内容站点内的说明文档、部署指南、FAQ 等内容存放在docs/目录下按主题拆分文件。仓库当前包含部署相关standard.md、offline.md、configuration.md、sync-updates.md扩展插件extension/README.md 及 Chrome/Firefox 插件的安装说明使用指南guides/ 下的入门、界面、账号、社区、FAQ、我的收藏、用户提示词等文档。每个语言版本对应i18n/locale/docusaurus-plugin-content-docs/current/下的同名文件例如本文对应的印地语版本为 i18n/hi/docusaurus-plugin-content-docs/current/deploy/configuration.md。修改任意一篇文档的 Markdown 源文件后重新构建站点内容即会更新。自定义首页提示词prompt.json与构建流水线首页展示的提示词卡片数据源是src/data/prompt.json——它是一个数组其中每个对象以语言代码zh/en/ja等为 key把同一提示词的所有语言版本集中存放。新增一个提示词的完整格式如下{ zh: { title: custom prompt, prompt: custom prompt, description: custom description, remark: custom mark }, en: { title: custom prompt, prompt: custom prompt, description: custom description, remark: custom mark }, website: null, tags: [music], id: 500, weight: 1 }字段含义说明title提示词标题prompt实际发送给 AI 的提示词正文description详细描述remark短备注通常展示在卡片角标上website可选关联站点可为nulltags标签数组用于分类与检索id全局唯一编号必须设置为 500 或以上以避免与现有提示词或社区内容的 ID 冲突weight权重构建时会映射为卡片排序用的count权重越大热度越高。编辑prompt.json后运行python CodeUpdateHandler.py这一步是整个内容定制流程的关键。CodeUpdateHandler.py会完成以下工作详见 CodeUpdateHandler.py 源码按语言拆分遍历allLanguageszh-Hans、en、zh-Hant、ja、ko、es、pt、hi、ind、vi、th、fr、de、it、ru、ar、tr、bn 共 18 种为每种语言生成src/data/prompt_locale.json生成卡片数据为每个id× 语言组合生成src/data/cards/id_lang.json并自动注入datePublished/dateModified字段内容未变时保留旧日期保证发布时间跨重建稳定生成详情页在src/pages/prompt/zh-Hans与i18n/lang/docusaurus-plugin-content-pages/prompt/其他语言下自动生成id.tsx页面文件无需手动创建任何页面合并 SEO 元信息从src/data/meta_cards.json读取title/description映射合并进卡片从src/data/meta_faqs.json读取每张卡片的 FAQ 问答嵌入避免运行时全量下发约 1MB 的 meta 数据计算相关推荐基于 tag 重叠度overlap × 100000 weight打分取 top 3预计算相关提示词直接在 SSR HTML 中渲染 H2 卡片链接简体转繁体通过 OpenCC 的s2t转换器为 zh-Hant 自动生成繁体版本未安装opencc-python-reimplemented时跳过并输出警告复制首页把src/pages/index.tsx复制到各语言 i18n 目录并替换favor_zh-Hans/other_zh-Hans引用。重要提示自定义提示词默认不会自动获得精选curated的 meta 描述与评论数据如需 SEO 描述或 FAQ需在src/data/meta_cards.json与src/data/meta_faqs.json中按id补充对应语言内容。运行脚本后新提示词的卡片与详情页会自动生成。理解 API 模块默认共享后端与接口契约默认情况下项目连接的是官方共享后端——登录、收藏、社区、评论与跨设备同步都依赖它。src/api/目录完整记录了接口契约作为自定义后端时的参照src/api/ ├── index.ts # unified export entry ├── config.ts # API URL configuration ├── client.ts # Axios client (with auth interceptor) ├── auth.ts # auth API (login/register/OAuth) ├── prompts.ts # prompt CRUD search voting ├── favorites.ts # favorites operations ├── myspace.ts # My Space data (core data source) ├── comments.ts # comment system └── user.ts # user info各模块职责与实现要点index.ts统一导出入口barrel export向后兼容site/src/api的既有导入重新导出全部函数与类型config.ts集中管理所有接口地址便于后期更换后端。核心常量包括API_URLStrapi 后端地址生产为https://api.newzone.top/api、GAUTH_API_BASEGoogle OAuth 独立入口服务以及USE_LEGACY_GAUTHOAuth 模式开关false时使用 Strapi 原生/api/connect/google流程。该文件不能导入其他 API 模块以避免循环依赖client.ts创建统一的 Axios 实例apiClientbaseURL: API_URL超时 30 秒。请求拦截器自动从localStorage读取auth_token并附加Authorization: Bearer token响应拦截器统一处理错误遇到 401 会清除 token 与全部用户缓存auth.ts注册、登录、改密、重置密码、免密登录链接与 Google OAuth新旧两套流程等认证接口prompts.ts提示词的 CRUD、批量查询支持 ETag 条件请求、搜索与投票内部按cards/commus/userprompts三种类型管理缓存键与 TTLfavorites.ts收藏操作增量 delta 更新myspace.tsMy Space 数据收藏、排序、自定义标签、用户提示词的统一数据源提供getMySpace、clearMySpaceCache、updateMySpaceOrder、updateCustomTagscomments.ts评论系统user.ts用户信息。后端服务本身并非开源。若你需要**完全自托管完全自建后端**的部署模式独立账号体系、完整数据所有权、私有社区可参照部署文档中的部署模式选择一节了解三种模型Standard / Offline / 完全自托管的区别前两者在部署指南中直接覆盖第三种需联系项目开发者获取部署方案。缓存机制lscache ETag 的智能缓存API 数据通过lscache与 ETag 实现智能缓存——当服务器返回304 Not Modified时前端直接复用本地缓存从而显著减少数据传输。缓存层的核心实现在 src/utils/cache.js值得注意的设计包括TTL 分级单位分钟复制计数缓存 10 天、社区提示词列表 24 小时、提示词卡片与用户提示词 30 天、评论与 MySpace 30 天不可用内容缓存 1 年。所有 ETag 与对应数据共用相同的 TTL避免出现ETag 残留但数据已过期的死局。内存层去重memCache由于lscache每次get都会从 localStorage 反序列化出新对象引用会导致 ReactuseState比较失败而触发不必要的重渲染memCache 在 lscache 之上加一层Map让相同 key 多次读取返回完全相同的引用从而让 React diff / memo 浅比较命中。同时通过storage事件实现跨标签页缓存失效同步。ETag 条件请求以 src/api/myspace.ts 的getMySpace为例——请求时携带If-None-Match: cachedEtag若服务器返回304则调用extendCache续期缓存后直接返回本地数据若返回200则提取新的etag与数据一起写入缓存。此外extendCacheIfNeeded只在剩余存活时间不足 50% TTL 时才续期避免无谓刷新。容错策略接口层对瞬时失败5xx / 网络拒绝 / DNS会降级返回缓存数据但 401token 失效绝不返回缓存避免形成僵尸登录状态。登录与登出操作都会清理用户级缓存用户资料、MySpace、user_auth 快照防止旧账号残留 ETag 与新账号数据错配导致数据泄漏。一次完整的自定义工作流把上述各环节串起来一次典型的自定义流程是修改 docusaurus.config.js 中的title、url、导航与元信息完成站点品牌定制编辑docs/或对应i18n/locale/下的文档更新使用说明与指南在 src/data/prompt.json 中按本文格式追加自定义提示词对象id≥ 500补齐各语言字段并按需在meta_cards.json/meta_faqs.json中补充该id的 SEO 描述与 FAQ在项目根目录运行python CodeUpdateHandler.py自动拆分语言文件、生成卡片 JSON 与详情页、计算相关推荐、执行简繁转换参照 src/api/config.ts 的API_URL等常量决定是沿用官方共享后端还是按 src/api/index.ts 的接口契约对接自建后端该场景需走完全自托管部署模式重新构建站点yarn build或按部署指南中的 Docker / Vercel 方式验证标题、首页提示词与后端功能全部生效。通过这套流程你可以在保持开源项目核心架构不变的前提下构建出带有自己品牌、语言与提示词内容库的 AI Short 站点同时充分复用其成熟的多语言生成、SEO 预计算与 ETag 缓存体系。赞分享AI 应用提示工程人工智能前端【免费下载链接】ChatGPT-ShortcutStop writing prompts from scratch — a searchable prompt library for ChatGPT, Claude, Gemini and Cursor · Русский 한국어 العربية हिन्दी ไทย 别再从头写提示词现成的拿来就用好用的收进自己的库项目地址https://gitcode.com/gh_mirrors/ch/ChatGPT-Shortcut点击查看免费下载相关推荐ChatGPT-ShortcutAI Short配置定制指南站点标题、首页提示词数据管道与自定义后端接入ChatGPT ShortcutAI Short配置定制指南站点标题、首页提示词数据管道与自定义后端接入 本篇指南基于 AI Short仓库 ChatGAI 应用提示工程人工智能前端AI ShortChatGPT-Shortcut配置与自定义实战改站点标题、扩展主页提示词数据流水线与对接自定义后端AI ShortChatGPT Shortcut配置与自定义实战改站点标题、扩展主页提示词数据流水线与对接自定义后端 AI Short 是一个完全开源的提AI 应用提示工程人工智能前端AI Short 配置与自定义指南修改站点标题、主页提示词与对接自定义后端AI Short 配置与自定义指南修改站点标题、主页提示词与对接自定义后端 AI ShortChatGPT Shortcut是一个基于 DocusauruAI 应用提示工程人工智能前端上一篇kOps 自定义证书颁发机构Custom CA完全指南用自备 CA 构建 Kubernetes 集群下一篇CronTick核心组件分析调度器、任务与监听器的设计与实现创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考
返回列表