本文最后更新于 2025-04-13,文章内容可能已经过时。

前言…

一开始我认为搭建博客挺难的,尤其是在YouTube上搜教程,那个WordPress的教程有的长一个半小时,给我吓退了,但是我还是想要拥有一个自己的博客。跟着一些过时的教程,再加上GPT的人机误导,折腾了好久还是没搞好。给我整崩溃了,索性先放在了一边,先搞别的东西…

转机…

一次在telegram水群的时候,进来了一个新人 @Xeonzilla ,他的主页有个个人博客,是他自己搭的,顿时吸引了我的兴趣。

u1s1这个界面真jb好看

和他一番交流后,发现他搭建的是静态博客,托管在GitHub page上的,因为我说我想建在我的VPS上,所以他说了一点:我完全有能力搭建一个动态博客。所以我放弃了搭建这个静态博客,想搭一个动态博客。

碰巧的搭建

在2025年4月12日星期六,下了周考后,因为依然对博客的事情耿耿于怀,于是我打开手机在谷歌上搜“个人博客搭建”,无意间看到了Halo,简单扫了一眼简介后感觉自己应该可以搭建。但当时要回家,所以没有立刻去做。

回到家后,准备打开halo官网进行搭建,因为涉及到域名的反代,我也打开了1panel,这是我又发现,在1panel自带的应用商店里有halo,这就是天意!相比之下,用1panel装比在服务器上装可简单多了。所以,就这么一发不可收拾地,把博客搭起来了,说实话,还挺简单的。

我是怎么搭建的——教程

前期准备:

  • 一台服务器(VPS)

  • 一个域名

  • cloudflare账号

我只分享我自己搭建的教程,其他搭建方式自行研究~

第一步:安装1panel

前往1panel官网点击“免费下载安装”,根据在线安装文档把1panel安装在你的服务器上。一般安装过程没啥问题,实在怕遇到问题的可以去油管搜“1panel安装教程”(我自己遇到拿不定的时候就是这样的)

安装完成后会给你这些信息:

[1Panel 2025-03-16 07:12:10 install Log]: 请 使 用 您 的 浏 览 器 访 问 面 板 :

[1Panel 2025-03-16 07:12:10 install Log]: 外 部 地 址 : http://[**隐私信息已模糊**]:18639/e6b40288a4

[1Panel 2025-03-16 07:12:10 install Log]: 内 部 地 址 : http://**隐私信息已模糊**:18639/e6b40288a4

[1Panel 2025-03-16 07:12:10 install Log]: 面 板 用 户 : 44b45f40d3

[1Panel 2025-03-16 07:12:10 install Log]: 面 板 密 码 : d66941adf0

[1Panel 2025-03-16 07:12:10 install Log]:

[1Panel 2025-03-16 07:12:10 install Log]: 官 方 网 站 : https://1panel.cn

[1Panel 2025-03-16 07:12:10 install Log]: 项 目 文 档 : https://1panel.cn/docs

[1Panel 2025-03-16 07:12:10 install Log]: 代 码 仓 库 : https://github.com/1Panel-dev/1Panel

[1Panel 2025-03-16 07:12:10 install Log]: 前 往 1Panel 官 方 论 坛 获 取 帮 助 : https://bbs.fit2cloud.com/c/1p/7

[1Panel 2025-03-16 07:12:10 install Log]:

[1Panel 2025-03-16 07:12:10 install Log]: 如 果 您 使 用 的 是 云 服 务 器 , 请 在 安 全 组 中 打

开 端 口 18639

[1Panel 2025-03-16 07:12:10 install Log]:

[1Panel 2025-03-16 07:12:10 install Log]: 为 了 您 的 服 务 器 安 全 , 离 开 此 屏 幕 后 您 将 无

法 再 次 看 到 您 的 密 码 , 请 记 住 您 的 密 码 。

[1Panel 2025-03-16 07:12:10 install Log]:

[1Panel 2025-03-16 07:12:10 install Log]: ======

其中内部地址和外部地址就是你前往1panel面板的地址,后面一定要有那几个乱码,那个是你进入后台的第一个凭证,第二个凭证就是用户账号和密码。

当你登录后台后,会看到如下页面:

主面当然是一些简单的东西,相当于服务器探针。

右上角有三个横线,点它打开侧边栏。

前往应用商店下载这三个应用:

这是三个缺一不可,第一个是搭建网站必须安装的。第二个是动态博客必须要的,第三个就是博客本体。

安装很简单,跟装手机应用一样,不过有一点要十分注意:

端口外部访问一定要开!!!

在我们没有反代之前,你若不打开这个,我们就无法通过IP+端口的方式进入网站。

当然,如果你不想那么急着进网站的话也可以不开这个端口外部访问,套上域名后也是一样可以访问的。

那么安装完成后,你就可以通过IP+端口的方式进入网站了。端口是啥在应用列表里、在你安装时会告诉你,你安装前也可以自定义端口,但还是推荐它默认的。

域名的反代

前往cloudflare官网注册账号并托管你的域名(碍于不是很难我就不教了),创建一个DNS记录(点击你的域名后,点左上角的三条杠打开侧菜单,点击DNS,就可以看到了),类型选择A就行,名称就是域名前的内容,若输入blog,那么你的网站域名就成了blog.xxx.xx,好理解吧。如图所示配置即可。

ipv4地址就是你搭建了网站的IP,不同的域名可以指向同一个IP,只要反向代理反对端口就行,没什么关系。

配置反向代理

接下来回到1panel,打开侧菜单,点击网站,选择创建网站,点击反向代理,如图所示:

其中主域名就是你在cloudflare托管到域名,比如我前面举的例子blog.xxx.xx,然后在代理地址里输入“127.0.0.1:端口号”,其他的默认即可,点击创建。

接下来要申请证书,申请证书需要创建两个账号,分别是Acme和DNS账户。第一个直接在1panel里创建就好,只需要输入邮箱。而DNS账户需要你去你的cloudflare账号创建一个令牌来创建,具体的教程有点麻烦。麻烦各位自行谷歌了,有时间再来补。

或者跟着这个 YouTube视频 ,从9分37秒开始看。先看一遍再自己操作!!

(其实我就是看这个视频学会用1panel反代理网站的)

收尾

接下来就是申请证书(视频有操作),打开https(视频有操作),然后就成功建好了你的网站,无需IP加端口就能直接进去了!

最后的最后

动态博客和静态博客的区别如下:

静态博客:

所有页面在发布时就已生成为固定的 HTML 文件,访问时直接读取文件,不需要后端处理。只需要一个支持静态网页托管的平台,如 GitHub Pages、Vercel、Netlify 或 Nginx 静态服务器即可。

示例:Hexo、Hugo、Jekyll。

动态博客:

页面在用户访问时由后端(如 PHP、Java、Node.js)动态生成,通常会从数据库读取内容。需要服务器环境(如 VPS),配置 Web 服务器(Nginx/Apache)、后端语言环境、数据库等。

示例:WordPress、Halo、Typecho。

适用人群:

静态博客:

适合技术用户、写作为主的博主、追求极致速度和简洁的人。

动态博客:

适合不想折腾、希望可视化管理、注重交互功能的用户。

(但说实话我还是更喜欢动态博客,毕竟可以有评论啥的,听起来也更屌一点🌚😁)