好文集ChatGPT Plus¥119

什么是好的个人网站,30个优质网站精选

文章目录

大家好,我是司徒K。

上一篇我聊了怎么用AI做个人网站,里面有一步是选几个真正喜欢的网站,截下相关页面,说明喜欢哪里,再交给AI。

但是如果你平时没怎么逛过个人网站,这一步就不太好做。你很难说清自己喜欢什么样的,因为见得还不够多。

所以这一期,我想先聊聊什么是好的个人网站,再推荐30个做得好的,海内外都有。

什么是好的个人网站

上一篇我说过,个人网站要说清四件事:你关注什么,为谁服务,做过什么,怎样合作。

在我看来,好的个人网站不一定要多好看,要紧的是把这四件事说清楚,而且让人愿意看下去。落到具体的网站上,大概是这么几点。

第一眼就知道你是谁。Rauno Freiberg的首页,一张白卡片上用大字写着自己是谁。Jessica Hische的第一句自我介绍里有个很特别的词,procrastiworking,看一遍就记住了。

来的人能找到自己要的东西。张晶娜把商业拍摄和个人艺术分成两个入口,客户和观众各进各的。鱼总的首页先问你想做哪件事,再给你一条路线。

作品讲得清来历。谁做的,自己负责哪部分,怎么做出来的。Bruno Simon的作品展台旁边有块牌子,写着作者担任的角色和合作方。杨泳梁的《设色山水》配了一段作者自述,每件作品下面写着题名和尺寸。

想合作的人知道怎么开始。Drice Roland在第一页就写了价格,Bear Liu写明了适合什么样的团队、至少合作多久、每月多少钱起。

有理由让人再来。Derek Sivers有一个Now页面,专门写最近在做什么。阮一峰的周刊每周五发一期,到今年10月底已经是第417期。

好看当然加分,但它不是门槛。这30个里有能开着车逛的3D世界,也有很朴素的博客,朴素的那些照样值得常去。

下面按做法分成五组,每个站都写了看哪里、怎么逛。序号只是为了方便你留言时说第几个,不是排名。每个网站下面都放了链接,点开就能看。有些站在电脑上打开效果更好。

网站本身就是作品

1. Drice Roland

driceroland.com

第一个我想放Drice Roland,因为它和上一篇讲的“个人说明书”最对得上。

这个网站打开就是一份PDF,文件名叫drice-roland.pdf。左上角是目录开关,底部是页码、缩放和打印按钮,和我们平时用的PDF阅读器几乎一样。

文章配图

Drice Roland的网站:一份7页的PDF。

全文一共7页,依次讲我做什么、我怎么工作、项目、客户、怎么合作。而且内容写得非常直接,第一页就把价格写出来了,品牌设计15000美元起,动态设计10000美元起,并说明这是全包的价格。

第二页讲合作流程,从第一通电话先看双方合不合适,到一份很长的书面问卷,再到每一步怎么确认。作者写得很明白,不想让你发四封邮件才知道做一个品牌要多少钱、什么时候能开始。

这份PDF也是真的能用。打开左上角的目录,可以直接跳到项目那一页,切到顶部的Index,就能按作品浏览,还可以点开放大看。想顺着读的人读文档,只想看作品的人切过去就行。

网站写的是个人,但大部分项目是作者和工作室office commun的团队一起做的,页面上也写清楚了。作品多是视频,有时候要等它加载一下。

PDF这个形式不一定人人适合,但是它先把介绍自己的顺序想清楚了,这一点谁都可以照着做。

2. Bruno Simon

bruno-simon.com

Bruno Simon走的是另一个方向,把网站做成了一个世界。

等它加载完,你会开着一辆小车进入一个3D场景,作者的名字就摆在场景里。按M键打开地图,上面标着Career、Projects、Lab这些地点。

想看作品,就在地图上选Projects,等过渡结束后把车开到展台跟前,按回车凑近看。

文章配图

Bruno Simon的Projects展台:作品、角色和合作方都写在牌子上。

比如Three.js Journey这件作品,旁边的牌子写着作者的角色是开发和培训,合作方是Hervé Studio和Bonhomme Paris。看完按Esc退出,再打开地图选Landing,就能回到入口。

虽然是开着车逛,但是作者担任什么角色、和谁合作,牌子上写得很清楚,这是我觉得它厉害的地方。而且作者做的就是这类3D网页,所以这个形式本身也在展示能力。

当然这样也有麻烦的地方。第一次加载要等一会儿,车的操控要学,急着找作品的人会觉得麻烦。网站说明里写了支持键盘、触屏和手柄,但我还是建议你用电脑打开。

所以这个站先欣赏就好,除非你的本行就是创意开发。

3. Rauno Freiberg

rauno.me/craft

Rauno Freiberg的首页没有3D场景,第一眼也很难忘。灰色的底,一张白卡片上用大字写着自己是谁,后面压着一个亮黄色的大圆,右边的卡片一张接一张往后排。

文章配图

Rauno Freiberg的首页:大字加一个亮黄色的圆。

我建议进Craft这个页面看看。这是一面作品墙,从2021年一直排到2026年,全是一个个界面细节,比如Vanish Input、Toolbar Morph、Precision Slider、Hold Enter to confirm。

有的作品标着View Prototype,能打开原型;有的标着Read Essay,是一篇文章;有的标着View Production,指向上线的产品。并不是每张卡片都能动手操作,这个要有心理准备。

另外可以从Projects进到Web Interface Guidelines,这是作者公开的一份界面细节清单,按交互、文字、动效、触控等分类。比如频繁使用的操作要少加动效,脚注里用macOS的右键菜单来解释原因,还明确说这是一种品味上的选择。

想让别人相信你注重细节,这样一件件摆出来是很好的办法,做设计和前端的朋友可以照着试试。

有些作品的名字就带着Vercel,作品墙上没有展开讲具体分工,所以看的时候把它当成细节的灵感就好。这个站我也建议用电脑打开。

4. Lynn Fisher

lynnandtonic.com

Lynn Fisher是一位网页设计师,首页做得像一本书的目录。纸张的纹理,带花饰的大字,About、Work、Thoughts、Archive这些入口排成章节,后面跟着点线和罗马数字,底下还写着v. XIX。

这个v. XIX指的是第19版。进Archive看看,里面是这个网站历年的样子,每一版都有缩略图和版本号,一直追溯到2007年,有些版本还配了改版复盘。

文章配图

Lynn Fisher的Archive:这个网站历年的版本。

你可以再读一下2025年那一版的复盘,发布于2026年1月。作者这次想做得简单又好玩,于是想了个主意。按复盘里的说法,你在电脑上拖动浏览器窗口,内容会被拉伸、压扁,松手再弹回原样。作者自己的总结是,调整大小是徒劳的,但是好玩。

这篇复盘也讲了取舍。比如Thoughts这类页面不再每年复制一份,只保留一个Archive入口,这样维护起来轻松,读旧文章也不会感觉突然换了一个网站。

所以个人网站不一定要一次做到位。你可以把它当成一件每年都能玩一下的作品,想清楚哪些地方值得折腾、哪些地方不折腾就可以了。

5. Jacob Collier

jacobcollier.com

Jacob Collier是音乐人,这个网站大概是这30个里最容易让人想截图的。

一片草地上放着一个微缩的音乐工作室,钢琴、鼓、键盘、吉他、书架都在里面,屋顶上还坐着一个小人。右边是Tour、Music、Watch、Store这些入口。

文章配图

Jacob Collier的首页:草地上的微缩音乐工作室。

好看归好看,该有的入口都在,比如点Tour,就能看到演出信息和官方购票入口。

这是团队制作和运营的网站,不是音乐人自己一个人做的。手机上打开,底部会先弹一个Cookie提示。

普通人不需要做这么大的场景,放一张自己工作台或者书架的真实照片,也能让别人一眼知道你是做什么的。

作品就是最好的自我介绍

6. 张晶娜 Jingna Zhang

zhangjingna.com

张晶娜是摄影师和艺术指导,官网打开就是一面封面墙,The Hollywood Reporter、TIME100、Harper's Bazaar,一张接一张。没有大段的自我介绍,只有一行很小的导航。

文章配图

张晶娜的官网首页:一面封面墙。

导航也分得很清楚,Fashion、Beauty、Celebrity这些商业门类,和Fine Art下面的个人艺术系列是分开的。想找人拍片的客户和想看作品的观众,要找的东西不一样,各进各的入口就可以了。

你可以点Fine Art,进入Motherland Chronicles这个系列,点开大图,往后翻几张,再点右上角关闭回到网格。

大图上的控件比较小,翻前两幅时也没有看到醒目的题名和年份。

手机上它是单列大图,看起来也很舒服。做视觉工作、同时要面对客户和观众的朋友,可以多看看这个站。

7. 杨泳梁 Yang Yongliang

yangyongliang.com/new-gallery-85

杨泳梁是一位艺术家,学过传统中国画,后来用数字城市图像重新组合山水。这个站我建议直接进《设色山水》(Imagined Landscape)这个系列。

作品远看是一幅传统山水,有云雾、瀑布、枯树。放大以后你才发现,山是一栋栋城市建筑堆出来的,云里立着的是电塔。

文章配图

杨泳梁《设色山水》中的Goose:山体由城市建筑组成。

所以在这个站上,一定要放大看。这个系列是一条横向的作品带,上面有作者2021年写的自述,讲在纽约回想上海,以及怎样转向色彩和希望的探索,每件作品下面有题名和尺寸。

想放大要点作品右上角的“+”。直接点图片只会让作品带横向移动,这个地方容易误会。放大后看不到题名和尺寸,要关掉回到作品带才能看到。

首页也值得看一眼,打开时是一幅全屏的作品,左下角标着当前项目。不过从首页菜单找到这个系列不太直接,所以上面的链接直接通到这个系列。

一个系列配一段作者自述,每件再写上题名和尺寸,看的人就知道作品从哪里来。以系列创作的艺术家可以照这个放。

8. Dan Winters

danwintersphoto.com

Dan Winters是摄影师,左上角的标志做得像一块老招牌,写着Photographic Winters Systems,很有味道。

左边是长长的系列目录,Artemis Program、Star Wars、Breaking Bad、Blade Runner都在里面。

文章配图

Dan Winters的Artemis系列:打开THUMBNAILS之后。

进Artemis Program这个系列,先看一张大图,再点左下角的THUMBNAILS,大图下面就会出现一排缩略图。这样你既可以一张张慢慢看,也可以快速扫完整组再挑。

想慢慢看还是快点看,由看的人自己选。你如果有成组的照片,不管是摄影作品还是活动现场,都可以这样放。

9. Malika Favre

malikafavre.com

Malika Favre是插画师,给《纽约客》画过不少封面,色块和线条非常抢眼。

打开官网,第一屏先是商店的内容,想看作品要点顶部的WORK。我推荐一条路线,WORK进Society,再点All New Yorker,就能看到一组封面。

文章配图

Malika Favre的封面档案:Escape和The Cover Story按钮。

选2021年那张Escape,点旁边的The Cover Story,会跳到《纽约客》网站上的一篇访谈,讲这张封面里的猫、窗光和建筑是怎么来的。

作品旁边放一个故事的入口,看的人就能知道这张图是怎么来的。你的作品如果被媒体报道过,也可以这样把报道接到作品旁边。

这条路线要跳到外站,其他作品的故事入口不一定都是这样。逛的过程中还可能弹出一个折扣订阅的窗口,关掉就行。

10. Jessica Hische

jessicahische.is

Jessica Hische做字体和手写字设计,首页第一句自我介绍里有个很特别的词,procrastiworking,大意是用干别的活来拖延正事,一下子就能记住这个人。

第一次打开会弹出订阅窗口,先关掉,再往下看作品。

可以点进Hallmark Signature这个案例。左边写客户、自己做了什么、艺术指导是谁,右边是实物大图,一张张带木质挂饰的圣诞贺卡,字就印在上面。

文章配图

Jessica Hische的Hallmark案例:说明在左,实物在右。

再看Audible的《傲慢与偏见》那个案例,除了成品,还放了早期的探索稿,说明怎样调整层次,并写上了水彩部分的协作者。

草稿、实物和协作者都放出来,看的人才知道这件作品是怎么做出来的,也知道哪部分是作者自己做的。

内容也能做成作品

11. Nicholas Felton / Feltron

feltron.com

从2005年到2014年,Nicholas Felton每年都把自己的日常记录整理成一份个人年度报告,去了哪里、拍了多少照片、走了多远,全部排成年报的样子。

首页就是一排大号的年份,我建议点开2014,这是第十份,也是最后一份。里面有16幅图版,点开可以放大,再往后翻。

文章配图

Feltron 2014年报:纽约这一页,按四个季度排列。

第3幅是纽约,四个季度各占一块,每块都有地图、圆形照片和同样的几项数据,比如第一季度在纽约待了67天,拍了186张照片。下一幅叫Sources,写了每类数据用什么工具记录、记全了多少,没记全的也写在上面。

这个系列已经结束了,图版上有些小字看起来也比较费眼,当一本年报慢慢翻就好。

上一篇讲个人说明书,说的主要是你关注什么、做过什么。其实一年的生活也可以放进去,不用记十年,先把今年的读书、跑步或者旅行整理成一页就可以了。

12. Bartosz Ciechanowski

ciechanow.ski/moon

Bartosz Ciechanowski的首页就是最新的一篇长文,现在打开是Moon,讲月球的。

往下读几段,背景变成黑色,中间出现一轮月球,下面有一根滑杆。你往右拖,旁边的日期和时间在变,月面的光照也跟着变。

文章配图

Bartosz Ciechanowski的Moon:拖动滑杆,日期和月面光照一起变。

正文讲到什么,下面就给你一个能拖的东西,所以读的时候不用全靠想象。

除了月球,Archives里还有机翼、自行车、声音、手表、GPS和齿轮,都是一篇长文讲透一个东西。你对哪个好奇,就从哪篇开始。

这样的长文投入很大,一般人很难照着做。但是给别人讲复杂的东西时,可以想想有没有一个变量值得让读者亲手拖一下。现在让AI帮忙写这样一个小滑杆,比以前容易多了。

这个站我建议用电脑打开。

13. Nicholas Rougeux / C82

c82.net/work/euclid

C82是数据艺术家Nicholas Rougeux的个人网站,里面有古籍、颜色、矿物这些题材的作品,我建议先看Byrne's Euclid。

1847年,Oliver Byrne出过一版彩色的《几何原本》,用红黄蓝黑的图形代替字母来讲证明。Nicholas把前六卷重新做成了网页,这套配色到今天看也不过时。

比如第六卷第四命题,正文里夹着很多小图形。点其中那段红色的弧,右边的大图就只留下这段红弧,其余部分淡出去,正文说的是哪里一下就清楚了。

文章配图

Byrne's Euclid:上面是首页,下面是点了正文里的红弧之后,右边大图只留下对应的部分。

为什么要做这个交互,作者在制作记里也写了,因为自己读的时候对照图文很费劲。这也是整个项目最花时间的一步,要给正文和图形一一建立对应。原书的长s字母也保留了下来,读起来要适应一下。

打开这个站时,可能会先过一道自动的安全验证,等一下就好。

14. Nicky Case

ncase.me/nutshell

Nicky Case的首页有一个手绘头像,作品直接分成可以玩的、可以读的、可以看的三组。

我建议先试Nutshell。页面上带冒号的词都可以点,点开以后解释就出现在原文下面,里面的词还能接着点,再展开一层。看完收起来,还是刚才那句话,不用跳到新页面再找回来。

文章配图

Nicky Case的Nutshell:解释就在原文里展开,还能再展开一层。

这样懂的人可以直接跳过,不懂的人当场补上。Nutshell本身也是一个工具,页面上有文档和代码入口,想用到自己网站上可以看看。

15. 宝玉

baoyu.io/blog/gpt-6-astra-peach-blossom-land

宝玉的首页就是一列文章,很朴素,但是有一篇我建议点开看,《我用 GPT 6 Astra 做了一个 3D 版的〈桃花源记〉》。文章开头第一句就是先放成品,下面直接给了体验入口。

点进去是一个3D的山谷,有村舍、水塘和成片的树,右下角有个“循文入境”。

文章配图

宝玉的3D《桃花源记》:豁然开朗这一境。

点它就进入二十幕导览,从缘溪行开始,一幕一幕往下走,原文和白话都有。作者建议戴上耳机,进入导览会自动开始朗诵,在办公室的话先把声音关小。退出之后,页面还会提示可以接着上次的位置看。

看完成品再回到文章,后面写了怎么生成、朗诵怎么做、工程上怎么收尾,还附了提示词,想学的人可以照着试。

另外这个站里原创和翻译都有,导航上是分开的,看的时候留意一下。

把自己能做什么讲清楚

16. 鱼总

yuzong.ai

如果你在做个人IP或者一人公司,这个站可以多看一会儿。

左边是一条深色的常驻侧栏,放着头像、罗盘和联系方式,右边大字写着“688 元起步,500 万用户”。这些数字是作者自己写的,我没有核实过,不过一句话就把这个人的经历交代了。

文章配图

鱼总的首页:先问你现在想做哪件事。

往下是“你现在在想做哪件事?”,三张卡片分别是做产品、做内容、找副业,每张后面接一条路线。来的人不用先弄明白作者有多少业务,选自己想做的那件事就可以了。

产品与工具这一栏,每个产品写了名字、用途和打开入口,公开进展也把已经完成、现在在做、接下来要做分开写。

产品和开发过程目前还没有完全连起来,比如PaywallPro,站内搜索没有搜到对应的开发文章,想看它是怎么做出来的,还得自己再找找。

17. goodfun 谷放

goodfun.studio

这是一个中文的一人工作室网站,米白色的底,留白很足,用的是衬线字体,很安静。

如果你接外包或者定制开发,我建议看首页“项目始终在你手里”这一段。它分三条写,资产归你,代码进客户能访问的仓库,部署账号和关键资源由客户掌握;过程可见,按阶段同步可运行的成果和进度;可以接手,交付源码、部署说明和技术文档。

文章配图

谷放的首页:项目始终在你手里。

找外包的客户担心的,就是做到一半人找不到了,代码也拿不回来,这段话正面回答了这件事。当然这些是工作室自己的承诺,真实的交付情况我没有核实。

网站上还有一个库存分析的试运行,不用注册,用的是合成数据。比如把交期改成45天,下面的水位和缓冲天数马上就变了。页面也写明了这是体验页,不是产品。

不过一键演示拿不到完整结论,要把六项口径确认完才会出正式排序,第一次看可能会有点摸不着头脑。

18. Bear Liu

bearliu.com/partnership

Bear Liu在上一篇里出现过,当时看的是MovesMethod案例。这次可以从案例继续往下走。

案例底部有个See how a partnership works,点进去是合作说明,写了适合已经有产品或MVP、需要持续资深设计的团队,每周怎样讲解优先级,上线前怎样看真实构建,至少合作一个月,起价也公开写着,每月4000美元起。

文章配图

Bear Liu的合作说明。

再点Compare all three ways to work together,可以按一次审计、关键流程冲刺、持续伙伴三种方式,比较分别解决什么问题、交付什么。

这样从案例到本人职责,再到合作方式,就连成了一条线,访客不用先发消息,自己就能看出合不合适。

另外,MovesMethod这个案例写的状态是已通过App Store审核、等账号迁移后公开发布,所以还不算正式上线。

19. Brittany Chiang

brittanychiang.com

Brittany Chiang是前端工程师,这个站很适合正在准备履历的人看。

深蓝色的底,左边是名字和导航,右边依次是About、Experience、Projects。首页只放精选,完整的项目历史放到Archive,按年份列出来,想深入看的人再点进去。

文章配图

Brittany Chiang的首页:按一次Tab,左上角出现Skip to content。

还有个小细节,第一次按键盘Tab键,左上角会出现一个Skip to content,回车就能跳过导航直接进正文。这一条路径不代表整站的无障碍都达标,但是能看出作者在意这些事。

20. Anthony Fu

antfu.me/projects

项目很多的时候怎么放,可以看Anthony Fu的Projects页面。最上面是Current Focus,也就是现在主要在做的,比如Vite DevTools、Nuxt DevTools,下面再按技术生态和用途分组。

文章配图

Anthony Fu的Projects页面:先列当前重点。

这些分组不写代码的人看着会有点陌生,不过往下翻到Games,有一个谁都能玩的汉兜,猜四字词语的中文小游戏,页脚写着是和Inès合作做的。

简单的网站,一样值得常去

前面这些大多好看。开头说过,好看不是门槛,下面这几个第一眼没那么惊艳,但是内容放得很有条理,有些做法比好看的页面更容易学。

21. Maggie Appleton

maggieappleton.com

这个站其实也挺好看,米白色的底,配手绘插图,所以我把它放在这一节第一个。

内容分成Essays、Notes、Patterns几类,长文、还没成熟的笔记、设计模式各放各的。读一篇文章,比如讲数字花园历史的那篇,开头标着evergreen,还有种下和最后打理的时间。

文章配图

Maggie Appleton的长文:左边是目录,正文配手绘插图。

作者用幼苗、发芽、常青三个阶段,来说明一篇内容长到了哪一步。这样没写完的想法也可以公开,读者看一眼状态就知道它还在生长。如果你总觉得文章没写完不能发,可以试试这个办法。

作者也说自己的网站有点过度工程化,折腾技术本身就是爱好,所以学状态标记就够了,技术不用照搬。

22. Zara Zhang

zarazhang.com

上一篇提过Zara的首页,直接放文章标题和摘要。这次可以读到文末。

比如《To learn anything, first unlearn school》,从一个朋友学英语的事讲起。读完下面有RELATED,里面有一篇讲AI和语言学习的文章,话题正好接得上,就可以一篇接一篇读下去。

23. Derek Sivers

sive.rs/now

Derek Sivers的网站样子很简单,我建议直接看Now这个页面。

开头写着更新于2026年10月21日,人在新西兰的家里,那边刚入春。下面是最近去了哪里、在反复听哪张专辑、最近被什么垃圾邮件烦到。页面上还有一句话,如果你有自己的网站,你也应该做一个这样的页面。

文章配图

Derek Sivers的Now页面。

About回答我是谁,Now回答我最近在做什么。这样就不用每隔一阵子重写自我介绍,改这一页就可以了。如果你还没有网站,这大概是最容易抄的一个做法。

24. Owen Young

owenyoung.com/collections

Owen Young的站里内容很多,可以从Collections看起。

第一组叫“一些我写的东西”,下面是Now、Thoughts、Posts、Photos、Uses,每一项都写着有多少条、最近什么时候更新。再往下是收藏、消费内容和关注领域。

进到Articles,外部文章都标着来源域名和原文入口,自己写的和收藏别人的不会混在一起。分类确实不少,第一次来要花点时间选。

25. 王登科 DK

greatdk.com

王登科的博客是很传统的样式,标题、导航,右边一列侧栏。这个站有意思的地方,是做事和生活都放在这里。

可以先读《我在阿那亚的海边住了10天帐篷,做了一个AI装置艺术》,这是和艺术家任爽一起做的作品,文章里写明了分工,对方负责外形和灯光,作者负责树莓派、电路、逻辑和AI。

文章配图

王登科的项目文章:阿那亚海边的装置艺术。

然后点顶部的“文字”,读《吾猫茶水》,开头还链到一篇更早的《猫到中年》。做项目的文章和写猫的文章放在一起,读完对这个人的印象,比看履历具体多了。

26. 阮一峰

ruanyifeng.com/blog

阮一峰的个人网站,主页入口很少,只有网络日志、文集和联系方式。

内容主要在网络日志里,科技爱好者周刊每周五发布,到今年10月底是第417期。每一期有期号、日期和封面图,上一篇和档案的入口也都在,想翻以前的很方便。

文章配图

阮一峰的科技爱好者周刊第417期。

如果你想做一个固定栏目,可以照这个来,样子朴素一点没关系,能一期一期做下去、翻得到就可以了。

27. Limboy

limboy.me

Limboy把自己的网站叫HQ,导航有碎碎念、随拍、发现、周记、系统、影视剧。

可以读一篇周记,比如2026年第42周。日常那一栏写打扫天台、清晨去花港观鱼转了一圈,后面是自己做的项目。日语学习、线描、短片创作这三项,都只写了四个字,没有进展。

再去读“系统”这一页,从日常习惯一直讲到价值排序。周记记每周发生了什么,系统放比较稳定的想法,两种内容各有地方放。

28. Andy Matuschak

notes.andymatuschak.org

Andy Matuschak的笔记网站样子很简单,阅读方式很特别。从Evergreen notes进去,点任意一个链接,新内容在右边打开一栏,原来的笔记还留在左边,可以对照着读。

文章配图

Andy Matuschak的笔记:新内容在右边打开,原来的还在左边。

作者写明了这些笔记主要是写给自己的,公开只是一个实验,外人可能看不太懂。所以别把它当入门读物,对做笔记感兴趣的话,进去感受一下这种读法就好。

29. Steph Ango

stephango.com

Steph Ango是Obsidian的CEO,个人网站也是用Obsidian写、再用Jekyll编成网页的。首页只有三块,最新一篇、主题、按年份排的文章。

文章大多很短,比如《40 questions to ask yourself every year》,每年问自己的40个问题。作者说做完一遍通常要一周左右,还提供了35种语言的版本。

也可以从Topics点evergreen,读一篇讲常青笔记的短文,这个词正是来自上面的Andy,文章末尾也写了。往下翻到Linked mentions,点How I use Obsidian,就从一个想法走到了具体做法。

30. Simon Willison

simonwillison.net/guides

Simon Willison的博客更新很勤,首页长文、短链接、引语、笔记都在一起,信息很密。

如果你在关注AI,可以点Guides,看Agentic Engineering Patterns这份指南,讲怎样用好Claude Code、Codex这类编程智能体。它按原则、测试、理解代码等分组,每一章都能看到整份目录,也能接着读下一章。

平时零散地写,攒够了再整理成一份有顺序的东西,这个办法写什么的人都可以试试。

先逛哪几个

写文章的,可以先看Zara、Derek、Owen、Limboy。想接活、找合作的,先看鱼总、谷放和Bear。做摄影、设计、插画的,先看张晶娜、Dan Winters、Jessica Hische。手里还没什么东西的,先学Derek的Now页面,再学Drice把介绍的顺序想清楚。

Bruno这种先欣赏就好,不用急着学。

逛的时候,看到喜欢的就截个图,顺手记一句喜欢哪里。说不清的话,就拿开头那几点对一对,是第一眼让你记住了,是想找的东西一下就找到了,还是合作方式写得清楚。攒够三个,交给AI的时候你就可以说,要第一个的内容顺序、第二个的留白,不要第三个的动效。这比说“再高级一点”有用多了。

如果你还见过别的好网站,或者已经做好了自己的网站,欢迎留言告诉我。

全文完
查看原文