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

宝塔+Hexo快速部署:从零搭建个人博客服务器
Sxcya宝塔+Hexo快速部署:从零搭建个人博客服务器
📝 前言
在年初因为typecho博客花样还是太少了,就着手买了台阿里云的服务器,部署了Hexo博客。这个博客框架的可玩性还是非常强的,这次我就拿白嫖到的新服务器来做演示。
🎯 部署思路
- 购入服务器与域名,安装宝塔面板
- 安装Npm、Node等运行环境
- 开放对应安全组,生成密钥,远程连接SSH(可选)
- 安装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
,然后在宝塔的防火墙再进行安全组的配置,会更方便。
图片演示
💡 二、配置宝塔面板
1.登录宝塔
先把宝塔面板登录进去,账号密码分别是之前的username
和password
图片演示
2.安装初始化推荐配置
一键安装套件选择LNMP
官方推荐的即可
图片演示
3.更改面板账号密码
点击设置
,面板账号和面板密码,把账密改方便点
图片演示
💡 三、配置Hexo
1.创建blog文件夹
在宝塔面板的文件根目录>www>wwwroot>
目录下,创建自己的hexo_main
文件夹,点击终端
图片演示
2.安装npm运行环境
1 | apt install npm |
图片演示
3.安装Hexo框架
1 | npm install -g hexo-cli |
图片演示
4.下载Hexo文件
1 | hexo init |
图片演示
5.安装npm模块
1 | npm i |
图片演示
6.本地运行Hexo
1 | hexo cl;hexo g;hexo s |
图片演示
7.运行成功Hello World
图片演示
💡 四、配置Hexo主题
这里我拿anzhiyu主题作演示
1.安装theme
仔细阅读主题文档,安装主题文件hexo-theme-anzhiyu
1 | npm i hexo-theme-anzhiyu |
图片演示
2.安装pug和stylus渲染插件
1 | npm install hexo-renderer-pug hexo-renderer-stylus --save |
图片演示
💡 五、配置站点
1.修改主题文件夹
将文件夹改名为anzhiyu,便于区分
图片演示
2.修改_config.yml
将theme改成anzhiyu
1 | theme: anzhiyu |
图片演示
3.修改package.json
加上以下代码:
1 | "scripts": { |
图片演示
4.添加Node项目
项目配置 | 信息填入 |
---|---|
项目路径 | /www/wwwroot/你的blog文件夹 |
项目名称 | hexo_main(可以自己取一个) |
启动选项 | dev:hexo server -p$PORT |
Node版本 | v22.14.0 |
包管理器 | npm |
运行用户 | root |
项目端口 | 4000 |
绑定域名 | 填入已经备案的域名 |
图片演示
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证书,显示有效期即生效
图片演示
📚 总结
完成以上步骤后,您的 Hexo 博客就成功部署到服务器了!主要实现了:
- 使用宝塔面板简化服务器管理
- 初步安装Anzhiyu主题美化博客
- 通过Node项目托管实现服务常驻
- SSL 证书确保安全访问
💬 讨论
欢迎在评论区讨论:
- 您在搭建过程中遇到了什么问题?
- 对博客还有什么功能需求?