更新时间：26年9月7日 部分文字来源于GPT总结

搭建博客最初来自一些模糊的表达愿望。我想有一个琐碎的、可以慢慢堆积东西、又足够自由的表达空间，像一个线上的小房间。我尝试过微信公众号和小红书，但社交媒体的算法总会把其他人推向你，也把你推向其他人。有时觉得不够安全，也不够舒展。

这里的“安全”更多是表达上的感受：公开博客依然可能被陌生人看到，也可能被搜索引擎收录。它只是让我更能决定这个房间长什么样、放什么东西。感谢小九和叶子同学在搭建过程中对我的帮助。

0. 博客有哪些

搭博客不一定要租服务器，也不一定要购买域名。

按照我搜索的信息可以简单分为，静态博客和动态博客。静态博客通常提前把文章生成网页，读者访问时直接拿到这些文件。动态博客则可以在访问时运行程序，从数据库中取出文章、评论等内容，再组成页面。

静态博客动态博客
常见例子用 Jekyll、Hugo、Hexo 生成的博客Typecho、WordPress
写作方式常见的是写 Markdown，再生成和发布通常登录网页后台写作
网站运行提供生成好的网页文件需要运行博客程序，通常还需要数据库
评论等功能一般额外接入服务博客程序通常已有相关功能
日常维护主要维护内容、主题和发布流程还要维护运行环境、程序和数据库

不租服务器的办法

GitHub Pages。它可以托管静态网站，并提供类似 你的用户名.github.io 的地址；使用免费账号的公开仓库也可以发布。以后想换成自己购买的域名，再绑定即可。GitHub Pages 官方说明

如果感兴趣可以先做一个最小版本：

  1. 注册 GitHub，创建一个公开仓库，命名为 你的用户名.github.io。
  2. 在仓库中添加一个 index.html，放上自己的名字和一句介绍。
  3. 到仓库的 Settings → Pages 配置发布来源。采用分支发布时，选择存放网页的分支和目录。
  4. 等发布完成，访问平台提供的网址。

1. 我自己尝试的是：腾讯云＋宝塔＋Typecho

目前我博客用的是：

  • 腾讯云服务器：让网站程序持续运行。
  • 域名：给网站一个方便记住的地址。
  • 宝塔面板：用网页界面管理网站文件、运行环境和数据库。
  • Typecho：负责文章、页面、评论等博客功能。
  • 主题：决定博客长什么样，我目前使用的是 PureSuck。

服务器和域名注册费合计109元。（应该是一年）

2. 域名、服务器和备案

域名可以理解为地址，服务器是放网站的地方。把域名指向服务器的过程，叫作 DNS 解析。

购买域名、域名实名认证和网站 ICP 备案是不同的事情。我最初把等待过程笼统地叫作“域名审核”，真正操作时，应该以控制台显示的办理项目为准。

如果采用腾讯云中国大陆服务器、通过域名对外提供网站服务，需要按要求完成 ICP 备案；中国香港及境外服务器的相关要求不同。是否需要备案，主要取决于实际托管和接入方式，并不是由静态或动态博客决定的。腾讯云：是否需要备案

我个人等了大约15天。

3. 网站运行环境准备

如果购买的是带宝塔面板的服务器镜像，可以按照云平台说明进入面板；如果没有预装，则跟随宝塔官方安装说明操作。

这里要区分三个后台：

  • 腾讯云控制台：管理服务器、网络、域名和备案等。
  • 宝塔面板：管理网站运行环境和文件。
  • Typecho 后台：写文章、管理评论和调整主题。

搭建阶段会经常用到前两个；搭好以后，日常写作主要使用第三个。

在宝塔里，需要为 Typecho 准备 Web 服务器、PHP，以及所选择的数据库。比如可以采用 Nginx＋PHP＋MySQL，但具体版本和扩展应以当前 Typecho 安装包的要求为准

如果环境已经安装好，也不必重复安装另一套。

4. 新建网站，安装 Typecho

下面是操作顺序。面板版本不同，按钮名称可能略有变化。

  1. 在宝塔的“网站”中添加站点，填写准备使用的域名，记下网站根目录。
  2. 选择符合要求的 PHP 版本。如果使用 MySQL，可以同时创建数据库，并保存数据库名称、用户名和密码。
  3. 从 Typecho 官网 下载稳定版安装包。
  4. 在宝塔文件管理中，将程序上传并解压到这个网站的根目录。
  5. 按官方安装说明访问安装页面，填写数据库连接信息、网站信息和博客管理员账号。
  6. 安装成功后，进入 Typecho 后台，发布一篇测试文章。

具体结构和安装流程可以对照 Typecho 安装文档。

5. 接上域名

备案等前置条件完成后，再按服务商说明配置域名解析和网站 HTTPS。

常见做法是添加一条指向服务器公网 IPv4 地址的 A 记录。裸域名通常使用 @ 作为主机记录；如果还希望别人通过 www 访问，就另外配置对应记录，并在网站设置中添加这个域名。

接着为实际使用的域名申请、部署 HTTPS 证书，确认 HTTPS 能正常访问后，再设置跳转。博客设置里的站点地址也应与最终使用的地址一致。

6. 主题设置和美化

Typecho 主题通常放在网站目录下的（其实默认长得也还行）：

usr/themes/主题文件夹/

上传后，在后台的外观管理中启用，再调整头像、介绍、导航等设置。

建议先用主题自带的设置完成大部分装修。只有设置里没有想要的功能，再考虑改模板代码。

我增加的自定义的功能是一个播放器。

这种功能可以拆成三部分：

  • HTML：放置按钮、歌名和音频元素。
  • CSS：画出唱片，并控制大小、位置和旋转。
  • JavaScript：响应点击，让音乐播放或暂停。

具体的每部分代码如何攥写是和GPT老师共同完成的。目前播放器只能播放一首已经设定好的歌，后面可能还要想想如何优化。