封面来自 Matt Emmons
说到早期个人网站，第一时间想起的还属是 QQ空间，因为它在当时确实扮演了非常类似“个人网站”的角色。经历了从 QQ 空间 → 博客 → 社交媒体 → 个人网站 的变化。每一次平台更迭，似乎都带来更高的效率和互动率，却也在悄悄削弱表达的“完整性”。现在人们大多习惯了在微信、小红书、X、抖音上分享片段、短句、截图，但越来越难以在同一个空间中，系统地表达一个完整的自我。而这正是我觉得个人网站重新被提起的原因。更多的不是怀旧，而是一种重拾表达自主权。当内容、数据与身份都被平台控制时，个站成为少数能完全由自己定义的数字领地——属于创作者的“自留地”。
早期的个人网站，大多源于一种“好玩”的冲动。对我们这一代人来说，QQ 空间几乎就是第一个“自我表达界面”：换皮肤、放漂浮物、改背景……那个过程像在装饰房间——不是为了效率，而是为了“这是我的风格”。放眼世界也一样。1994 年，Justin Hall 创建了早期博客网站 Links from the Underground，用来记录生活、思考与链接资源。
Justin Hall 被认为是“博客”或“个人主页”早期的先驱之一，他于1994年左右开始其个人网站 “Links from the Underground”。网站最初主要作为他个人生活、思考、链接资源的集合。
下面这个链接里存放了1996-1998 年的网站截图，甚至有一些现在看也还不错的设计。
Websites from 1996-1998
社会学家 Erving Goffman 在《Self-presentation in everyday life》中说：
社会互动像一场舞台表演，我们在不同场合中扮演不同角色。
那么，个人网站正是我们在数字空间中布置舞台的方式。每一个排版、每一个字体、每一个超链接，都是“自我”的再设计。
在微信、小红书、微博、抖音等社交媒体高度普及的当下，一些人可能会问：“我已经有很多社交账号了，还需要个人网站吗？答案是：取决于你想留下什么。个人网站确实有着社交平台无法比拟的独特价值。例如说你拥有对内容的完全掌控权，无需畏惧算法、规则。也不必担心被封禁账号。个人网站也逐渐成为个人品牌化、商业化的核心工具。在上面沉淀思想、链接资源、售卖产品。
个人网站的重要性其实不仅没有减少，反而因为差异化优势更加凸显。社交平台擅长即时传播和社交互动，但个人网站擅长打造体系化以及结构化的内容呈现和个人品牌沉淀。二者并非对立，而是互补关系。创作者们会同时经营好社交媒体和个人网站，用社交扩散影响力，用网站夯实品牌根基。
当然了，也不是所有的个人网站都是注重个人品牌的传播和产品售卖，也有一些艺术家们对个站有着独特的个性追求。
网站：
Portfolio Project
Portfolio Project — Curated Portfolios from Creatives
Portfolio Project 是一个策展性质的灵感来源平台，这类网站平台越来多了，但大多数平台还是为了收录而收录，有些收录的内容很水，平台也没有建立信任感。
SPENCER GABOR
Spencer Gabor
Spencer Gabor 是一名插画师、设计师和壁画艺术家。网站的用色和动效非常舒适，是让人眼前一亮的类型，作品展示上像一个小型的展览。作者甚至为网站做了几个可切换的配色方案。
Wall of Portfolios
The online home of Maxime's work
又是一个灵感来源平台，但内容来源聚焦于设计师。
Lorenzo Dossi
Lorenzo Dossi — Selected Works
Lorenzo Dossi 是一位独立设计工程师与动效设计师，他网站整体风格很干净，网站中很多经手的案例每个都值得拿出来仔细品鉴。
文章：
《网络美学与难忘设计的入门指南》一篇巩固基础向的文章，一句话总结就是“抠细节前一定要先确定好风格”
A Beginners Guide to Web Aesthetics and Memorable Design
《如何使用个人网站来提升你的思考和创新能力？》
How to use a personal website to enhance your ability to think and create?
工具：
一次性在多个设备／屏幕里预览你的网站，看它在手机、平板、电脑是不是都“好看／好用”。
Responsive Viewer – Responsive Design Testing Tool
专门生成“有创意的域名”工具。比如把关键词 + 顶级域名（TLD）组合成一个有趣／容易记的域名。 我觉得这一块很多人会忽略，但其实域名有时候真的还蛮重要。
Domainhacks.info
“极简风” 的网页工具，非常适合讲故事／做个人介绍页，用起来像发一个“消息气泡”式的网页＋可嵌入媒体，无需写代码。
texts
下面两个都是 在Notion 里写的页面，马上转成「专业网站」的工具。但从 notion 可以发布网站后，这类工具不太吃香了，但这类工具的特点是可以定制样式。
Super — Create Custom Websites with Notion
Popsy - No-code website builder that works like Notion
这个产品的用户主要是摄影师，或者说做视觉作品的人，功能相对比较全面：展示＋电商＋客户入口
Format: Create Your Online Portfolio Website
有趣的东西
TypeScript 工具库 “TypeGPU”的一个示例，这个效果看起来非常 Q 弹。
Examples | TypeGPU
一个交互式网页小玩具，可以拖动滑条，从“最大的已知尺度”（比如宇宙集合体）一路“缩小”到“微小粒子”的世界，看完皱纹都舒展开了。
Scale of the Universe: Discover the vast ranges of our visible and invisible world.