Jordan KimPRO
独立开发者与开发写作者
分享产品、文章和网页技术的小实验。
静态发布为什么适合开发者博客
快速的个人网站能让别人在见到你之前,就先理解你的作品、文章和产品想法。
正在听
Lo-fi Coding Beats 2026
立即试用
准备发布了吗?
个人网站该做到的事
它应该容易更新、快速打开,也要够可信,能放心寄给还不认识你的人。
拥有自己的名字
用自定义域名承载首页、博客、简历入口或作品集,不把身份困在社交平台网址里。
全球边缘网络
不同地区的访客会从附近节点取得网站,而不是全部回到单一 origin。
快速更新内容
更新简介、项目、文章、简历链接或公告,不需要 SSH、Docker 或漫长的基础设施清单。
不用运维也能上线
你可以发布个人项目,而不是把周末花在 Linux 维护、Docker 设置或 Web server 设置上。
把首页变成有用的个人入口
好的个人网站不是装饰名片。它会让陌生人理解你做什么、做过什么,以及下一步该去哪里。
先说清楚你是谁
姓名、角色、短简介,必要时加上所在地或可合作状态,再用一句话让你的工作容易被定位。
连到证据
项目、文章、演讲、产品、GitHub、简历、案例、媒体报道、教程材料,都能支撑你的主张。
给访客下一步
依目标加入联系方式、Newsletter、预约、社交链接、求职状态、产品链接或明确 CTA。
保持最新
过期的个人网站会让人觉得疏于维护。静态托管应该让小更新足够省事,让你愿意真的去改。
支持个人网站常用的静态工具
用你习惯的工具在本机构建,再上传生成后的输出。
Astro / Eleventy / Hugo / Hexo
适合博客、笔记、个人首页和内容较多的网站,输出为静态 HTML。
Next.js / Nuxt static export
网站不需要 request-time rendering、API routes 或 server middleware 时,可使用静态导出。
纯 HTML 或 AI 生成页
手写首页和生成式 HTML 项目也能使用,只要 index.html 和资源一起上传。
三步骤发布你的网站
生成静态文件
使用 Hugo、Hexo、Astro、Next.js static export 或手写 HTML。唯一要求是有一个静态输出文件夹。
上传构建输出
把生成后的 dist、public 或 out 目录拖进 DeployPages,托管部分交给平台处理。
接上你的域名
在 Console 新增域名、指向 DNS 记录,等 HTTPS 完成后就能正式公开。
个人网站常见上线失误
网站什么都说了,就是没说你是谁
把姓名、角色和最有力的证据放在上方。访客不该先解读导航才知道这页在介绍谁。
自定义域名还没接好
先用预览 URL 发布,接着新增域名并确认 DNS,再把链接放进社交或简历。
博客或项目页上传后坏掉
上传完整生成后的输出文件夹。静态网站生成器通常会创建嵌套文件夹和资源目录。
几个月后看起来过时
让核心页面维持小而可维护,加入近期作品、最新文章或当前状态,方便快速更新。
个人网站托管常见问题
Q:免费套餐够个人博客使用吗?
轻量博客和个人网站通常够用。静态页提供成本低,流量成长前多半可先从免费套餐开始。
Q:可以使用 Jekyll、Hexo 或 Next.js 吗?
可以。任何能输出静态 HTML、CSS 和 JS 的框架都能发布。Next.js 请使用 static export 并上传 out 目录。
Q:网站对 SEO 仍然友好吗?
可以。静态 HTML、快速分发、可读 metadata、干净内部链接和自定义域名,都有助于人和搜索引擎理解网站。
Q:个人网站比社交个人页好吗?
两者可以并用。社交适合被发现,个人网站则提供稳定位置放更完整的作品、文章、链接和联系方式。
Q:可以当简历入口吗?
可以。许多个人网站会把短简介、项目链接、下载简历、文章、社交资料和联系方式放在同一个域名。