开源分享

本文介绍了开源项目 ChatGPT Web Share，该项目使用 FastAPI + Vue3 开发，支持多语言、夜间模式适配以及一键导出对话为 Markdown 或 PDF 文件等特点，并提供了完善的管理功能，能够实现共享一个 ChatGPT Plus 账号给多个用户的需求。 介绍 近一年来，随着 GPT 技术的不断发展，越来越多的公司和个人开始使用该技术进行各种应用、产品的开发。然而，GPT 技术往往需要高昂的费用才能购买到官方提供的 API，这对于许多小型团队和个人来说是一个巨大的负担，因此有必要寻找一些替代方案来降低使用 GPT 技术的门槛。 在这个背景下，开源项目 ChatGPT Web Share 应运而生。该项目旨在为多个用户提供一个共享的 ChatGPT Plus 账号，从而使得更多的用户能够充分利用该技术，并且不需要承担过高的费用。 ChatGPT Web Share 是一个由 FastAPI 和 Vue3 搭建的前后端分离应用，可以提供多语言支持、夜间模式适配、一键导出对话为 Markdown 或 PDF 文件等特性。此外，该应用还提供完善的管理功能，包括修改用户对话限制、管理对话、查看成员对话记录等功能。 特点 多语言支持 ChatGPT Web Share 支持多语言，目前支持简体中文和英语，这可以让更多的用户使用该应用。 夜间模式适配 该应用针对夜间使用场景进行了优化，提供了适配夜间模式的界面。 一键导出对话为 Markdown 或 PDF 文件 ChatGPT Web Share 提供了一键导出对话为美观的 Markdown 或 PDF 文件，方便用户保存对话记录或分享给他人。 完善的管理功能 该应用提供了完善的管理功能，可以修改用户对话限制、管理对话、查看成员对话记录等操作，以便管理员更好地管理应用。 使用指南 以下是 ChatGPT Web Share 的使用指南： ...

immersive-translate 是一个沉浸式双语网页翻译扩展，支持输入框翻译、鼠标悬停翻译、PDF、Epub、字幕文件、TXT 文件翻译。它提供了沉浸式的网页双语翻译体验，并具有强大的功能特性和广泛的优点。了解更多关于这款开源插件的详细信息和如何安装。 主要功能特性 沉浸式阅读外文网站 通过智能识别网页主内容区域并进行双语对照翻译，沉浸式翻译提供了全新的外文阅读体验，因此得名“沉浸式翻译”。 强大的输入框翻译，将任何网页上的输入框化身为多语言翻译器，立刻解锁谷歌搜索，ChatGPT 等工具的双语实时对话体验。 高效的文件翻译 一键导出双语电子书，同时支持 PDF、字幕、TXT 等文件的实时双语翻译。 创新的鼠标悬停翻译 仅需将鼠标停留在任意网页的任意段落上，相应的译文就会立即出现在段落下方。段落在在沉浸式翻译的设计理念中被视为最小单位，保留其上下文，这样我们才能真正理解并学习外语。 深度定制优化主流网站 针对 Google、Twitter、Reddit、YouTube、彭博社、华尔街日报等主流网站进行优化，无论是搜索、社交还是获取资讯，都更加流畅高效。 全平台支持 除了各大桌面端浏览器，移动设备也可享受同样的沉浸式翻译体验。在 iOS Safari、安卓 Kiwi 浏览器等移动端浏览器上轻松实现双语浏览 Twitter,Reddit 等社交媒体。 支持 10+种翻译服务 在沉浸式翻译中，你可以选择超过 10 种翻译服务，如 Deepl、OpenAI、微软翻译、谷歌翻译、腾讯翻译等等，这份名单还在不断增加中。 优点 翻译质量好,支持中英互译 基于 MODAO、有道等接口,翻译质量较好,英中翻译也非常流畅准确。 使用简单,提供沉浸式体验 无需任何配置,安装后即可使用。鼠标悬停翻译提供极好的沉浸式体验。 功能强大,覆盖面广泛 支持大量文档格式翻译,功能强大。可插入式词典等进一步优化用户体验。 定制生词簿,助记忆 生词收集复习可以帮助记忆新词汇,提高学习效果。 开源免费,社区活跃 该项目完全开源,扩展下载完全免费。GitHub 上活跃讨论,作者维护积极。 总结 immersive-translate 提供了非常人性化、智能的网页翻译解决方案,是提高英语读写能力的绝佳工具。它也代表了浏览器扩展的发展方向,为用户提供更智能、便捷的增强功能。 项目地址 Github: https://github.com/immersive-translate/immersive-translate 🌟10k+ 在线安装 微软 Edge 浏览器： Edge 商店沉浸式翻译 谷歌 Chrome 浏览器： Chrome 商店沉浸式翻译 Firefox 火狐浏览器： Firefox Addon 商店沉浸式翻译 如果你无法访问谷歌官方商店，可以直接下载 最新沉浸式翻译 Chrome 浏览器 zip 安装包， 下载后请先解压到一个常用的文件夹内，然后在地址栏输入： chrome://extensions，打开扩展管理窗口，然后启用“开发人员模式”，选择“加载解压缩的扩展”，选择刚刚解压后的文件夹载入即可安装成功。 ...

Reactive Resume 是一个使用 React 框架开发的开源在线简历生成项目，具有高质量代码、易用性强和高度定制性等优点，适合前端开发者使用。该项目支持导入 JSON Resume 文件生成简历，提供简历主题定制和 Markdown 格式支持。它还具备桌面端和移动端自适应支持，实时预览编辑效果以及一键 PDF 下载功能。此外，项目还提供完善的文档支持，使用 TypeScript 进行开发，采用模块化和最佳实践，并拥有良好的社区生态。通过这个开源工具，开发者可以快速生成自己的在线简历。 主要功能 支持导入 JSON Resume 文件生成简历 用户只需要准备一个 JSON 格式的简历文件,就可以快速生成一个在线简历。项目 preset 目录下提供了一些示例文件,用户也可以完全自定义 JSON 文件内容。 支持简历主题定制 项目已内置多种漂亮的简历主题,同时也开放了自定义主题的接口。用户只需要修改样式文件,就可以自由定制简历显示效果。 支持 Markdown 格式的简历 用户可以使用 Markdown 语法来编辑简历内容,项目会自动渲染生成格式化的简历页面。非常适合技术博客写作者。 提供桌面端和移动端自适应支持 项目使用了响应式设计,可以在桌面和移动端都提供良好的简历浏览体验。 实时预览编辑效果 编辑简历时可以实时预览变化,无需再次生成就可以看到最新的内容效果。 一键 PDF 下载 简历生成后,可以直接在网页端转换生成 PDF 文件,方便用户下载简历。 提供完善的文档支撑 项目 README 提供了详细的使用说明、开发指南、Demo 等内容,还有特定的文档介绍主题定制和二次开发方式。 组件化开发,代码可维护性强 项目使用 React Hooks 和 Functional Components 进行组件化开发,代码结构清晰,可复用性高,便于长期维护。 使用 TypeScript 开发,更易维护 代码使用 TypeScript 语言编写,增加了类型检查,更利于长期维护。 采用模块化和最佳实践 使用模块化管理静态资源,组件拆分合理。并采用 Prettier、ESLint 等工具,以确保代码质量。 良好的社区生态 该项目在 GitHub 上拥有 1w+星标和 200+贡献者,Issue 讨论活跃,表示社区生态良好。 支持导入导出 ...

本文介绍了一个名为 GPT4free 的开源项目，它利用了一些网站的 API 漏洞，实现了免费使用 ChatGPT 的功能。ChatGPT 是基于 OpenAI 的 GPT-4/3.5 模型的一个强大的自然语言生成工具，可以用于各种场景，如聊天、写作、编程等。本文介绍了 GPT4free 的背景、原理、使用方法和注意事项，并给出了一些示例。 项目提供的免费 GPT 地址： https://chatbot.sex/ GPT4free 的背景 GPT-4/3.5 是目前最先进的自然语言生成模型，由 OpenAI 开发和维护。它可以根据用户的输入，生成各种类型和风格的文本，如对话、故事、诗歌、代码等。它的应用场景非常广泛，可以用于娱乐、教育、商业、科研等领域。 然而，要使用 GPT-4/3.5，需要有 OpenAI 的 API 密钥，而这个密钥是非常难申请和昂贵的。因此，很多人无法体验到 GPT-4/3.5 的强大功能。 这时，一个名为 xtekky 的开发者发现了一个机会。他发现有一些网站使用了 OpenAI 的 API 来提供一些服务，如聊天、写作、编程等。他通过逆向工程的方法，找到了这些网站的 API 接口，并将它们封装成了一个开源项目，叫做 GPT4free。这样，任何人都可以通过 GPT4free 来免费使用 ChatGPT，也就是基于 GPT-4/3.5 的聊天工具。 GPT4free 的原理 GPT4free 的原理很简单，就是利用了一些网站的 API 漏洞。这些网站有： poe.com：一个提供写作服务的网站 phind.com：一个提供搜索服务的网站 chat.openai.com：OpenAI 官方的聊天服务 writesonic.com：一个提供营销文案服务的网站 sqlchat.ai：一个提供 SQL 查询服务的网站 t3nsor.com：一个提供编程服务的网站 you.com：一个提供个性化推荐服务的网站 这些网站都使用了 OpenAI 的 API 来实现各自的功能。但是，它们没有做好安全措施，导致了 API 接口被暴露出来。xtekky 就利用了这个漏洞，通过模拟请求和解析响应，实现了对这些 API 的调用。 ...

在当今的互联网时代，前端开发已经成为了构建现代化网站和应用程序的关键。为了满足用户对速度和性能的需求，前端框架不断涌现，其中 Next.js 框架凭借其独特的优势和功能，成为了众多开发者的首选。本文将深入探讨 Next.js 框架的优点和使用价值，为读者提供全面的了解和指导。 前言 最近在写工具站点，首先用的便是我更佳熟悉的 Vue 框架，为了迎合 SEO 优化，变用了 Nuxt 虽然前期开发一切顺利，但是由于 Nuxt3 正在过渡期，很多基础框架还未成熟，而且开发周期适合并不是很活跃，社区资源也比较少，故而放弃，转战 Nextjs，由于我还没有用过 React 开发，借此机会学习下新框架。接触 Next.js 就被它强大的生态吸引，让我觉得 Vue 的开发并没有 React 来的快。总结下 Nextjs 的优点吧，React 就不说了，我还不熟 😄。 服务器渲染和静态生成 Next.js 框架最大的优点之一是其支持服务器渲染和静态生成。传统的前端应用程序通常将渲染工作交给客户端，这会导致首屏加载时间较长，并且对搜索引擎的友好性不佳。而 Next.js 框架通过在服务器端进行渲染，能够生成完整的 HTML 内容，并将其直接发送给浏览器，从而大大提高页面的加载速度和性能。 静态生成是 Next.js 框架的另一个重要特性，它允许开发者在构建应用程序时预先生成静态 HTML 文件。这样一来，当用户请求页面时，可以直接提供预先生成好的 HTML 文件，而无需实时生成内容，进一步提高了网站的加载速度和用户体验。——就是部署后不是传统前端纯静态资源，而是 node 服务器。 性能优化 优化性能是现代前端开发中的一个重要挑战。Next.js 框架提供了许多性能优化的功能，使开发者能够轻松提升应用程序的性能。 代码分割 在大型前端应用程序中，将所有代码放在一个文件中会导致加载时间过长。Next.js 框架通过代码分割的技术，将应用程序拆分成多个小块，使每个页面只加载所需的代码，从而加快页面加载速度。 import dynamic from "next/dynamic"; const DynamicComponent = dynamic(() => import("../components/ExampleComponent")); function MyPage() { return ( <div> <DynamicComponent /> </div> ); } export default MyPage; 自动优化 Next.js 框架内置了自动优化功能，它能够根据页面的需求自动进行代码分割、缓存和预取等操作。开发者无需手动配置复杂的优化策略，框架会根据最佳实践自动进行性能优化，确保应用程序在各种环境下都能获得良好的性能表现。 ...