---
title: 2024-W02
date: 2024-01-11T00:00:00.000Z
author: KazooTTT
tags:
  - 资讯周报
  - 设计
  - ai
  - 前端
  - 独立开发
published: true
category: 周报
slug: 2024-W02
description: >-
  本内容汇总了多个技术资源和工具，包括独立开发者资讯网站indie hacker、产品变现周刊、Figma渐变色模板、设计灵感来源DAILY
  MINIMAL的tumblr、Next.js中文教程、Obsidian分享内容生成卡片工具、GitHub Copilot
  Chat默认Prompt、Flask教程、构建大型语言模型教程、开发人员工具箱devtoys等。此外，还提到了Unity裁员、LangChain
  0.1.0版本发布、微博备份工具、Python程序执行可视化工具heartrate、CSS文字颜色自动适配背景色解决方案、RAG图解及翻译、JavaScript框架展望、GitHubDaily分享的开源项目、React原理图解、AI开发者伴侣gpt-pilot、哈佛大学Python数据科学课程、Meta打造Threads基础设施的方法、2023年终开源项目榜单、代码片段管理工具toolcat、Javascript/Next.js程序员出海架构、视频/Gif生成工具Kap、Sass模板、GPT
  Web
  APP、AWS部署方案、Postman替代品hoppscotch、视频压缩工具CompressX、AI和数据科学家路线图、独立开发能力培养指南、LLM论文合集、富文本编辑器PlateJS以及CSS展示的20+
  iPhones。这些资源和工具涵盖了从开发到设计的多个方面，旨在为技术爱好者和专业人士提供丰富的学习和参考材料。
finished: true
---

# 2024-W02

## Indie Hacker - 独立开发者的资讯网站

<https://www.indiehackers.com/>  
![img.png](https://pictures.kazoottt.top/2024/01/20240115-e58b3d9c8409a3178bd99b334e7828cb.webp)

## 产品变现周刊

<https://www.ezindie.com/weekly>  
![img_1.png](https://pictures.kazoottt.top/2024/01/20240115-c80127bc17c45f09310e1cac0711ca59.webp)

## Figma 渐变色模板

<https://www.figma.com/community/file/955866301003783604>  
![img_2.png](https://pictures.kazoottt.top/2024/01/20240115-3c65ab7d26ca83a1883ff11ac755a530.webp)

## DAILY MINIMAL的tumblr

可以从中获取一些设计灵感

<https://dailyminimal.tumblr.com/>  
![img_3.png](https://pictures.kazoottt.top/2024/01/20240115-8e5119ee0a69f37d97187c8015cabef9.webp)

## Nextjs的中文教程

<https://qufei1993.github.io/nextjs-learn-cn/>

是基于官网文档的汉化以及作者另外的一些补充。  
![img_4.png](https://pictures.kazoottt.top/2024/01/20240115-62c6d8ddd0d676427171f07c7773832c.webp)

## Obsidian｜给分享内容快速生成卡片

使用Templater来生成Obsidian的分享卡片

<https://weiyexing.win/Obsidian-content-to-twee-card>  
![img_5.png](https://pictures.kazoottt.top/2024/01/20240115-b701422cd9583bc39fb0a30fa83d0020.webp)

## GitHub Copilot Chat 的默认 Prompt

地址: <https://weibo.com/1727858283/4987484222259795>  
![img_6.png](https://pictures.kazoottt.top/2024/01/20240115-1c52bf7510667d6e369634ff227d6373.webp)

## Flask教程

github地址：<https://github.com/greyli/helloflask>

文档地址： <https://docs.helloflask.com/>

![img_7.png](https://pictures.kazoottt.top/2024/01/20240115-360592a8e7ddef0b18f07c9896cd9adb.webp)

## 从头开始构建大型语言模型

推荐原文地址： <https://weibo.com/6182606334/NANZ4FprE#comment>

教程地址： <https://github.com/rasbt/LLMs-from-scratch/tree/main?continueFlag=1691a8cf254a597c346d410452480b58>

![img_8.png](https://pictures.kazoottt.top/2024/01/20240115-b3c22b6d85f2c8a6f3a2a05ec75e5506.webp)

## Devtoys 开发人员常用的工具箱

网站地址: <https://devtoys.app/>

项目地址：<https://github.com/veler/DevToys>  
![img_9.png](https://pictures.kazoottt.top/2024/01/20240115-ba95a07426bb857914e1491b904b1eb4.webp)  
![img_10.png](https://pictures.kazoottt.top/2024/01/20240115-9efa43694d4a9a348bb8625ff83348a6.webp)

## 最新的 🏆 LMSYS Chatbot Arena Leaderboard 中，Mistral Medium 超过 Claude 1和2

模型地址：<https://huggingface.co/spaces/lmsys/chatbot-arena-leaderboard?continueFlag=1691a8cf254a597c346d410452480b58>

![img_11.png](https://pictures.kazoottt.top/2024/01/20240115-8403ed4d30b1ddd71b1c31b7750779e8.webp)

## OpenAI 已经正式发布了 GPT 商店

商店地址：<https://chat.openai.com/gpts>  
![img_12.png](https://pictures.kazoottt.top/2024/01/20240115-75d1952313d6ee9c00c76b583fde8ffb.webp)

## Unity裁员25%

![img_13.png](https://pictures.kazoottt.top/2024/01/20240115-f39324bdf5fb7433f4b3b95d25ebaa39.webp)

## 刚刚LangChain 0.1.0版本正式发布了

<https://mp.weixin.qq.com/s/CnWWddYdDSeoCyTcktDNpw>  
![img_14.png](https://pictures.kazoottt.top/2024/01/20240115-a211d2f3af4ba92782208b10743d5d8c.webp)

## 微博备份工具

项目地址：<https://github.com/Konano/weibo_archive?continueFlag=1691a8cf254a597c346d410452480b58>

![img_15.png](https://pictures.kazoottt.top/2024/01/20240115-c4151ec767f98af8e9f2fe7fd398ca0f.webp)

## heartrate，一个Python 程序执行的简单实时可视化程序

项目地址：  
<https://github.com/alexmojaki/heartrate>  
![img_16.png](https://pictures.kazoottt.top/2024/01/20240115-6c855b40ede0bcd046d8d535fe5fb673.webp)

## 现代 CSS 解决方案：文字颜色自动适配背景色

教程地址：<https://segmentfault.com/a/1190000044534396>

![img_17.png](https://pictures.kazoottt.top/2024/01/20240115-48ec2a31626f8a496cde804ff2555162.webp)

## RAG图解

地址：  
<https://d3ddy8balm3goa.cloudfront.net/llamaindex/rag-cheat-sheet-final.svg?continueFlag=1691a8cf254a597c346d410452480b58>  
![img_19.png](https://pictures.kazoottt.top/2024/01/20240115-6569e321dff5e3c3bbbc11ca530905fb.webp)  
翻译：构建高级 RAG 的指南和技巧 [译]

<https://baoyu.io/translations/rag/a-cheat-sheet-and-some-recipes-for-building-advanced-rag?continueFlag=1691a8cf254a597c346d410452480b58>

## JavaScript框架 - 进入2024年

推荐博主：  
![img_20.png](https://pictures.kazoottt.top/2024/01/20240115-24d2a331c713b3666e1dd206bf30ac7f.webp)

原文地址：

<https://dev.to/this-is-learning/javascript-frameworks-heading-into-2024-i3l?continueFlag=1691a8cf254a597c346d410452480b58>

## GitHubDaily 2023 年在微博所分享的开源项目

仓库地址： <https://github.com/GitHubDaily/GitHubDaily>

![img_21.png](https://pictures.kazoottt.top/2024/01/20240115-661e8fa5e9cf7d943c79b8dba4f31d0c.webp)

## 图解React原理

地址： <https://github.com/7kms/react-illustration-series>  
![img_22.png](https://pictures.kazoottt.top/2024/01/20240115-dc2d19a69150460bd6d1260005d3fc6b.webp)

## Gpt-pilot 一个AI开发者伴侣

地址：<https://github.com/Pythagora-io/gpt-pilot>  
![img_23.png](https://pictures.kazoottt.top/2024/01/20240115-d401ed3e3c90ae4cfc6ff00572a6c41e.webp)

## 哈佛大学的课程：“Python 数据科学简介”

<https://pll.harvard.edu/course/introduction-data-science-python>  
![img_24.png](https://pictures.kazoottt.top/2024/01/20240115-5820e9644bbbebdacbab6a74d639b28c.webp)

## Meta 如何打造 Threads 的基础设施

原文：<https://weibo.cn/sinaurl?u=https%3A%2F%2Fengineering.fb.com%2F2023%2F12%2F19%2Fcore-infra%2Fhow-meta-built-the-infrastructure-for-threads%2F>  
译文：<https://baoyu.io/translations/meta/how-meta-built-the-infrastructure-for-threads?continueFlag=1691a8cf254a597c346d410452480b58>  
![img_25.png](https://pictures.kazoottt.top/2024/01/20240115-3c1822968e39a1a9d7c6d67eb194daa4.webp)

## 2023年终大放送 之 TOP50开源项目榜

<https://weibo.com/1402400261/NzGjz4GpV#comment>  
![img_26.png](https://pictures.kazoottt.top/2024/01/20240115-4c89bacae816d52d724b7a9799f17685.webp)

## 使用toolcat来管理代码片段

<https://toolcat.app/>  
![img_27.png](https://pictures.kazoottt.top/2024/01/20240115-853311adde47da907eae7e70e25b9422.webp)

## 2024 年Javascript / Next.js 程序员出海全免费架构

<https://twitter.com/xqliu/status/1744240897414529082>

> 2024 年Javascript / Next.js 程序员出海全免费架构：  
> 前后端部署：Vercel  
> 数据库：supabase  
> 文件/对象存储：supabase  
> 用户管理/认证：supabase  
> 网站统计：beamanalytics  
> 宣传推广：youtube twitter reddit hacknews v2ex 等  
> 代码存储：github  
> 邮件列表：lemonsqueezy  
> 收款/网店：lemonsqueezy  
> 备注：lemonsqueezy 国内网友申请功能有限，等我深入研究下攻略

![img_28.png](https://pictures.kazoottt.top/2024/01/20240115-30cd2440b73a8a1a92527a554cbe4359.webp)

## TWC a Lightweight Library to Create Tailwind CSS Components in One line

<https://react-twc.vercel.app/>

## Kap 生成视频/Gif的工具

<https://getkap.co/>  
![img_29.png](https://pictures.kazoottt.top/2024/01/20240115-8abc3d4c4124822b5cec5c69f4cda32a.webp)

## Sass模板

付费：[http://shipfa.st](https://t.co/QnUYtzzyGk)  
免费：[http://opensaas.sh](https://t.co/N9xbomKNZh)

<https://twitter.com/shengxj1/status/1744078257853448622>  
![img_30.png](https://pictures.kazoottt.top/2024/01/20240115-e39afb8e5d3952cc7455c6e262c2f33c.webp)

## 《👋jan》 GPT Web APP

<https://twitter.com/geekbb/status/1744138343183749620>

<https://github.com/janhq/jan>  
![img_31.png](https://pictures.kazoottt.top/2024/01/20240115-6ad5dd8a6da042c7e32b99d4917e83e1.webp)

## AWS的部署方案

<https://twitter.com/Tim_Qian/status/1744017307544985641>  
![img_32.png](https://pictures.kazoottt.top/2024/01/20240115-2d409c8b0f496b2be57467e3ddc531f6.webp)

## Hoppscotch - Postman的替代品

推荐地址： <https://twitter.com/hank_zhao/status/1744022153652224280>  
官网地址： <https://hoppscotch.io/>  
![img_33.png](https://pictures.kazoottt.top/2024/01/20240115-77d69a490678cd6258bd53a29a2cfbc0.webp)

## CompressX 🏞️ 视频压缩工具

![img_34.png](https://pictures.kazoottt.top/2024/01/20240115-a6203168e2a78292ab7d0fad950f33ca.webp)

## AI and Data Scientist Roadmap

<https://roadmap.sh/ai-data-scientist>  
![img_35.png](https://pictures.kazoottt.top/2024/01/20240115-0ef452c06914ff59cdfd3e390f508362.webp)

## 如何培养自己独立开发的能力

![img_36.png](https://pictures.kazoottt.top/2024/01/20240115-97f4aae86dd3ca69dffd08081a0feb44.webp)  
<https://twitter.com/HiTw93/status/1691811922318946691>

## LLM论文合集

<https://github.com/zjunlp/LLMAgentPapers>  
![img_37.png](https://pictures.kazoottt.top/2024/01/20240115-6d568901ccc69e91b5285b9de238785e.webp)

## PlateJS - 富文本编辑器

推荐地址： <https://twitter.com/vikingmute/status/1743080623542268287>  
官网地址：<https://platejs.org/>  
![img_38.png](https://pictures.kazoottt.top/2024/01/20240115-800043194a4735b5b86c0d52e725c919.webp)

## 20+ iPhones in CSS - 展示IPhone的CSS

推荐地址： <https://twitter.com/HiTw93/status/1743058477940191356>  
官网地址： <https://freefrontend.com/iphones-in-css/>
