申屠手记SHENTU NOTES

建站记录 · 方法手记

自己动手,从零搭建一个个人网站

先免费做出能更新的博客,再购买域名、升级托管并配置 DNS。附可点击流程图、费用计算和逐步检查方法。

第一次建站,可以先把一篇文章放上去,确认自己会发布、会修改,再花钱连接正式域名。走完下面这条路线,你会得到一个有自己网址、首页能自动显示新文章的个人博客。

准备一台电脑、一个长期使用的邮箱、一篇文章,以及购买时可用的付款方式。本文使用 Porkbun 管域名,WordPress.com 管网站和文章。先看全程,再从第一步开始。

本文的 WordPress.com 操作依据官方文档整理,付费环节尚未亲自购买测试。申屠手记实际使用的 Porkbun+Sites 经历见另一篇教程。资料与报价核实于 2026 年 9 月 11 日。

1. 准备一篇文章,算清两笔费用

用一句话写下你准备记录什么,例如“把工作里解决过的问题写成操作教程”。第一篇就从已经做完的一件事开始,准备标题、正文和允许公开的图片。暂时没有资源文件,可以先只做文章和关于页。

这条路线的两笔持续开支分别是域名和托管。免费试建阶段使用平台地址;连接自己的域名时,再购买付费方案。

项目 本文怎么选 首年参考 以后怎么续费
域名 在 Porkbun 买普通域名 本站当次 .com 报价为 US$11.08/年,作为历史例子 在 Porkbun 核对该域名续费价与到期日
网站托管 WordPress.com Personal,按年付 本次官方页显示 €4/月,按年收取即 €48/年 按账户订阅中显示的续费金额与日期
主题 免费的 Twenty Twenty-Five 0 沿用免费主题,无单独主题订阅
HTTPS 证书 WordPress.com 自动提供 0 平台管理续期

Personal 支持连接已有域名,符合本文“写文章+使用自己网址”的范围。报价随地区、币种和购买周期变化,上表的欧元价是本次查询结果。首年预算例子是 US$11.08+€48,再计税费或支付费用;续费预算是“域名续费价+托管续费价”,以各自订单为准。Personal 功能 · 价格与周期 · 免费 HTTPS

按你自己的结算价算一遍

把两笔订单换算成同一种币种再填,例如人民币。这里只计算,内容不会上传或保存。

填完金额后显示合计;税费请计入输入金额。

付款前,把购买时长、实际支付、续费金额和续费日期记在订单旁边。看到“每月 €4”时,还要看旁边是否写着“每 12 个月收费”:这种情况下,一次支付的是一年的金额。

WordPress.com 年付送一年域名,还需要在 Porkbun 买吗?

年付方案包含符合条件的新域名首年注册优惠。如果你还没买域名,也可以直接在 WordPress.com 注册,少管理一个账户。本文沿用域名在 Porkbun 的路线;连接外购域名时,Porkbun 的账单仍要单独支付,赠送优惠不会自动报销这笔费用。选择前比较续费总额即可。

2. 在 WordPress.com 创建免费临时网站

打开 WordPress.com 注册入口,用自己的邮箱创建账户,完成收到的验证邮件。把登录方式和恢复信息保存好。

  1. 在选择网站地址的环节输入一个名称。找到带 .wordpress.com 后缀的免费选项,例如 your-name.wordpress.com;示例中的名称由你自己替换,以页面显示可用为准。
  2. 在方案选择环节继续使用免费方案。此时的目标是做内容,可以先跳过付费域名和托管购买。
  3. 创建完成后,记下临时网址。回到管理首页,确认能看到这个网站的名称。
  4. 进入该站点的管理后台,在“设置 → 常规”(Settings → General)填写网站标题和副标题,例如“某某手记”“做过的事,记下来”,保存更改。

完成标志:账户里有一个网站,能打开它的管理后台,并找到临时网址。此时若看到“即将上线”,留到下一步检查公开设置。

我已经有账号,或登录后看到的是网站列表

在托管管理首页点击 Add new site,选择 Create it yourself,再选免费地址与方案。进入已有网站时,点击站点名称,再找 My Home 或 WP Admin。先确认正在编辑目标站点,避免误建第二个网站。官方创建与切换网站图解包含对应界面。

选择免费地址的位置较靠下时,向下查看候选列表。需要比对画面,可以打开官方免费地址选择图解

3. 选一个免费主题,发布第一篇文章

本教程选用 Twenty Twenty-Five,这是 WordPress 团队提供的免费区块主题。它自带博客模板,我们先沿用默认布局。主题介绍与预览

在后台打开“外观 → 主题”(Appearance → Themes),搜索主题名,打开详情并启用。确认当前主题后,再去“文章 → 新增文章”(Posts → Add New Post)。

  1. 在标题处填文章名称。点击正文空白处,粘贴准备好的文章。
  2. 一段文字通常占一个段落区块。增加小标题时,点击添加区块的“+”,搜索 Heading,选择二级标题 H2。文章大标题已经有了,正文小节从 H2 开始。
  3. 插图时点“+”,搜索 Image,选择上传,挑选电脑里的图片。给图片补一句替代文字,描述图里说明的事情。
  4. 打开右侧“文章”设置;如果设置栏隐藏,点击编辑器右上方的设置图标。在分类中选择或新建一个分类,例如“工作记录”。找到链接设置,填写简短网址片段,例如 first-work-note,记下最终链接。
  5. 保存草稿,使用预览检查文章。标题是否清楚,图片是否正确,链接能否打开,都在这时看。
  6. 点击“发布”(Publish),在确认面板中核对可见性为公开、发布时间为现在,再确认发布。
① 编辑器草稿可修改,尚未公开
② 预览检查正文标题 · 图片 · 链接
③ 发布后无痕窗口打开确认访客也能阅读
发布检查示意:编辑器里看得到,还要用访客身份检查一次。

复制文章网址,用浏览器无痕窗口打开。若显示 Coming Soon(即将上线),回后台的“设置 → 阅读”(Settings → Reading),找到站点可见性并完成 Launch site。若提示私密,改为公开后再检查。官方公开站点说明

完成标志:退出登录后也能读到完整文章。若文章仍是草稿,回编辑器完成发布;若整站尚未公开,先处理站点可见性。文章编辑官方图解

4. 让新文章自动出现在首页

沿用刚才主题的博客首页。进入“设置 → 阅读”,把首页显示设为“你的最新文章”(Your latest posts),保存。这个选项让区块主题使用默认首页模板;Twenty Twenty-Five 的默认博客模板会展示文章内容。首页设置说明

然后打开“外观 → 编辑器”(Appearance → Editor),点击右侧首页画面进入编辑。需要增加介绍时,用“+”插入一个段落,放在文章列表上方,填一两句话即可。保留主题原有的文章列表区域,再点击 Save;如果弹出保存确认,检查要保存的项目并确认。

某某手记首页 · 关于
记录工作里做过的事。这里改成你自己的介绍
新发布的第二篇文章发布后由博客模板自动读取 ↑
第一篇文章原有文章继续保留
首页结构示意,非主题截图。文章数量由已发布内容决定,介绍只需编辑一次。

去“页面 → 新建页面”(Pages → Add New Page),建立“关于”页,写自己是谁、准备写什么、怎样联系,然后发布。回到“外观 → 编辑器”,点击页头导航区域,选择导航区块(可用左上方列表视图定位),用其中的“+”搜索刚发布的“关于”页并添加。保存后,在公开首页点击链接。导航区块图解

再发布一篇短文章,刷新首页。能看到新文章,才说明自动更新这一项完成了。也打开手机看一次:标题、正文和导航都应可读。

首页没变化,或找不到编辑器

先确认当前主题是 Twenty Twenty-Five,且阅读设置选择了“你的最新文章”。新文章应为已发布、发布时间已经到达。如果改过博客模板,检查文章列表是否限制了分类。只有 Customize、没有 Editor 时,通常是在用经典主题;切回本文主题后继续。默认区块首页属于主题模板,在 Pages 里找不到它是正常的。

5. 在 Porkbun 购买域名〔付费①〕

临时网站已经能更新,接下来给它一个自己的地址。在 Porkbun 搜索名称,逐字检查拼写和后缀。确认它是你能承担的普通注册价格,查看首年价与续费价,再加入购物车。购物车中核对域名、购买年数和总额,按提示注册或登录。

注册字段 怎么填
First Name / Last Name 本人名字/姓氏;复姓完整保留,需要拉丁字母时按本人证件拼写
Company 个人购买且没有公司信息时留空
Address / City / State 真实可联系地址、城市和省份;按表单要求使用拼音或英文
Country / ZIP 对应的真实国家与邮编
Phone 本人电话和正确国家区号,例如中国区号 +86
Email 能接收验证邮件和续费通知的长期邮箱

浏览器可能自动填入以前保存的地址。逐项看一遍,确认国家、地址、邮编和号码对应,再提交。接着完成邮件验证、账户要求的步骤与付款。

若触发身份验证,按页面支持的签发国家和证件类型提交。申屠手记这次购买时,身份证验证提示“不支持此证件”,随后使用本人护照完成。遇到同样文字,先检查证件类型是否选对;仍失败就向官方客服询问本次支持的证件及是否需要重置验证。页面若显示“已提交、等待结果”,先按它的等待提示处理。证件原图仅交到核实过的验证入口。

完成标志:回到 Domain Management(域名管理),域名已经出现在列表里,能看到到期日。保存订单,检查自动续费与联系邮箱。只有扣款通知、列表却没有域名时,先查订单和客服,确认结果后再继续。

6. 为这个网站升级 Personal〔付费②〕

这一步把免费站点升级为支持自有域名的站点。先确认页面选中的是前面已有文章的那个网站。

WordPress.com 方案页选择 Personal,登录后按购买流程选择已有站点。在结算页选择准备购买的周期,本文按一年计算。已经有付费方案的账户,也可以从账单管理中的 Active upgrades(有效升级项目)选择现有方案,再点 Upgrade 或 View plans。官方升级流程

结算前逐项核对:站点名称、Personal、购买一年、币种、实际应付总额、续费规则,以及是否有额外域名或邮箱商品。已有 Porkbun 域名时,继续使用它即可。确认后完成付款。

完成标志:该站点的订阅显示 Personal 已启用,原来的文章仍在。把托管续费日期单独记下;它与 Porkbun 域名的到期日可能不同。付款失败时,先看订单状态,避免重复下单。

7. 在两个后台之间连接域名〔重点〕

打开两个浏览器标签页:一个是 WordPress.com,另一个是 Porkbun。本节保留 Porkbun 的 DNS 管理位置,只替换网站需要的解析记录。连接域名的功能包含在付费方案中,无需另外购买一次“连接服务”。

DNS 可以理解为地址指向表:A 记录把网址指向服务器 IP;CNAME 把一个名称指向另一个名称。你需要做的是把 WordPress.com 给出的值,填进 Porkbun。

先在 WordPress.com 取得配置

  1. 打开托管管理首页,点击目标站点名称,再进入 Domains(域名)。
  2. 点击 Add domain name,选择 Use a domain name I own(使用已有域名)。
  3. 输入买好的域名,例如 example.com。这里替换为自己的域名,只填名称,不加 https:// 和文章路径。
  4. 继续后选择 Connect your site address(连接网址)。
  5. 在配置方法中选择 Update DNS records。记录它显示的两条 A 值和一条 www CNAME 值,保留该页以便逐项复制。官方连接图解
页面推荐修改名称服务器,怎么选?

WordPress.com 默认推荐名称服务器方式。本文为了让域名与 DNS 继续在 Porkbun 管理,采用官方提供的 A+CNAME 方法。连接页面的另一选项可能通过“域名还用于邮件或其他服务”的说明展示。按本文走时只修改下面三条网站记录;两套方法不要同时操作。

再到 Porkbun 填写三条记录

先在 Domain Management 找到域名,打开 DNS 管理入口;部分界面在 Details 下显示 DNS Records 编辑图标。把 Current Records(现有记录)截图保存。Porkbun DNS 管理图解

从哪里复制 → 填到哪里字段对应示意 · 使用你后台的实际值
WordPress.com第一条 A 的 IP
Porkbun 新增记录Type:A · Host:留空Answer / Value:粘贴第一条 IP
WordPress.com第二条 A 的 IP
Porkbun 新增记录Type:A · Host:留空Answer / Value:粘贴第二条 IP
WordPress.comwww 的 CNAME 目标
Porkbun 新增记录Type:CNAME · Host:wwwAnswer / Value:粘贴目标名称
每填一条点 Add 保存,再填下一条。三个值从自己的连接页面复制。

在新增区域选择 Type,填写 Host 与 Answer / Value,TTL 保持默认,Priority 和 Notes 留空。Host 留空表示不带 www 的根域名;填写 www 时,页面会自动接上你的域名。Porkbun 字段说明

添加前处理冲突:如果根域名已有指向停放页或旧托管的 A/ALIAS,按新配置替换;旧网站的 AAAA 记录也需要检查。www 下已有旧 A 或 CNAME 时,换成连接页要求的 CNAME。只修改确认属于旧网站的记录。MX、邮件用的 SPF TXT 及其他服务记录保留;拿不准某条的用途时,先带着记录类型、名称和值向客服确认。

保存后的核对:Current Records 中应能找到新配置的两条根域名 A 和 www CNAME,值与 WordPress.com 完全一致。回到 WordPress.com 连接页,点击验证/检查连接。若仍提示配置错误,重新对照类型、名称和值,检查是否漏保存了一条。

8. 等待证书,再检查正式网址

配置保存后,先记下修改时间。DNS 传播可能需要最多 72 小时;连接生效后,证书通常几分钟完成,部分情况需要最多 24 小时。在等待阶段,文章仍可通过临时地址检查。域名连接等待说明 · 证书状态说明

到 WordPress.com 的 Domains,点击目标域名,在 Settings 下打开 Domain security:

连接检查通过解析记录已被平台识别
SSL certificate pending证书处理中,记录等待时间
SSL certificate active证书可用,继续访问验收
状态阅读示意:以自己的后台结果为准。第三项出现后再设置正式主域名。

证书 active 后,在 Domains 中将正式域名设为主要地址(Primary site address)。打开 https://你的域名,再打开带 www 的地址,确认都能到同一个网站。新浏览器可能用站点控制图标替代小锁,点击地址栏旁图标查看连接是否安全即可。

你看到的情况 此时怎么做
仍是域名停放页 回 Porkbun 检查旧网站 A/ALIAS 与新记录;然后换手机网络核对
一种网络正常,另一种异常 记录修改时间,等待缓存更新,先保持已核对的配置
SSL pending 或证书警告 检查域名已连通;超过 24 小时仍待签发,按 Domain security 的签发或帮助入口处理
整站显示 Coming Soon 回站点可见性完成公开上线
首页能开,一篇文章显示 404 在文章列表找该文章,确认已发布,重新复制它的链接
www 不能打开 对照 www CNAME,并核对主域名设置
原有邮件收发异常 用修改前备份核对 MX/SPF,联系邮件服务商恢复误改记录

上线验收:用无痕窗口打开正式首页、第一篇文章和关于页;手机网络再检查一次。发布第二篇后它能自动出现在首页,正文链接与图片也能打开。做到这里,才完成本教程的建站目标。

9. 下次写文章,回到同一个后台

以后进入 WordPress.com 的文章列表,新文章按“草稿 → 预览 → 发布 → 公开检查”更新。修改旧文章时打开原文章,编辑后保存;保持原网址,可以让别人收藏的链接继续有效。

要备份内容,进入“工具 → 导出”(Tools → Export),选择全部内容并下载。导出文件记录文章、页面等内容和媒体链接;图片原文件也要另外保存,布局等设置按需要另行备份。导出说明

把域名、托管的到期日分别加入自己的日历,确认续费邮箱与付款方式仍可用。可以下载建站检查表逐项记录结果。搜索与广告接入放在下一阶段教程

10. 需要时,让 Codex 帮你检查

可以告诉 Codex:“我在 WordPress.com 建博客,域名买在 Porkbun。现在做到第七步,连接检查提示……,请根据这两边的记录帮我找出差异。”附上脱敏的界面与错误文字,它就能围绕具体问题协助排查。账号、身份验证和支付按本人真实信息完成。

本站的实际协作过程,以及建站、改版和发布文章的需求示例,见让 Codex 协助搭建网站

本文由 AI 协助整理,依据本站制作规则与明确标注的教学示例编写。查看内容原则