手把手教你搭建一个Hexo个人博客

本篇文章会教会你从零开始搭建一个部署在VPS上的Hexo博客系统(主题:anzhiyu)

前言

本篇文章会教会你从零开始搭建一个部署在VPS上的Hexo博客系统(主题:anzhiyu)

Hexo优势

Hexo博客系统是直接生成静态页面,意味着一快,而且静态文件更容易CDN分发 快上加快!

Hexo博客可托管到GitHub Pages、GitLab Pages、Vercel 等平台,也意味着我们并不需要购买服务器。

准备工作

购买服务器

服务器厂商推荐阿里云,地域选择最近的,系统推荐使用Debian 12。

购买域名

推荐选择顶级域名,第一次购买如.cn .top首年才1元。

域名备案

大陆内地服务器需要备案,流程耗时半个月左右。

域名解析

去域名DNS服务商处添加A记录,记录值填写服务器IP。

工具下载

  • Xshell: 远程连接工具
  • Vs Code: 编辑文件

开始安装

安装宝塔面板

在XShell中运行安装命令,然后去安全组放行端口。

在浏览器中打开外网面板地址,登录后选择LNMP套件。

添加网站

域名填写刚才解析的域名,创建blog文件夹,PHP版本选择纯静态。

申请SSL证书(Let's Encrypt)。

配置Vs Code

安装中文插件和远程工具拓展,连接服务器。

配置ssh免密

bash
ssh-keygen -t rsa
echo "id_rsa.pub内容" >> ~/.ssh/authorized_keys

安装nodejs

bash
apt install nodejs npm -y
npm config set registry https://registry.npmmirror.com

安装Hexo

bash
npm install hexo-cli -g
cd /blog
hexo init

安装主题

bash
git clone -b main https://github.com/anzhiyu-c/hexo-theme-anzhiyu.git themes/anzhiyu
npm install hexo-renderer-pug hexo-renderer-stylus --save
cp -rf ./themes/anzhiyu/_config.yml ./_config.anzhiyu.yml

修改_config.yml,将theme改成anzhiyu。

验证

bash
hexo g && hexo cl && hexo s

打开网站看看效果,剩下的自己慢慢看着anzhiyu主题文档完善。

下一步

写文章的教程在下一篇文章哦~

给网站加上CDN服务
已抵达博客尽头

评论区

评论加载中...