Hexo搭建个人博客并部署到虚拟主机

admin 1个月前 (07-23) 阅读数 494 #虚拟主机知识

本文介绍了使用Hexo搭建个人博客并将其部署到虚拟主机的完整流程，在本地安装Node.js和Git，然后通过npm安装Hexo并初始化博客项目，撰写文章并通过Hexo命令生成静态文件，将生成的文件上传至虚拟主机空间，并配置域名和SSL证书以确保访问安全，整个过程简单高效，适合快速创建个性化的在线博客平台。

使用 Hexo 搭建个人博客并部署到虚拟主机

在这个数字化的时代，拥有一个属于自己的博客网站已经成为许多人的心愿，它不仅是展示个人才华和兴趣爱好的平台，也是交流思想、分享知识的重要媒介，对于技术爱好者而言，Hexo 是一个非常受欢迎的选择，因其简单易用且功能强大的特性而广受好评，本文将详细介绍如何使用 Hexo 搭建个人博客,并成功将其部署到虚拟主机上。

什么是 Hexo？

Hexo 是一个基于 Node.js 的静态站点生成器，最初由林鸿（Thomas Lin）于2013年创建，它以其快速、灵活的特点而闻名，支持使用 Markdown 编写文章，并通过简单的命令即可生成静态网页，Hexo 还拥有丰富的插件生态系统，可以轻松实现各种个性化需求，例如添加评论系统、集成社交分享按钮等。

准备工作

在开始之前,请确保您的电脑已安装以下软件：

Node.js：Hexo 需要依赖于 Node.js 环境来运行,您可以从官网下载并按照说明进行安装。
Git：用于版本控制，方便管理代码仓库，如果尚未安装 Git,请访问其官方网站获取安装包。
Hexo：通过 npm 安装 Hexo，执行 npm install -g hexo-cli 命令即可全局安装 Hexo。

您还需要注册一个虚拟主机账户，市场上有许多提供虚拟主机服务的公司，如 Bluehost、HostGator 和 SiteGround 等，选择一家信誉良好且价格合理的服务商，购买相应的套餐后，您将获得 FTP 访问权限及其他必要的配置信息。

创建 Hexo 博客

初始化博客项目

打开命令行工具，进入您希望存放博客文件夹的位置，然后输入以下命令以初始化一个新的 Hexo 博客项目：

hexo init blog
cd blog
npm install

这一步会下载所有所需的依赖项,并设置好项目的初始结构。

配置站点信息

进入 _config.yml 文件，这是 Hexo 的核心配置文件，修改其中的 site 部分来设置您的站点名称、描述等内容：

description: 这是一个记录日常点滴和技术探索的地方。
author: 您的名字
email: 您的电子邮件地址
language: zh-CN
timezone: Asia/Shanghai

写作与发布文章

让我们来写第一篇文章吧！使用如下命令新建一篇名为 "Hello World" 的文章：

hexo new post "Hello World"

在 source/_posts/ 目录下应该可以看到一个以时间戳命名的新文件夹，里面包含一个 .md 文件，打开该文件，按照标准的 Markdown 格式撰写内容,完成后保存并关闭。

本地预览

为了查看新创建的文章效果，我们可以启动 Hexo 的本地服务器进行预览,运行以下命令：

hexo server

默认情况下，Hexo 会在 http://localhost:4000 上启动一个小型 Web 服务器，打开浏览器访问该网址,您就可以看到刚刚写好的文章了！

部署到虚拟主机

当您满意于本地测试的结果之后，下一步就是将整个博客上传至线上空间，为此,我们需要借助第三方工具实现自动化部署流程。

安装 Hexo 插件

首先安装 Hexo 的部署插件，它可以帮助我们将博客推送到指定的目标位置,执行下面这条命令：

npm install hexo-deployer-git --save

这样就完成了对 Git 部署的支持。

配置部署选项

接着回到 _config.yml 文件中，找到 deploy 部分,添加或修改如下内容：

deploy:
  type: git
  repo: https://github.com/username/repository.git  # 替换为您实际使用的 GitHub 或其他版本控制系统地址
  branch: master                                      # 主分支名称，默认为 'master'

请确保此处填写的是您所拥有并且有权推送更新的远程仓库 URL，如果是首次推送，则需要先克隆该仓库到本地；若已有内容，则只需执行 push 操作即可。