宝塔+Hexo快速部署:从零搭建个人博客服务器

宝塔+Hexo快速部署:从零搭建个人博客服务器

📝 前言

在年初因为typecho博客花样还是太少了,就着手买了台阿里云的服务器,部署了Hexo博客。这个博客框架的可玩性还是非常强的,这次我就拿白嫖到的新服务器来做演示。

🎯 部署思路

  1. 购入服务器与域名,安装宝塔面板
  2. 安装Npm、Node等运行环境
  3. 开放对应安全组,生成密钥,远程连接SSH(可选)
  4. 安装npm依赖、Hexo框架、Anzhiyu主题、pug和stylus渲染插件

💡 一、配置服务器

[!TIP]

推荐在阿里云腾讯云百度云雨云购买服务器和域名,其中2核2G3M这个配置下,阿里云有3年同价99/年的活动,腾讯云有白嫖一个月首年68/年这两个活动,我是比较推荐买的,其他两个用的少,参考其他人的教程吧。

1.购买服务器和域名

(这里拿腾讯云来作演示)
地域尽量就近选一线大城市,镜像选择Ubuntu24.04LTS,然后点击登录。

图片演示

购入服务器

2.安装宝塔面板

输入安装命令

1
wget -O install_panel.sh https://download.bt.cn/install/install_panel.sh && bash install_panel.sh ed8484bec
图片演示

安装宝塔

安装好会显示以下信息
============宝塔面板账户登录信息============

【云服务器】请在安全组放行 1145 端口(具体端口看你自己的面板)
外网面板地址: xxxxxxxxxxxxxxxxxxxxxxxxx(面板链接)
内网面板地址: xxxxxxxxxxxxxxxxxxxxxxxxx
username: xxx(账号)
password: xxxxxxxxx(密码)

图片演示

宝塔信息

3.放行腾讯云安全组

推荐在腾讯云放行全部IP,然后在宝塔的防火墙再进行安全组的配置,会更方便。

图片演示

放行全部IPV4

💡 二、配置宝塔面板

1.登录宝塔

先把宝塔面板登录进去,账号密码分别是之前的usernamepassword

图片演示

登录宝塔面板

2.安装初始化推荐配置

一键安装套件选择LNMP官方推荐的即可

图片演示

一键安装套件

3.更改面板账号密码

点击设置,面板账号和面板密码,把账密改方便点

图片演示

更改面板账号密码

💡 三、配置Hexo

1.创建blog文件夹

在宝塔面板的文件根目录>www>wwwroot>目录下,创建自己的hexo_main文件夹,点击终端

图片演示

创建hexo

2.安装npm运行环境

1
apt install npm
图片演示

安装npm环境

3.安装Hexo框架

1
npm install -g hexo-cli
图片演示

安装Hexo框架

4.下载Hexo文件

1
hexo init
图片演示

下载Hexo文件

5.安装npm模块

1
npm i
图片演示

安装npm依赖

6.本地运行Hexo

1
hexo cl;hexo g;hexo s
图片演示

运行Hexo

7.运行成功Hello World

图片演示

运行成功

💡 四、配置Hexo主题

这里我拿anzhiyu主题作演示

1.安装theme

仔细阅读主题文档,安装主题文件hexo-theme-anzhiyu

1
npm i hexo-theme-anzhiyu
图片演示

安装anzhiyu主题

2.安装pug和stylus渲染插件

1
npm install hexo-renderer-pug hexo-renderer-stylus --save
图片演示

安装渲染插件

💡 五、配置站点

1.修改主题文件夹

将文件夹改名为anzhiyu,便于区分

图片演示

改名

2.修改_config.yml

将theme改成anzhiyu

1
theme: anzhiyu
图片演示

更改目标theme

3.修改package.json

加上以下代码:

1
2
3
4
"scripts": {
"dev": "hexo server -p $PORT",
"build": "hexo generate"
}
图片演示

修改package.json

4.添加Node项目

项目配置 信息填入
项目路径 /www/wwwroot/你的blog文件夹
项目名称 hexo_main(可以自己取一个)
启动选项 dev:hexo server -p$PORT
Node版本 v22.14.0
包管理器 npm
运行用户 root
项目端口 4000
绑定域名 填入已经备案的域名
图片演示

添加Node项目

5.访问新主题博客

再次运行hexo

1
hexo cl;hexo g;hexo s

访问https://服务器公网IP:4000

图片演示

主题博客

💡 六、配置域名

1.解析二级域名

简单来说就是一个域名可以拆成A.site.com B.site.com C.site.com

图片演示

解析二级域名

2.申请SSL证书

宝塔Node项目,申请Let's Encrypt免费SSL证书,显示有效期即生效

图片演示

申请SSL证书

📚 总结

完成以上步骤后,您的 Hexo 博客就成功部署到服务器了!主要实现了:

  • 使用宝塔面板简化服务器管理
  • 初步安装Anzhiyu主题美化博客
  • 通过Node项目托管实现服务常驻
  • SSL 证书确保安全访问

💬 讨论

欢迎在评论区讨论:

  1. 您在搭建过程中遇到了什么问题?
  2. 对博客还有什么功能需求?