不会敲代码的律师，用AI 手搓曼昆律所官网

曼昆官网 V1.0 版本今晚悄悄上线了。

从 2026 年7 月 9 日留下第一版记录，到今晚 7 月 22 日，这个代码仓库里已经有 361 次提交。首页、服务页、律师主页、文章系统、问答系统、后台、内容迁移和上线部署，100% 是由红林律师一个人做出来的，而我，并不会敲代码。

但这篇文章，不是一篇“AI 十分钟生成官网”的爽文。我想借曼昆官网 1.0，认真拆一拆一个不会敲代码的律师，怎样用 AI 正经做出一个完整的互联网产品；也把网站前台、后台和法律服务之间的设计思路摊开来，给正在用 AI 做产品的人留一份阶段性记录。

网站得有曼昆的品味

最早的想法其实很简单：曼昆需要一个更符合曼昆律所品味的官网。

传统律所官网有一套非常成熟的模板。深蓝或暗红色背景，城市天际线，法槌、天平、罗马柱，再配上一排“专业、高效、诚信、卓越”。这种网站当然稳妥，但曼昆长期服务 Web3、人工智能、加密支付、RWA 和跨境业务，我们的客户每天都在做新产品、跑新市场。如果我们的网站看起来还停在十年前，多少有点说不过去。

我没有先选模板，而是先问：一个潜在客户打开曼昆官网，最想确认什么？

首页第一屏只回答一件事——你们是否真的理解我所在的行业。于是页面没有先堆律所历史和荣誉，而是直接写清楚：专注 Web3.0 新经济，深耕区块链、AI 与科技金融。再往下，读者才会依次看到服务场景、专业律师、研究内容和咨询入口。

视觉上，我也没有把“科技感”理解成黑底、荧光蓝和不停旋转的地球。主色来自曼昆的橙色标识，背景用暖白、浅灰和克制的渐变。页面保留了较多空白，因为法律服务本来就是高信息密度的生意。界面太复杂，用户就会感到累。

右下角那只胖橘猫，是整个网站里最不像律所官网的存在。

它最初只是一个小彩蛋，后来被我做成全站咨询入口。读者在首页、律师主页、研究文章或问答详情里都能找到它；从具体内容页进入咨询时，系统还会带上当前阅读主题。

可爱只是表面，降低客户开口的心理压力、少让人找一次联系方式，才是它真正的产品作用。

前台每一页，都要完成一件事

我做页面时给自己定了一个小原则：每个页面先明确一个主要任务。用户进来以后，如果不知道为什么要继续看、下一步往哪里走，这个页面大概率就失败了。

服务页：不要求客户先学会法律分类

客户通常不会说：“我需要一项公司法服务。”他更可能问：我的 AI 产品要出海，数据合规从哪里做；我准备开展加密支付，第一张牌照怎么选；项目出现涉币争议，账户被冻结了怎么办。

所以，网站没有按照传统法律部门来分业务，而是把服务拆成六组真实场景：Web3 与区块链、AI 产品与出海合规、RWA 与加密基金、科技金融与加密支付、牌照申请与监管应对、争议解决与刑事风控。每一组继续落到产品、资金、数据、牌照、证据和处置动作。

客户不需要先理解律所内部怎样分工，才能判断曼昆能不能帮到他。

服务页后面的数据，也不是为了做一排好看的数字。项目经验、案件数量、专业团队和行业年限，至少给了读者几个可以快速理解的事实锚点。它们不能代替专业能力，但比“国际化、专业化、精品化”更有判断价值。

律师主页：一张可以持续生长的专业名片

团队页回答的是另一个问题：专业的法律服务，最后由谁来做。

团队首页没有把律师压成一面密密麻麻的证件照墙，而是先呈现人物、职务和核心业务标签。客户可以先按自己关心的方向找到人，再进入具体律师主页。

我对律师主页的期待，并不只是一份线上简历。它更像律师自己的专业博客和长期身份页面：专业介绍、教育与执业经历、代表项目、服务方向放在这里，律师过去发表的文章也会自动聚合到同一页面。

读者可能先看到一篇文章，再顺着作者进入主页；也可能先认识一位律师，再继续读他过去对某个行业问题的判断。

这也是一个可以被分享的页面。

律师在微信、朋友圈或其他社交平台转发时，分享出去的不只是一个名字，而是一套完整、持续更新的专业信息；客户看完后，可以直接发起咨询。律所品牌负责建立第一层信任，文章和项目经历负责证明专业判断，咨询入口负责承接下一步动作。三者在同一个页面里连起来，律师才不只是官网上一张静态照片。

内容页：先替读者降低理解成本

很多律所网站把所有内容都装进“新闻中心”：律所获奖、领导来访、法规转载和专业文章混在一起。读者点进去以后，还要自己判断哪一篇真正能解决问题。

曼昆把内容拆成三条线。

曼昆研究放深度文章和专业判断；曼昆问答处理客户会直接搜索的问题；曼昆动态记录活动、合作和团队进展。这不只是栏目分类，而是三种不同的阅读目的：我要系统研究一个问题，我现在就有一个问题，或者我想了解这家律所在做什么。

文章详情页里，我又往前多走了一步。

长文章开头会给出 AI 智能摘要，让读者先判断这篇内容是否与自己有关；页面同时自动识别正文结构，生成可跳转的文章目录。服务标签负责把专业内容与具体业务连接起来，作者信息和咨询入口则把内容重新带回到人和服务。

这些功能看起来只是几个小模块，背后其实是一套内容产品思路：读者不必从第一行硬读到最后一行，才知道文章有没有价值；客户也不用看完一篇复杂的监管分析后，再回到首页重新寻找对应律师。

为了让专业内容不只服务当前读者，文章还配置了规范网址、社交分享卡片、常见问题结构化数据、站点地图，以及面向 AI 检索的站点说明文件。目的并不是追逐新名词，而是让客户以后在微信、搜索引擎、ChatGPT、DeepSeek 或豆包里提问时，曼昆已经写过的答案能够被准确找到，也能够回到清晰、完整的原文。

问答页则更短，更接近客户真实的说话方式。比如：“使用 AI 智能体自动处理支付，出现资金损失或合规问题，谁承担责任？”这不是一篇论文题目，而是产品负责人上线前真的可能拿来问律师的话。

进入详情以后，页面先用智能摘要给出结论轮廓，再依次还原用户场景、解释为什么、给出建议动作，并明确法律边界。这样既让读者获得有用的初步判断，也避免把一篇公开问答误解成基于完整事实出具的正式法律意见。

后台不止是 AI 工具箱

官网前台解决“客户看什么”，后台要解决的则是“曼昆怎样基于AI 持续生产、审核和发布网站内容”。

如果每次发一篇文章，都要律师把飞书内容复制进陌生的后台，重新上传图片、调整标题层级、填写作者和标签，这套网站很快就会因为太难维护而停下来。

曼昆作为一家长在飞书上的律师事务所，所以我把飞书导入做成了后台的基本能力。律师仍然在熟悉的飞书里写稿，完成后把文档链接粘贴即可，剩下的完全交给AI：标题、层级、加粗、图片和作者信息尽可能原样进入编辑器，再经过预览、发布和正式站回读。它不是简单的复制粘贴，而是在飞书权限、用户与机器人身份、普通文档与知识库链接、图片下载和富文本转换之间搭一座桥。

文章进入后台以后，AI 会继续做一轮结构分析：生成智能摘要，提炼搜索标题和描述，识别常见问题、服务标签和封面建议。这些结果都不是直接替律师拍板，而是先变成可检查、可修改的候选项。律师负责事实和专业判断，AI 负责把重复的整理工作尽量向前推。

后台还在尝试把热点发现、选题判断和内容生产接起来。系统可以获取新闻线索，判断哪些事件真正与客户、Web3、AI 或跨境业务有关，再把值得写的题目转成客户问题、服务关联和文章任务。最终仍然需要律师审核，但“刷新闻—找角度—起草—补结构—发布—看反馈”不必再散落在十几个窗口里。

最后一段是上线工作台。预览地址、版本、发布条件、线上状态和回滚点必须放在同一条流程里。后台显示“已发布”不代表客户已经看见；构建成功、接口返回正常，也不代表真实页面能用。上线必须回到正式域名，用真实浏览器走一遍首页、列表、详情、图片、手机端和咨询路径。

一个人用 AI 做网站，没想象中那么丝滑

这次开发给我最大的感受，不是“AI 已经可以替人写代码”，而是它把不会写代码的人第一次真正带进了产品现场。不过，能开始做，和能把东西稳定地交付给用户，中间还隔着很长一段路。

最直接的一课来自部署。网站最初使用 Netlify，后来经历额度和稳定性问题，我又把公开站迁到阿里云的对象存储和内容分发网络，让函数服务承接动态内容和接口。迁移不是换一个平台名字：目录多套一层，文章路径会失效；缓存没有刷新，用户看到的仍是旧页面；静态站和动态文章的路由没接好，后台“发布成功”的内容就会在前台消失。以前我看到这些技术名词会绕开，现在至少知道问题可能出在域名、缓存、回源、跨域还是接口。

第二课来自大模型成本。刚接入通义千问时，我不到半天就把原本准备的调用额度烧掉了。AI 接口能跑通，不等于可以不计成本地跑。后来我才开始认真给输入、输出、每分钟调用量、每日 Token 和费用设置上限，记录每次调用到底花在哪里。一个功能如果没有成本账本和熔断条件，上线以后越受欢迎，反而可能越快把自己打挂。

第三课来自 Codex 本身。它写页面、补接口、查错误的速度确实很快，但远没有到我说一句“把官网做好”，它就能全自动交付的程度。它会误解业务，也会在局部修好一个问题后影响另一个页面；有时几个开发窗口都说“完成了”，合到一起却跑不起来。到现在，我仍然要手动核对页面、检查文字、点真实按钮、看手机端，遇到关键问题还要自己指出哪里不对，再让 AI 继续改。

换句话说，AI 放大的是执行速度，不会自动补上产品判断、业务取舍和验收责任。但也正因为如此，这次开发对我很有价值。过去律师参与互联网产品，多数是在协议和风险审核环节出现。但只有真正从头到尾搓一点产品，可能才能愈发理解：很多所谓合规问题，本来就是产品问题；很多用户体验的背后，也藏着责任分配、授权边界和证据留存。

官网 1.0 之后，是 AI 重塑曼昆律所

今天这套官网，只能算 1.0，当然还有无尽的 bug 等着我去发掘和完善。

但今晚把它写下来，一方面是给这段 AI Web Coding 经历做一次阶段性记录，和大家分享一个外行在开发、部署、模型调用和产品取舍上踩过的坑；另一方面，也是借网站把曼昆现阶段的业务结构、产品思路和设计理念集中展示出来。

下一步，我并不准备把官网停留在“展示型网站”。接下来要做的，是将飞书和 曼昆律师日常的客户服务和法律产品AI 化打通：飞书承接律师日常工作和内部协作，官网（cli）承接客户看得见、用得上的产品和交互，中间再用 AI 自动化连接起来。

这意味着，未来放到官网上的可能不只是文章。它可以是一套客户填写完基本情况后自动整理材料清单的工具，可以是一项把复杂合规要求拆成任务节点的法律产品，也可以是律师团队内部反复使用的工作流程和 AI Skill。客户如何提交需求、律师如何协作、研究成果如何沉淀、服务过程如何反馈，都有机会被重新设计。

我也希望把曼昆对 Web3 和 AI 行业的长期学习，用更数字化的方式呈现出来。它可以是专题数据库、交互式行业地图、工具页，甚至是一款像升级打怪一样的 Web3 学习游戏：用户沿着项目、角色、资产和监管事件一路推进，在玩的过程中理解这个行业是怎样发展起来的，风险又藏在哪里。

这些想法现在有的已经开始做，有的还只是草图。但官网 1.0 至少证明了一件事：当一个身处行业的人足够理解业务，也愿意持续学习 AI 和数字化工具时，很多过去只能写在脑图和方案里的想法，已经可以被亲手做成别人看得见、点得动、用得上的东西。

对我来说，这也是接下来作为曼昆经营者很重要的一项工作：用 AI 重塑曼昆，帮助每个业务领域的专业律师，把他们的经验变成这个时代应有的法律服务产品。最终不是为了显得更“科技”，而是让客户获得更清楚、更及时、更高质量的服务体验，让律师把时间更多放在真正需要专业判断的地方。

我希望曼昆能够成为 Web3 与 AI 行业里真正有产品能力的精品律师事务所，也愿意把这条路上的尝试、失败和方法持续分享出来。

这个官网不是答案，只是一个小小的开端。

*页面截图取自 2026 年 7 月 22 日的曼昆律所官网当前代码版本及开发验收记录；网站仍在持续迭代，实际页面以 www.mankunlaw.com为准。