用一顿饭钱搭建个人网站笔记

这是一篇建站笔记。总结一下自己的个人网站「拾光共长」（www.cogrow.top） 从 0 搭建的过程，主要聊聊为什么做、技术选型的取舍、实现方案、花了多久、花了多少钱。

先看效果，有个直观感受。

首页：顶部是「拾光共长」主视觉与数据面板，下面是按文章 / 图片 / 视频 / 音频分类的最新更新。*

十年系列「与光同行」板块：按照 10 大领域，一期一期慢慢更新。每个板块会展示已经有几期内容，有内容的板块会点亮。

最新更新板块：将最近更新的作品按照文章 / 图片 / 视频 / 音频分类展示，方便大家了解最新的内容

列表页用了暖色隔行配色，和整体主题融为一体。

文章阅读页：可自定义正文排版（比公众号自由很多），文末还有一张「金句卡」。*

移动端效果：

一、现在有各大平台了，为什么还要做一个个人网站？

公众号、抖音、视频号、小红书、B 站……平台又多又香，为什么还要折腾一个自己的网站？

在第三方平台红利不断的今天，建设一个独立网站看似是“逆潮流”的折腾，但从长期来看，它有着不可替代的独特价值。主要有以下几点思考：

1. 真正掌握内容和数据的自主权

在第三方平台上，账号、内容、粉丝的“所有权”其实并不完全属于创作者。平台规则的调整、算法的更迭，甚至偶尔的系统误判，都可能让多年的积累面临风险。而独立网站的内容存储在本地和自主选定的服务器上，数据备份和迁移完全由自己掌控，不受平台规则的限制。

2. 拥有完全自由的表达与排版空间

公共平台为了标准化运营，通常会限制文章格式、音视频尺寸及页面功能。在自己的网站上，你可以自由决定版面设计，根据需要添加交互功能（如特定的搜索、分类、数据可视化等），不受样式模板和特定审核口径的束缚，让表达回归其本来的样子。

3. 构建统一的“数字自留地”

当我们的文章、图片、视频和音频散落在各个不同的平台时，彼此之间是割裂的。个人网站则像是一个聚合器，能够将这些不同形态的创作围绕同一套知识体系或主题组织起来，形成一个结构清晰、逻辑完整的个人知识库。

4. 打造属于自己的“数字化名片”

第三方平台的内容往往随算法转瞬即逝，难以形成系统性的个人品牌。而独立网站是一个长期稳定的入口：

• 系统化呈现： 它打破了“信息流”的局限，让访问者能够通过清晰的导航，系统地了解你的内容构建路径与作品，而不是在碎片化的动态中翻找。
• 沉淀长期的信任资产：拥有一个独立域名的网站，本身就传递了一种长期主义的创作态度，更容易在专业领域内建立起辨识度与信任感。
• 连接更多可能： 它是面向外界的开放窗口。无论是职业发展、商业合作还是结交同道，一个结构完整的个人网站都是比普通社交账号更具分量的名片。

主流平台用来获取流量，网站用来沉淀资产。 两者不冲突，我把平台当"分发与传播渠道"，把个人网站当"老家"。

二、个人网站的技术选型

选型时我给自己定了几条原则：不过度设计、长期可维护、内容与代码分离、几乎零运维成本、未来能自由扩展。

几个取舍：

• 为什么不用 WordPress / 现成博客平台？

它们上手快，但要么要自己运维服务器和数据库，要么又回到"被平台框住"的老路。我想要的是完全可控、可编程。

• 为什么是 Vercel？

对个人项目几乎零成本、零运维，自动 HTTPS、自动构建。（唯一的遗憾是国内访问偏慢，后面根据情况在优化和调整。）

三、整体方案流程

整体流程其实很简单，可以一句话概括：内容是文件，代码把文件渲染成网站，平台自动部署。

在这个骨架之上，我做了几个自己比较满意的小功能：

1. 「与光同行 · 10 大领域」内容体系。

把内容按哲学、思维、品格、历史、科学、艺术、人际、财富、生活、心灵 10 个领域组织，每个领域可以同时容纳文章、图片、视频、音频，首页和栏目页会自动统计各领域的作品数与覆盖情况。 每个领域的作品数会自动汇总，点进去能看到该领域下分类的全部作品。

2. 一份内容、多种形态（"一鱼三吃"）。

同一个主题可以拆成文章 + 视频 + 音频，用一个"期号"串起来，方便交叉跳转。

3. 一个本地可视化后台（CMS）。

为了简化各种文件的配置工作，我做了一个可视化的内容后台管理平台，可以可视化地新建、编辑、移动内容，调样式，最后一键"发布"到线上。 本地后台「管理内容」：可视化管理所有文章 / 图片 / 视频 / 音频。

4. 微信 / B 站内容一键导入。

贴一个公众号文章链接或 B 站视频链接，自动抓取正文、把图片重新存到本地、生成 Markdown，省去大量搬运的体力活。

5. RSS 与开放。

提供RSS订阅，不依赖任何平台也能持续触达读者。

6. 一些体验细节。

全站搜索、明暗主题、移动端适配、文末金句卡、浏览量与点赞统计……后面在按需逐步打磨优化吧。

能够根据色彩偏好，选择不同的主题风格：

四、花了多长时间

基本上编码部分都是AI帮我完成的，我主要负责提供方向和检查效果，不断的打磨优化，整体的耗时大概如下：

• 搭骨架（框架 + 部署跑通）：

大约 1 天，第一次 push 看到线上能访问的那一刻还挺惊喜的。

• 核心功能（内容体系 + 后台 + 导入）：

陆续利用业余零碎的时间，总共加起来大约 3 天。

• 打磨细节（移动端、配色、各种小优化）：

基本是边用边改，持续进行中，大约2天。

先用最小可用版本上线，再慢慢迭代。上面基建工作完成后，后面改动不会很频繁，重要的投入是持续的内容创作所需要的精力和时间。

五、成本

目前投入的主要显性成本就是购买域名花了39块钱。隐形成本就是你投入的时间和精力。

唯一的遗憾就是：Vercel 的节点在境外，国内打开偏慢。如果以后要为国内访问提速，需要做 ICP 备案 + 国内服务器 / CDN，那时成本大约会到 ¥100–300 / 年。基本上一年少出去吃一顿饭就够了。

六、结语

建个网站只是个开始，后续持续的输出和内容创作，才是真正赋予它生命力的核心。

在AI时代，技术搭建并不困难，难的是在这片“数字化自留地”上长久地播种与耕耘。在追求快节奏和即时反馈的今天，维护一个独立网站更像是一场属于创作者的马拉松。它可能无法在短期内为你带来庞大的流量，但它能让你在喧嚣的信息网络中，拥有一片可以安静思考、系统沉淀的土壤。

做时间的朋友，慢下来，去记录，去表达，去构建一个更系统、更真实的自己。

—— 拾光共长 · www.cogrow.top