https://zz-plan.com/

甘特图/横道图/项目进度跟踪工具
支持在线分享 https://zz-plan.com/share/87f1340286f1343ba5
支持导出svg、png图片 https://zz-plan.com/api/svg/4549376f4449375ccf/
支持私有化部署
支持markdown引用

希望这个位置的链接可以替换为最新一期的地址，这样可以一次就跳转到最新的位置，不需要再次点击。

插件就一个简单功能： 展示 GPT Store 下所有的 GPT 应用的会话数。
插件地址： https://chromewebstore.google.com/detail/show-gpt-chats/pepjmbpgjbcaebkpgabpdpgbjebnjbdc
效果图

📚简介

混阅，一个将中文网页文章转换为中英混合形式的阅读工具，使用充足的中文 context 实现英语词汇增长。利用先进的 LLM 技术，将文章中的词语替换为恰当的 English words ，支持混合、原文和对照阅读模式

👉️直接体验

💡开发理念

在二语习得(second language acquisition)，中英混合使用的现象叫做 code-mixing ，它是一种有效的语言学习策略，使用已知语言作为脚手架，是一种基于自然主义的学习方法

中文母语者的英语学习最大阻碍是中文，但最强辅助也是中文。经常用中文比附英文，容易产生中式英语 Chinglish 。而使用 code-mixing 策略则会不断与英文比较和联系，从而自然地吸收新词汇，促进语言习得

🔄更新日志

• 支持微信扫码登录
• 优化文章转换
• 支持短文本转换，无需登录，一键生成中夹英文本
• 短文本生成后支持朗读结果

🔧已知问题

转换基于大语言模型技术，可能部分句子有不预期结果，持续迭代优化中

Hi howie,

感谢分享这么好的周刊内容，也关注了公众号接收最新的周刊，我看项目中 之前加入了 mkdocs-rss-plugin的插件好像也做过rss配置，但是最后并没有启用，小小的诉求不知可否考虑下重新配置开启 rss插件 提供 rss 订阅的能力？🙏

背景

通过抓包我们可以发现 Github Copilot Chat 其实底层是调用 OpenAI 的 ChatGPT 接口，那么我们就可以将 Github Copilot Chat 的请求转换为 ChatGPT 请求。只要我们拥有 Github Copilot 账号，就能无限制使用 ChatGPT 的 GPT-4 模型。

实现原理

源码地址

https://github.com/aaamoon/copilot-gpt4-service

使用方法

1、访问 https://gpt4copilot.tech

2、在设置的接口地址填入本仓库项目部署出来的api地址 https://gpt4copilot.tech

3、在API Key中填入Github Copilot Token（可以通过copilot-token接口来获取，Token的格式是以ghu_开头）

4、支持各种OpenAI模型选择，目前默认使用的是GPT-4模型

5、接下来我们就可以无限制使用GPT-4模型了~

SrefHunter Midjourney sref codes风格代码库
Midjourney 支持sref代码参数指定风格效果，看到twitter很多人在分享代码和生成的作品。
但是目前没有地方专门展示这些sref code，查找想要的效果对应的code很麻烦。
基于此我整理了500+sref codes，分享出来学习，网站也会持续更新
地址在这里：https://srefhunter.top?ref=github

推荐项目

• 项目地址：https://github.com/meetqy/eagleuse
• 在线体验：https://rao.pics

描述

eagle app管理图片素材资源，实时生成sqlite db文件 => 生成对应查询API => 创建静态路由 => web显示图片

截图

我很喜欢你周刊的内容，但我不想使用RSS，也不想使用公众号，只想定期查看一下网页

并且我发现首页并不是最新内容，同时2022导航并不是按最新的文章顺序显示，这导致网页的使用体验并不好

所以，能不能把2022导航页面的文章顺序倒过来，或者在首页顶部添加最新一期的跳转链接

老师您好，这是我第一次开源项目，有很多不足，但是是我花了晚上休息的时间，精心打磨的，希望自己能有高质量的输出，也希望能帮助到更多的人。

嗨，大家好！欢迎来到C-Shopping，这是一场揭开科技面纱的电商之旅。我是C-Shopping开源作者“继小鹏”，今天将为你介绍一款基于最新技术的开源电商平台。让我们一同探索吧！

项目在线演示地址：

• docker 部署地址：http://shop.huanghanlian.com/
• vercel 部署地址：https://c-shopping-three.vercel.app/

项目传送门：https://github.com/huanghanzhilian/c-shopping

如果你觉得有帮助，请给我一个Star，这会给我更大的鼓励。

项目背景

背景：

• 一直以来前端UI框架被固定形式占据（受限于传统的UI框架），导致视觉疲劳，在开发一些高度自定义的项目时，往往力不从心；
• 多设备适配的web优秀项目很少，学习和维护成本较高；
• 当项目复杂后，在组件需要调用多个 api 时会变得复杂起来，比如需要管理多个 loading 和 error 状态，这会导致产生非常多的 state 声明，还有请求取消、请求竞态等可能存在的问题也容易被忽略；
• 随着项目复杂，样式的开发与维护变得庞大且臃肿；

意图：

改进背景中提到的问题。

目的：

打造一个完整的，适合web端的良好生态。

首先，让我们了解一下C-Shopping的技术背后。我采用了一系列最前沿的技术，包括Next.js、Tailwind CSS、Headless UI、Redux-Toolkit-RTK Query、JWT和Docker等。这确保了此项目不仅高效，而且具备强大的可扩展性。我们致力于解决传统电商平台的一些痛点：不美观、不适配不同设备、界面单一，等等。C-Shopping通过采用最新的技术和设计理念，为用户打造了一场全响应式技术开发体验。

C-Shopping关注用户体验。我们的界面不仅仅美观，更是响应式设计，让用户可以在任何设备上轻松愉悦地购物。个人中心和订单管理功能也让你的购物更加个性化和方便。

项目亮点

C-Shopping的亮点之一是我们采用了一系列先进的技术，包括Next.js、Tailwind CSS、Headless UI、Redux-Toolkit-RTK Query等，为用户提供了极致的性能和体验。不仅注重美观，更追求技术上的卓越。

Next.js 驱动的极速体验

C-Shopping采用了 Next.js，这不仅意味着网页加载速度飞快，而且还支持服务端渲染，让你体验到前所未有的流畅度。

🎨 Tailwind CSS 的时尚设计

采用 Tailwind CSS，为 C-Shopping 注入了时尚感。每一次的界面都如同艺术品般精致，让购物成为一场视觉的盛宴。

🔧 Headless UI 自由而灵活

C-Shopping 选择了 Headless UI 风格，让用户可以在购物过程中拥有更多自由。不再受限于传统的UI框架，为你打开了更多定制的大门。

🔐 JWT 安全无忧

安全至上！采用 JWT 进行用户身份验证，为你的购物行为提供了最强有力的保障，让你可以放心尽情购物。

🐳 Docker 容器化的完美部署

C-Shopping 拥抱 Docker，使得项目的部署变得前所未有的简单。容器化技术让整个项目在不同环境中都能如鱼得水地运行。

🔄 Redux Toolkit 和 RTK Query 的状态管理艺术

C-Shopping 使用 Redux Toolkit 和 RTK Query，让状态管理变得更加轻松愉快。你可以更好地追踪应用中的数据流，确保购物体验的稳定性。

功能演示

现在，让我们来看看C-Shopping的一些基本功能。从清晰的导航和商品展示，到方便的搜索和购物车功能，每一个细节都经过精心设计，为用户提供愉悦的购物体验。

用户端

模块	Desktop devices	Mobile devices
首页
二级分类
三级分类
商品详情
登录
注册
搜索
购物车
支付页
个人中心
我的订单
我的评论
地址管理
近期访问

管理端

模块	Desktop devices	Mobile devices
登录
管理中心
用户管理
分类管理
分类管理树状
规格管理
商品管理
订单管理
评论管理
滑块管理
banner管理

项目结构

🏗️ C-Shopping 项目结构：

📂 c-shopping
  ├── 📁 app
  │   ├── 📁 main
  │   │   ├── 📁 client-layout
  │   │   ├── 📁 empty-layout
  │   │   ├── 📁 admin
  │   │   ├── 📄 layout.js
  │   │   └── 📁 profile
  │   ├── 📄 StoreProvider.js
  │   ├── 📁 api
  │   │   ├── 📁 auth
  │   │   ├── 📁 banner
  │   │   ├── 📁 category
  │   │   ├── 📁 details
  │   │   ├── 📁 order
  │   │   ├── 📁 products
  │   │   ├── 📁 reviews
  │   │   ├── 📁 slider
  │   │   ├── 📁 upload
  │   │   └── 📁 user
  │   ├── 📄 layout.js
  │   └── 📄 not-found.js
  ├── 📄 commitlint.config.js
  ├── 📁 components
  ├── 📄 docker-compose.yml
  ├── 📁 helpers
  │   ├── 📁 api
  │   ├── 📄 auth.js
  │   ├── 📁 db-repo
  │   ├── 📄 db.js
  │   ├── 📄 getQuery.js
  │   └── 📄 index.js
  ├── 📁 hooks
  ├── 📄 jsconfig.json
  ├── 📁 models
  ├── 📄 next.config.js
  ├── 📄 package-lock.json
  ├── 📄 package.json
  ├── 📄 postcss.config.js
  ├── 📂 public
  ├── 📁 store
  ├── 📁 styles
  ├── 📄 tailwind.config.js
  └── 📁 utils

主要结构解释：

• 📁 app: 应用程序的主要代码

  • 📁 main: 主要应用程序组件
    • 📁 client-layout: 用户端通用布局页面
    • 📁 empty-layout: 通用空白布局页面
    • 📁 admin: 管理端页面
    • 📄 layout.js: 主要布局配置
    • 📁 profile: 用户个人资料页面
  • 📄 StoreProvider.js: 全局状态管理提供者
  • 📁 api: API 请求相关路由
    • 📁 auth: 用户认证 API
    • 📁 banner: 广告横幅 API
    • 📁 category: 商品分类 API
    • ...

• 📁 components: 可复用的 React 组件

• 📁 helpers: 辅助函数和工具

  • 📁 api: API 请求相关的辅助函数
  • 📄 auth.js: 用户认证相关的辅助函数
  • ...

• 📁 hooks: 自定义 React hooks

• 📁 models: 数据模型定义

• 📁 public: 静态资源，如图片、字体等

• 📁 store: Redux 状态管理相关配置

  • 📁 services: RTK Query
  • 📁 slices: Redux Toolkit

• 📁 styles: 样式文件

• 📁 utils: 通用工具

• ...

这个结构旨在使项目组织有序，易于维护和扩展。每个部分都按照功能和职责进行划分，使团队成员更容易理解和协作。

部署与使用

开发环境

1. 通过在终端运行以下命令克隆或下载存储库:

   git clone https://github.com/huanghanzhilian/c-shopping.git
   

2. 使用npm或yarn安装项目依赖项:

   npm install
   

   or

   yarn
   

3. 修改.env的文件，在项目根目录，定义所需的环境变量。这个步骤是重要的（图片上传OSS）:

   NEXT_PUBLIC_ALI_REGION=<your ali endpoint>
   NEXT_PUBLIC_ALI_BUCKET_NAME=<your ali bucket name>
   NEXT_PUBLIC_ALI_ACCESS_KEY=<your ali access key>
   NEXT_PUBLIC_ALI_SECRET_KEY=<your ali secret key>
   NEXT_PUBLIC_ALI_ACS_RAM_NAME=<your ali acs:ram name>
   NEXT_PUBLIC_ALI_FILES_PATH=<your ali files pathname>
   

4. 在本地机器上安装MongoDB

5. 运行项目

   npm run dev 
   

6. 注册一个账户

   http://localhost:3000/register
   

7. 创建帐户后，在数据库中找到您的帐户，并将root字段修改为true。role字段修改为admin，这将授予您访问所有管理仪表板功能的权限

   http://localhost:3000/admin
   

8. 操作MongoDB，创建根分类

   mongo
   

   use choiceshop
   

   db.categories.insert({
   	"name" : "精选好物",
   	"slug" : "choiceshop",
   	"image" : "http://huanghanzhilian-test.oss-cn-beijing.aliyuncs.com/shop/upload/image//icons/zHle_bmdM_dhu2K938MMM.webp",
   	"colors" : {
   		"start" : "#EF394E",
   		"end" : "#EF3F55"
   	},
   	"level" : 0
   })
   

docker 部署

项目根目录已经配置好docker compose，在安装docker环境后，直接运行部署

docker compose up -d --build

公众号

关注公众号获得更多资讯，有任何意见或建议都欢迎提issue，或者到公众号。

许可证

Apache License 2.0

MIT License

Copyright (c) 2024 Jipeng Huang

呼吁行动

C-Shopping是一个开源项目，欢迎更多的开发者加入我们的社区。你可以在我们的GitHub仓库中找到项目源码，提出建议或者一同参与开发。

如果你对项目感兴趣，欢迎加入我们的社区，一同为项目添砖加瓦。

• 项目名称：video-subtitle-master

• 项目地址：https://github.com/buxuku/video-subtitle-master

• 项目简介：无须上传，在本地即可批量为视频生成字幕文件出来，同时也可以通过百度/火山/deeplx翻译 api 将字幕文件翻译成其它语言的字幕文件。学习外文视频再也不愁了👍

• 项目截图 ：

项目介绍：一款基于 AI 的「浏览器翻译插件」，可以基于大语言模型对页面文字进行翻译，帮助使用者能够流畅阅读网页。目前支持的 AI 大模型包括 ChatGPT 、Gemini、moonshot、通义千问、智谱清言、文心一言，插件免费、开源，适用于页面文字翻译与语言学习。

开源地址：https://github.com/Bistutu/FluentRead

背景

每种编程语言都有对应的版本管理工具，如nvm、fvm、gvm、sdkman等，他们的的命令不一, 功能不一。对于需要使用多种语言的开发者来说，这意味着需要学习和记忆各种不同的命令，增加了学习成本。而VersionFox的目的就是通过一个工具实现对于多种语言的安装和版本管理(插件的形式拓展) 并且支持全平台.

项目地址

https://github.com/version-fox/vfox

演示

以Nodejs为例

项目地址: https://github.com/aooiuu/any-reader

功能亮点

• 跨平台: Windows、Mac、Linux
• 多应用: 桌面端、网页端、Docker、VSCode插件、 uTools 插件、rubick 插件
• 多类型：小说、漫画、视频、音频
• 自定义源：通过 XPath、JSONPath、CSS选择器、正则、JS等轻松编写规则
• 生态兼容：兼容 eso 源
• 资源站接入：支持导入苹果CMS、ZyPlayer
• 开放解析库：规则解析库分离, 你可以使用解析库开发自己的程序
• 本地资源支持：支持本地小说格式 TXT、Epub

漫画	小说	视频
聚合搜索	规则列表	规则编辑

目前的内容有：

1. 古诗词文 10000 首（阙、篇）；

2. 古诗词文名句 10000 句；

3. 歇后语 14026 条；

4. 成语 30895 条；

5. **传统色 161 种；

6. **传统节日 19 个；

7. 二十四节气；

8. 绕口令 45 段；

9. 知识卡片 464 组；

使用的数据来自网络（主要是 Github 开源的仓库），可在项目仓库查看 README.md 中的说明。

源码仓库：

https://github.com/hefengbao/jingmo

https://gitee.com/hefengbao/jingmo

开源的代码转换工具，使用GPT实现；
AICodeConvert
主要包含两个功能：
1.自然语言转代码，描述需求就生成对应的代码
2.把代码一键转换为另一种代码语言实现；

如题。

功能：
使用 GET 带上要找的书名或作者，返回与之相关的10本书的资料，目前元数据有书名、作者、简介、出版社、封面、价格、评分，后续会新增更多数据。

实现：使用 cloudflare 的 worker 作为过滤器清洗流量，并直连我部署在后端的数据库查询信息，整理返回结果给到前端。

访问链接：https://book-db-v1.saltyleo.com

网站截图:

x-crawl ·

x-crawl 是一个灵活的 Node.js 多功能爬虫库。灵活的使用方式和众多的功能可以帮助您快速、安全、稳定地爬取页面、接口以及文件。

如果你也喜欢 x-crawl ，可以给 x-crawl 存储库 点个 star 支持一下，感谢大家的支持！

GitHub：https://github.com/coder-hxl/x-crawl

特征

• 🔥 异步同步 - 只需更改一下 mode 属性即可切换异步或同步爬取模式。
• ⚙️ 多种用途 - 支持爬动态页面、静态页面、接口数据、文件以及轮询操作。
• ⚒️ 控制页面 - 爬取动态页面支持自动化操作、键盘输入、事件操作等。
• 🖋️ 写法灵活 - 同种爬取 API 适配多种配置，每种配置方式都非常独特。
• ⏱️ 间隔爬取 - 无间隔、固定间隔以及随机间隔，产生或避免高并发爬取。
• 🔄 失败重试 - 避免因短暂的问题而造成爬取失败，自定义重试次数。
• ➡️ 轮换代理 - 配合失败重试，自定义错误次数以及 HTTP 状态码自动轮换代理。
• 👀 设备指纹 - 零配置或自定义配置，避免指纹识别从不同位置识别并跟踪我们。
• 🚀 优先队列 - 根据单个爬取目标的优先级可以优先于其他目标提前爬取。
• 🧾 爬取记录 - 对爬取进行记录，并在终端使用彩色字符串提醒。
• 🦾 TypeScript - 拥有类型，通过泛型实现完整的类型。

示例

以每天自动获取世界各地的经历和房间的一些照片为例：

// 1.导入模块 ES/CJS
import xCrawl from 'x-crawl'

// 2.创建一个爬虫实例
const myXCrawl = xCrawl({ maxRetry: 3, intervalTime: { max: 2000, min: 1000 } })

// 3.设置爬取任务
// 调用 startPolling API 开始轮询功能，每隔一天会调用回调函数
myXCrawl.startPolling({ d: 1 }, async (count, stopPolling) => {
  // 调用 crawlPage API 来爬取页面
  const pageResults = await myXCrawl.crawlPage({
    targets: [
      'https://www.airbnb.cn/s/*/experiences',
      'https://www.airbnb.cn/s/plus_homes'
    ],
    viewport: { width: 1920, height: 1080 }
  })

  // 通过遍历爬取页面结果获取图片 URL
  const imgUrls = []
  for (const item of pageResults) {
    const { id } = item
    const { page } = item.data
    const elSelector = id === 1 ? '.i9cqrtb' : '.c4mnd7m'

    // 等待页面元素出现
    await page.waitForSelector(elSelector)

    // 获取页面图片的 URL
    const urls = await page.$$eval(`${elSelector} picture img`, (imgEls) =>
      imgEls.map((item) => item.src)
    )
    imgUrls.push(...urls.slice(0, 6))

    // 关闭页面
    page.close()
  }

  // 调用 crawlFile API 爬取图片
  await myXCrawl.crawlFile({ targets: imgUrls, storeDirs: './upload' })
})

运行效果:

注意: 请勿随意爬取，爬取前可查看 robots.txt 协议。网站的类名可能会有变更，这里只是为了演示如何使用 x-crawl 。

更多

更多内容可查看：https://github.com/coder-hxl/x-crawl

推荐项目
📈RainbowGPT现在包括一个强大的股票分析模块，集成各种技术，提供对股市的全面见解。
⚡RainbowGPT结合了AI Agent代理、GPT-4、GPT3.5、ChatGlm3、Qwen LLM、ChromaDB矢量数据库、Langchain知识库问答检索和谷歌搜索引擎。

项目地址： RainbowGPT 彩虹GPT

项目描述：
🔄 知识库 QA 搜索最有效的使用是将稀疏检索器（例如 BM25）与密集检索器（例如嵌入相似性）相结合。这种“混合搜索”最佳地利用了两种检索器的互补优势来获取全面的知识。
📊 探索股票分析模块并为您的投资决策解锁宝贵的见解！ 🚀 #StockAnalysis #RainbowGPT #AIInvesting

Email.ML是一个极简的临时邮箱，100% 运行在 Cloudflare 网络中，支持多个域名邮箱，一小时有效。使用技术栈 Cloudflare Workers + Nuxt 。

使用地址：

https://email.ml/

地址：https://bestgpts.app/

简介：BestGPTs 是一个多语言 GPTs 导航和搜索引擎，用户可以在 BestGPTs 分享和发现最好用的 GPTs。

截图：

推荐项目

• 项目地址：https://github.com/linyimin0812/spring-startup-analyzer

• 类别：Java

• 项目标题：Spring应用启动诊断优化

• 项目描述：

  采集Spring应用启动过程数据——Spring Bean初始化详情信息，支持初始化耗时/beanName搜索、Spring Bean初始化时序图、方法调用次数及耗时统计(支持自定义方法)、应用未加载的jar包(帮助fatjar瘦身)及应用启动过程线程wall clock火焰图，并生成交互式分析报告(HTML)，用于分析Spring应用启动卡点，支持Spring Bean异步初始化，减少优化Spring应用启动时间。

• 亮点：

  • 无侵入：以javaagent形式接入，无需修改应用代码
  • 类隔离：自定义类加载器，与应用完全隔离
  • 数据详细：应用启动数据整合成交互式报表，供开发人员分析
  • 支持自定义扩展

• 截图：

  • Spring Bean初始化详情
    

  • Spring Bean初始化时序图
    

  • 方法调用次数、耗时统计(支持自定义方法)
    

  • 应用未加载的jar包(帮助fatjar瘦身)
    

  • 应用启动过程线程wall clock火焰图(支持指定线程名称，不指定则采集全部线程)
    

从周刊的寄语进来，文末说：

如果你有不错的资源希望分享给我，欢迎以Issue自荐形式和我沟通。

最后更新: April 4, 2024

但是点击 [Issue自荐] 显示：This issue has been deleted.
然后这里空无一文，这是什么情况？还接受投稿吗？

飞鸟 m3u8 视频下载器是一款 m3u8 下载工具。支持 Windows, MacOS双系统。
包含功能有：

• m3u8 和 直播录制 和 点播下载。
• IPTV 播放 与 自定义源管理。

https://github.com/more-strive/yft-design
使用 Vue3 + TypeScript + Fabric.js + Pinia + Element-Plus，支持 文字、图片、形状、线条、二维码 、条形码几种最常用的元素类型，每一种元素都拥有高度可编辑能力，缩略图显示，模板，支持导出json，svg, image文件。

• 仓库地址: https://github.com/meetqy/aspoem
• 网站地址: https://aspoem.com

预览图

移动端

长文阅读 UI 展示

项目地址

https://github.com/1Panel-dev/1Panel

项目简介

1Panel 是一个现代化、开源的 Linux 服务器运维管理面板。1Panel 目标是让不太懂 Linux 的人也可以建站、也可以高效管理好 Linux 服务器，并提供良好的安全和备份保护机制。具体来说，1Panel 的功能包括：

• 快速建站：集成 Wordpress 和 Halo，域名绑定、SSL 证书配置等一键搞定；
• 高效管理：通过 Web 端轻松管理 Linux 服务器，包括主机监控、文件管理、数据库管理、容器管理等；
• 安全可靠：基于容器来管理和部署应用，最小漏洞暴露面，提供防火墙和日志审计等功能；
• 一键备份：支持一键备份和恢复，备份数据到各类云端存储，确保数据不丢失。

UI 展示

网站名称

AI万花筒-免费小工具

网站简介

可以在线使用的工具平台，所有工具在线使用，无需下载，无需登录，无任何套路。
工具涵盖了多个种类，包括：视频，音频，图片，文档，开发，娱乐等等，目前还在持续迭代中，还有更多的工具正在开发中，敬请期待~

网站地址

https://lab.aiwht.com/tools/index/index

网站类型

免费在线工具

网站介绍

我们在工作中经常为了找某个工具而各种搜索，并且搜索出来的还经常有各种收费，登录限制等。我们也是深受其害，所以开发了方便大家免费使用的各种功能，目前还在积极迭代中，如果大家有什么想要的功能可以随时告诉我们。常用的场景如下：

1. 将一个横板视频转为竖版，并且上下留黑，来适配抖音等平台的播放体验，可以使用视频翻转功能
2. 为了提升图片访问速度，将体积特别大的图片压缩为小图，可以使用图片压缩
3. 将一组图片组合成一个动画或表情包，可以使用gif动图生成
4. 将指定网址或文字生成一个二维码，可以使用二维码生成
5. 把多个发票的pdf文件合并为一个pdf文件，可以使用PDF文件合并
   还有更多的功能，欢迎大家体验

产品截图