1056 字
5 分钟
也是有个人博客了

昨天偶然看见一个关于个人博客部署的教程

看着很简单,于是产生了自己构建部署一个博客的想法

到目前为止,大概花了5-7个小时

也是基本完成了,总结了一下大概干了什么事:

  • 使用 Fuwari 项目构建博客,优点是基本不需要写什么代码
  • 开了个 GitHub仓库并和本地代码关联,方便代码管理
  • 使用 CloudFlare 中的工作台 “Workers 和 Pages”功能部署了我的博客,使其可以被别人访问
  • 在 CloudFlare 绑定了 GitHub仓库 ,实现了自动化部署,我在本地将代码提交到GitHub,CloudFlare就能自动更新部署
  • 在 ClouDNS 领了个免费的二级域名,将其作为自定义域指定我的 CloudFlare 站点,现在可以通过这个域名访问我的博客
  • 对项目中的一些配置进行修改,添加自己的个人信息并且翻译了一下初始的教程

反思了一下,其中大部分时间浪费在了以下几个地方:

1. npm重装#

看到教程的第一眼不是怎么部署博客,是怎么在本地运行这个项目

而众所周知,对于大多数的前端项目来说,想在本地运行

node.js和npm(包管理器)必不可少

我本来是有的,毕竟以前写过前端

但是仅限于用过,太久没用了有些生疏

以至于随便打开了个终端就开始输入

PowerShell terminal
node -v
npm -v

结果显而易见,第一个输出了版本号,这没问题

问题在于第二个居然报错,说我没有 npm 这个命令

我瞬间迷茫了,查了 Node 的下载路径和环境变量,发现都没问题

无奈之下我将其彻底卸载重装了一遍

结果发现… 还是不行

在尝试了各种办法后,我终于发现

问题在于:npm命令在 Powershell 终端是无效的,但是实际上 npm 可能已经有了,因为在 cmd 终端和开发环境中是可以正常使用的

也就是说,单纯只是因为,不知道为什么Powershell没检测到npm而已…

(下次用终端首选 cmd)

2. 域名#

想要让这个静态网站在互联网上能被其他人访问,只需要在CloudFlare上使用Pages服务部署,但域名是CloudFlare给的临时域名,看上去像是个临时测试的地址。

所以,我想有个自己的域名作为自定义域,让我的网站看上去更专业,所以,我选择在ClouDNS上申请一个免费的域名。

虽然只是个二级域名,但是至少是一个能被我管理的域名。

于是我就在ClouDNS上申请了个免费域名(虽然看着还是很不专业)

接下来就是最关键的一步,将自定义域名绑定到CloudFlare的页面上,到这里,终于出现了浪费我大量时间的问题,那就是:我的二级域名无法直接加入到CloudFlare里,但是我看的所有教程,都是申请完域名后直接将域名加入到CloudFlare里进行管理。

而我的域名却会报以下错误:

Please ensure you are providing the root domain and not any subdomains (e.g., example.com, not subdomain.example.com)

也就是说我输入的域名不能是一个子域名,必须是根域,问题是,我能直接管理的域名只有这个域名:heyk.cloud-ip.cc,但是这个域名被CloudFlare识别为了子域名。

我查了各种资料,浪费了大量的时间,终于找到一个解决办法:不将这个域名加入到CloudFlare里,直接绑定到站点。

于是我将CloudFlare里部署过博客的站点和我的域名通过CNAME进行了绑定,终于解决了问题。

总结#

想部署一个个人博客其实很简单,只不过过程中有一些没怎么接触过的知识需要查一些资料,但总体已经算是非常简单了。

至此,也是拥有了一个属于自己的博客了。

也是有个人博客了
https://blog.heyk.cloud-ip.cc/posts/教程/个人博客/也是有了个人博客了/
作者
夜雨
发布于
2025-10-10
许可协议
CC BY-NC-SA 4.0