首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >腾讯云服务器如何快速部署 Hexo 个人博客

腾讯云服务器如何快速部署 Hexo 个人博客

原创
作者头像
喵喵侠
修改2024-12-02 10:34:22
修改2024-12-02 10:34:22
6400
举报

前言

你好,我是喵喵侠。作为一名热爱技术的开发者,我上大学那会儿就开始研究如何搭建个人博客了。经典的博客系统有WordPress、Typecho、Ghost等,这些部署起来也很简单,需要安装后台数据库,可以通过后台直接发布文章。对于前端开发人员来说,静态网站部署或许会更加简单一些,你只需要使用Markdown语法编写文章,加入一些博客框架特定的语法,就可以形成标题、关键词、主题样式、内容等配置。

Hexo 作为一个轻量级、高性能的静态博客生成框架,成为了我的首选。而选择腾讯云服务器,则是看中了它的稳定性和性价比。

最近腾讯云双十一活动非常给力,有轻量应用服务器、CVM秒杀活动,无论新用户新购,还是老用户续费,都十分划算,感兴趣的朋友可以看看:

https://cloud.tencent.com/act/pro/double11-2024?fromSource=gwzcw.8891716.8891716.8891716

接下来,我将分享自己从零开始在腾讯云服务器上部署 Hexo 的整个过程,干货满满,非常适合个人开发者。

准备工作

购买腾讯云服务器

  • 登录 腾讯云官网,购买一台轻量应用服务器或标准云服务器。
  • 推荐选择 CentOS 7Ubuntu 20.04 系统,只需要配置 1核2G 或以上即可满足 Hexo 的需求。
  • 开通服务器后,记录好公网 IP 和用户名密码。

下面这个活动配置就很合适,适合个人网站搭建。

本地环境准备

  • 确保本地已安装 SSH 客户端(如 macOS 自带的 Terminal 或 Windows 的 PuTTY)。
  • 安装 Hexo CLI(需要提前安装 Node.js 和 npm):
代码语言:bash
复制
npm install -g hexo-cli

Node.js版本推荐使用偶数版本,比方说18、20、22这样的,我个人用的是22的版本。npm也可以用pnpm代替,下面不再赘述。

我个人用的SSH客户端是FinalShell,体验还不错,推荐一下。

连接服务器并配置基础环境

通过 SSH 连接服务器

在终端中输入:

代码语言:bash
复制
ssh root@<你的服务器IP>

输入密码后即可登录。

更新系统并安装必要工具

保持系统最新并安装一些常用工具:

代码语言:bash
复制
sudo yum update -y         # CentOS 用户
sudo apt update && sudo apt upgrade -y  # Ubuntu 用户

sudo yum install git -y    # CentOS 用户
sudo apt install git -y    # Ubuntu 用户

安装nvs

为了运行 Hexo,需要先安装 Node.js 和 npm。这里推荐使用 nvs来管理 Node.js 版本:

代码语言:bash
复制
export NVS_HOME="$HOME/.nvs"
git clone https://github.com/jasongin/nvs "$NVS_HOME"
. "$NVS_HOME/nvs.sh" install

安装Node.js LTS版本

代码语言:bash
复制
nvs add lts

全局使用Node最新lts版本

代码语言:bash
复制
nvs link lts

验证 Node.js 和 npm 是否安装成功:

代码语言:bash
复制
node -v
npm -v

部署 Hexo 博客

在服务器上初始化 Hexo

创建一个用于存放博客文件的目录:

代码语言:bash
复制
mkdir -p ~/hexo-blog
cd ~/hexo-blog

初始化 Hexo 项目:

代码语言:bash
复制
hexo init .
npm install

生成静态文件:

代码语言:bash
复制
hexo generate

启动本地预览:

代码语言:bash
复制
hexo server -i 0.0.0.0

此时,通过浏览器访问 http://<你的服务器IP>:4000,可以看到默认的 Hexo 博客页面。

四、配置 Nginx 实现稳定访问

Hexo 自带的 hexo server 适合本地调试,但生产环境推荐使用 Nginx 作为静态文件服务器。

1. 安装 Nginx

代码语言:bash
复制
sudo yum install nginx -y      # CentOS 用户
sudo apt install nginx -y      # Ubuntu 用户

2. 配置 Nginx

编辑 Nginx 配置文件,将 Hexo 的静态文件目录映射到公网:

代码语言:bash
复制
sudo nano /etc/nginx/conf.d/hexo.conf

添加以下内容:

代码语言:nginx
复制
server {
    listen 80;
    server_name <你的域名或服务器IP>;

    root /home/<你的用户名>/hexo-blog/public;
    index index.html;

    location / {
        try_files $uri $uri/ =404;
    }
}

保存后测试配置是否正确:

代码语言:bash
复制
sudo nginx -t

然后重启 Nginx:

代码语言:bash
复制
sudo systemctl restart nginx

此时,直接访问 http://<你的服务器IP>,即可看到 Hexo 博客页面。

Hexo 博客的简单配置与优化

安装主题

Hexo 默认主题较简单,可以换成更加美观的主题,如 NexT

代码语言:bash
复制
cd ~/hexo-blog
git clone https://github.com/next-theme/hexo-theme-next themes/next

修改 _config.yml 文件,将 theme 改为 next,然后重新生成静态文件:

代码语言:bash
复制
hexo clean
hexo generate

添加文章

在 Hexo 中创建新文章:

代码语言:bash
复制
hexo new "我的第一篇博客"

编辑生成的文件(位于 source/_posts 文件夹中),然后生成并部署博客。

绑定域名

你可以在腾讯云购买合适的域名,com的域名是最通用的,如果想要便宜,可以选择top这样的域名,购买域名后,将域名解析到服务器的公网 IP,并修改 Nginx 配置中的 server_name 为你的域名。

总结

通过腾讯云服务器部署 Hexo,不仅能快速上线个人博客,还能提升自己在 Linux、Node.js、Nginx 等技术栈上的技能。如果你也是一名开发者,不妨试试看,把你的技术经验写成博客,与更多人分享。你的博客仓库源码,可以部署到Github等在线代码托管平台,这样就能保证你的博客数据永不丢失。最后,别忘了定期更新和备份你的博客内容,让它成为你技术成长的见证!

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 前言
  • 准备工作
    • 购买腾讯云服务器
    • 本地环境准备
  • 连接服务器并配置基础环境
    • 通过 SSH 连接服务器
    • 更新系统并安装必要工具
    • 安装nvs
  • 部署 Hexo 博客
    • 在服务器上初始化 Hexo
  • 四、配置 Nginx 实现稳定访问
    • 1. 安装 Nginx
    • 2. 配置 Nginx
  • Hexo 博客的简单配置与优化
    • 安装主题
    • 添加文章
    • 绑定域名
  • 总结
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档