liruifengv
@liruifengv
Followers
3,054
Following
1,161
Media
273
Statuses
1,713
前端开发 / 开源爱好者 / @astrodotbuild 开源项目成员 我的博客 GitHub 聊科技，聊AI，聊编程，聊开源，关注公众号SayHub一起探索可能性
Joined January 2017
Don't wanna be here?
Send us removal request.
Explore trending content on Musk Viewer
Russian
• 1085454 Tweets
Putin
• 574415 Tweets
Rich Homie Quan
• 404515 Tweets
Venezuela
• 326678 Tweets
Cristiano Ronaldo
• 225277 Tweets
Messi
• 147076 Tweets
San Marino
• 125253 Tweets
Chiefs
• 118162 Tweets
Hunter Biden
• 109899 Tweets
#السعوديه_اندونيسيا
• 90344 Tweets
Thug
• 83182 Tweets
Ravens
• 74983 Tweets
World Cup
• 70248 Tweets
#GHEstreno
• 59491 Tweets
Liechtenstein
• 49099 Tweets
From Zero
• 47749 Tweets
Linkin Park
• 44468 Tweets
كاس العالم
• 41742 Tweets
El Alto
• 38191 Tweets
Bolivia
• 35566 Tweets
مانشيني
• 34743 Tweets
Mahomes
• 33380 Tweets
سالم
• 31264 Tweets
Chester
• 21721 Tweets
المنتخب السعودي
• 21644 Tweets
店頭ビジュアル
• 21006 Tweets
Di María
• 20478 Tweets
Violeta
• 19507 Tweets
Emily Armstrong
• 16593 Tweets
Milk Marie
• 13526 Tweets
Pinned Tweet
年中总结来啦，聊聊我为什么做个人品牌，为什么我建议程序员业余做做自媒体。
blog:
公众号：
4
6
85
对于想学 Rust 的同学，基础知识部分，除了看 The Book 之外，十分强烈推荐 rustlings ，一个个循序渐进的小练习，跟着做完之后对Rust基础就有了基本了解，非常好👍 强调动手去学，是我喜欢的方式
22
163
725
强烈推荐这个 Astro 博客主题，真的太漂亮啦！！！
完全击中我的审美，整得我又想换主题了。
作者：
@moeyua13
另外可以在这里看到更多使用 Astro 构建的中文博客/网站！
31
80
430
鸽了好久终于把上次搞的AI玩具的文章写出来了。
结合 Bing DALL-E-3 + GitHub Action + Node.js，每天生成中国古诗词配图，并通过 Astro 构建网站。
本篇文章将详细给大家介绍玩法，干货满满。
现在网站已稳定运行3个月，欢迎围观：
21
93
385
又学到了，当你 format 了整个仓库之后， git blame 就会废掉，全是 format 的 commit。
可以创建一个 .git-blame-ignore-revs 文件，写入要忽略的 commit id。
执行命令：`git config --local blame.ignoreRevsFile .git-blame-ignore-revs` 就好了
GitHub 也会自动读取 .git-blame-ignore-revs 文件
8
61
287
迷惑行为，有人把武林外传的 ts 视频文件上传到了 npm。
GitHub 会慢慢删除 npm 上的电子书和视频，希望一些国内开发者还是不要做这种事，丢人丢到国际上去了。
npm 和 GitHub 的初衷是存储代码和软件，不要把盗版电子书和视频传上来。
32
28
227
看看 Zed 在用 Rust 开发编辑器时对所有权和数据流的一些思考。
GPUI 是他们实现的一套 Rust GUI 库，并且实现了发布订阅等。挺干的一篇文章，本来想翻译一下，但是不太好翻，直接放原文吧。
6
23
166
前端时间 GPT Plus 到期了，看到大家都在吹 claude，也准备去试一下，拖延到今天，发现大家又都在吹 Cursor 了。
我再等等？
26
6
141
在 Vercel 涨价之际，推荐一下部署服务除了 Vercel Cloudflare 之外的第三个选择：Zeabur
@zeaburapp
优点：
- 可以一键部署几乎所有技术栈，不止于前端
- 自带了非常多的服务模版
- 价格公道，白嫖也没问题
- 马上上线的国内版，可在国内备案
- 响应非常快的中文客服团队
8
21
135
这个不知道从哪冒出来的老哥给 Zed 的 gpui 实现了 windows 支持，我已经跑起来了，太强了！
9
9
135
我的第一个 AI 小玩具。
参考
@yihong0618
大佬的 python版本，做了个 js版本的，每天一句中国古诗词，由 Bing DALL-E-3 生成 图片。
并且做了个展示网站，用 GitHub Action 每天更新，自动保存，自动部署：
GitHub:
14
22
131
昨天一波空投又带火了开源，很多小伙伴问如何参与。
更新了一下我的旧文章，给大家分享一下新手如何参与开源社区
6
17
130
看到李彦宏老板说以后就没有程序员了，人人都拥有程序员的技能，未来也只有两门编程语言，英语和中文。
翻到了我17年在知乎发的想法～
56
6
125
原来很多人还不知道 Astro 有自己的文档站点生成器。
这里再推荐下 Starlight ，继承了 Astro 所有的优点，功能强大，i18n支持非常好👍 目标是做成最好的i18n文档框架
有写文档需求的开发者可以考虑一下，除了 vuepress/vitepress 之外的新选择。
4
15
125
发一个暴论，你们日常真的使用那么多 AI 工具吗，确定帮助到你们很多吗？还是说因为分享 AI 这种有流量。
因为推上很多那种，分享几个我日常用的 AI 工具
1，xxx
2，xxx
3，...
为什么我用 AI 很少，最多的就是 copilot 写一点面条代码，AI 确实很牛逼，但是帮助到我很少，我说实话。
51
3
94
群里聊到学习 Rust，Rust 在前端领域主要用在重构基建上，Rspack，Rolldown，Deno 等等。对于大部分前端，不需要去深入学习 Rust。而对于想深入底层，甚至对这些项目贡献代码的人，推荐看看 Oxc 官网的Rust 开发编译器教程，Rolldown 的底层就是用的 Oxc
7
5
90
这个网站特别棒，可以用各种花里胡哨的统计图查看开源项目的数据~
看看我的~
3
10
77
很多朋友分享了自己的 Astro 博客，如果有精力的话，可以做成主题模板，分享到 Astro 的主题市场。
甚至可以提交付费模板，像 wordpress 一样用模板赚钱。
4
9
75
做了个Astro 中文网站 Showcase站点，展示了一些使用 Astro 构建的中文网站！
如果你使用 Astro 或 Starlight 构建过网站，欢迎提交一个PR 到这个仓库。
如果你正打算用 Astro 做自己的网站，希望这里能给你一些灵感~
7
10
75
看了下 Rsbuild，是基于 Rspack 的上层封装。
Rspack 整体使用 Rust，并且架构非常庞大，第三方贡献者很难参与进来。
Rsbuild 还在早期，代码比较简单，有想参与开源的可以试着贡献一波，回头就投字节 web-infra 的简历~
3
3
69
新成就达成，我的首个达到 500 星的个人开源项目，买了个域名 ，后面打算好好维护下这个项目，搞点事情！
3
9
67
其实很多时候没必要做 SEO 和 SSR。
官网 landing page 用 Astro 做页面，其他用 SPA 就行了。
5
6
54
Chrome 浏览器预留了私有 API，仅为所有 *.google.com 的域名提供 CPU、GPU使用率等系统信息，其他域名不可用。
有人认为这违反了浏览器供应商不应该优先为自己的网站考虑的理念，浏览器供应商应该向所有人提供一样的功能。
5
6
52
给我的网站加上评论了，大家可以来玩。
用的 ，基于 GitHub Discussions 实现的评论系统，非常简单，5分钟给网站加上评论功能。
12
4
48
新文章发布，聊一聊在 Astro 中为每篇博客文章自动生成 Open Graph 和 Twitter card 图片，并且支持使用 emoji 和自定义字体。
本篇推文的 Twitter card 就是自动生成的，有了 Twitter card 能让你的文章更显眼，得到更好的曝光和点击量。
4
4
47
我们最近有很多来自中国开发者的第一个 PR。
Astro 中文文档有很多翻译不通顺的地方和错别字，欢迎发现并提交PR。
你的任何微小的typo 修改都对我们非常重要，Astro 欢迎任何形式的贡献，包括社区分享你用 Astro 开发的网站，写的关于 Astro 的文章。
6
0
41
个人网站更新了，换个主题好看多了
6
2
42
Astro DB 发布啦啦！🎉 一个专为内容驱动网站做的数据平台，速度快，轻量，很简单的集成到 Astro 中。
用 Astro 做一个 micro sass 更简单了~
3
5
41
2023 年终总结来了，分别从 工作、开源、技术成长、自媒体数据、旅游、看演出等方面总结了一下自己，纯文字不放图片了。
顺便立一下2024年的 flag。
2
6
39
JSR 开源了，可以去 fix typo 了。
3
0
36
不知道还有没有人知道百度 IFE 前端学院。
翻到了我最早的仓库，是我2017年初学前端的时候，在 IFE 学习的代码，从纯 HTML CSS JS 学起，现在看起来满满的青春回忆~
3
1
35
Astro 赞助了 Volar 团队$10000！🎉
Volar 是 Vue 和 Astro 都在用的 LSP 语言服务器框架，大大提升了写 LSP 的开发体验！
0
0
36
Vue 新写法， Vue Vine。
Vine 是川哥
@Shenqingchuan
开发的一个用于像写 JSX一样写 Vue 的库，可以在一个文件里写多个组件了。
之前 Vue的单模板文件，只能一个文件写一个组件，非常容易打断编码思路。
你觉得这种方式怎么样呢
9
2
34
用了几天 shadcn/ui，顺便蹭了两个PR。
理念挺好，简单的组件例如 input、button、checkbox 挺好用的，复杂点的组件有不少bug，例如 Select、DatePicker。
不过有一点好处是显得代码行数多，现在大厂裁员不是都查员工代码行数嘛。
7
0
34
尝试在我的 side projects 中使用 Biome
@biomejs
替代 ESLint 和 Prettier 了，使用体验还不错，速度很快，配置简单。
另外 Biome 的中文文档也有点落后，有想法的小伙伴可以帮忙更新。
2
7
32
PR 合并了，聊一下整个历程，为什么我推荐开发者都参与开源。
起初是
@ccbikai
发现了这个 bug，astro 的 transition:name 不能为中文，我俩排查了一下午。是因为一次提交对transition:name做了合法css indent的处理，暴力去掉了中文等unicode字符。但是中文被转义后是可以作为css
3
0
31
BTC马上突破6w9，最近首页币圈信息变多了。
估计很多拿了空投的程序员，刚了解到加密货币，正好赶上大牛市，爱上炒币，赚的盆满钵满，最终倾家荡产。
9
0
32
水了一篇 Q1 季度总结
- 成为了 Astro Maintainer
- 和 WebWorker 录了一期播客
- 做了个小工具查询在 Astro 的第一个 PR
- 做了一个 Astro 中文 Showcase 网站
- 做了一个小型非正式分享
- 以及各平台 followers 的数据变化
6
3
31
写篇文章记录一下 Next.js app route 做国际化时，自定义 404 页面不生效的问题。
Next.js 真是一言难尽。
9
1
29
Astro 文档的 i18n Tracker 特别好用，它能帮助国际化多语言文档管理更新和翻译状态。
如今，它变成了一个单独的库了，叫做 Lunaria。
如果你的文档有 i18n 国际化多语言需求，可以试试使用 Lunaria 来管理。
3
3
31
昨天参加了稀土掘金开发者大会，疯狂 social 的一天，见了很多大佬。
有很多小礼品还有茶歇，很不错下次还来。
真是除了前端场全是AI，我也准备学一学AI了，搞起来！
欢迎各位加我微信交个朋友，也可以加群抱团取暖，一起聊前端，聊AI。
3
0
30
不知不觉突破1000关注了，关注我的推友只要主页有日常内容的我都回关了，如果有没关注到需要互关的可以评论或私我。
2024 年要
#postinpublic
，坚持发【从标题就能看出内容是什么】的文章。
欢迎各位一起学习，也可以加我微信JavaScript_2333，交个朋友~
10
1
29
新文章-使用 giscus 为你的 Astro 博客添加评论功能。
giscus 是一个基于 GitHub Discussions 的评论插件。
在本篇文章中，我们使用了 giscus 做评论，使用了 MutationObserver 来监听主题变化，使用了 Astro 的客户端指令。同时 giscus 也不限于
3
2
28
由于Astro 的中文文档落后于英文原版文档太多，现征集社区同学参与 Astro 中文文档的翻译。你可以得到开源经历，也可以提升英语，学会 Astro 框架。感兴趣的加我JavaScript_2333。我建个小群
2
3
27
新生代程序员群还不到300人，欢迎加入。
最近几天活跃了一下群，只能说运营社群很难，微信群本身不适合内容沉淀，但是可以交朋友，解答问题，群内有各个方向的技术大佬，还想加的私信我。
此外还有 Astro 群，如果你是 Astro 用户，带着你用 Astro 开发的网站私信我。
必须关注我，不是我的
8
0
26
这次空投是给 GitHub 按star数量排前5000的项目贡献过最少3次commit。
我的应该有两个：
Astro: 40k star
Deno: 92k star
2024继续all in 开源，欢迎关注我
2
0
27
大家对这个问题怎么看?
next.js 的 client 组件中使用 new Date().toISOString()，会导致服务端预渲染的和 客户端渲染的不一致，导致hydration 报错。
在 Astro 也会遇到同样的问题。Astro 中可以使用 client:only 指令来让该组件只在客户端渲染解决这个问题。
听说 React 团队有人想对 Date 做
15
2
27
年前发现Deno搞了一个叫JSR的东西，一个新的JS注册表，像npm一样。最近收到了邮件可以用了，今天试了一下。
为什么有了npm还要做JSR？
- ESM模块现在已经成为标准。
- 越来越多的JS运行时出现，以Node为中心的注册表将会不再适用。
- TS 目前已经成为事实标准，需要一个对 TS
1
2
26
使用 Astro 过程中，遇到问题，有以下几个途径：
- 加入我们的 discord，在 support 频道寻求帮助，
- 直接在 GitHub 提交 issue。
- 中文用户可以找我随时提供帮助。
一些相关文档：
- 从v3升级到v4:
- 从v2升级到v3:
-
2
4
26
Astro 4.14 发布啦。期待了很久的 ContentLayer API。
大家都知道 Astro 的 Content Collection 非常好用，可以很方便的管理本地文件。
ContentLayer 是更灵活的方案，你可以自定义 loader 来获取并管理来自任何地方的数据！
5
2
22
不懂就问，现在 meta 对 React 的影响力大还是 Vercel 对 React 的影响力大？
10
1
23
Astro 把测试用例从 Mocha 和 chai 迁移到了 node 自带的test runner。
本篇blog讲述了迁移的心路历程。
你知道node 现在有内置可用的test runner吗
1
0
22
世界很大，我不垂直。
最近在很多地方看了这个句话，好些小红书的签名也写着这句话。
在这个流量的时代，我们为了迎合推荐算法，必须去发很垂直的内容。
我的也是，可能这不是我很想成为的样子。
接下来会尝试发一些垂直以外、代码之外的生活内容。
世界很大，我不垂直，生活才会更有趣～
8
4
22