返回

hexo搭建个人博客，你的天地，你的主宰！

前端

作为一名前端程序员，怎么能没有自己的博客小天地呢？阅读了太多别人的博客，太羡慕了！那么，就从简单的 Hexo 搭建开始，然后慢慢改成自己手动开发的博客吧！

前期准备

在开始之前，我们需要先确认好以下几点：

  • 已经安装了 Node.js 和 npm。
  • 准备一个你喜欢的主题，作为博客的整体设计框架。
  • 注册好域名并购买服务器，服务器可选择虚拟主机或云服务器，推荐云服务器，云服务器的性能和稳定性更好。

安装 Hexo

安装 Hexo 非常简单，只需要在命令行中输入以下命令：

npm install -g hexo

等待安装完成，然后初始化一个新的博客项目：

hexo init <博客目录>

选择主题

Hexo 有很多好看的主题可供选择，大家可以根据自己的喜好选择。为了方便大家快速上手，我这里推荐一个简洁大方的主题 - Next。

cd <博客目录>
hexo-pm install hexo-theme-next

启动 Hexo

Hexo 安装完成后，我们就可以启动 Hexo 了，启动命令如下：

hexo serve

在浏览器中访问 localhost:4000 即可看到我们的博客了。

写博客

Hexo 的博客文章都是以 Markdown 语法编写的，Markdown 是一种轻量级的标记语言，非常适合编写博客文章。

Hexo 的博客文章默认存储在 source/_posts 目录下，每个博客文章对应一个 Markdown 文件。

我们新建一个博客文章，命名为 hello-world.md，内容如下：

---
title: Hello World
date: 2023-03-08
---

这是我的第一个 Hexo 博客文章。

保存好文件后，在浏览器中刷新博客页面，就可以看到新发布的文章了。

部署博客

当我们写好博客文章后，就需要将博客部署到服务器上，这样别人才能访问到我们的博客。

Hexo 支持多种部署方式，这里我们以 GitHub Pages 为例。

1. 创建 GitHub 仓库

首先，我们需要创建一个 GitHub 仓库，作为博客的存储库。

2. 配置 Hexo

在 Hexo 的根目录下，找到 _config.yml 文件，打开它并找到 deploy 配置项。

在 deploy 配置项中，将 type 改为 git，并将 repository 改为你的 GitHub 仓库地址。

deploy:
  type: git
  repository: https://github.com/<你的用户名>/<你的仓库名>

3. 部署博客

配置好后，我们就可以部署博客了，部署命令如下：

hexo deploy

等待部署完成，我们的博客就可以在 GitHub Pages 上访问了。

结语

以上就是 Hexo 搭建个人博客的教程，是不是很简单呢？赶快行动起来，搭建自己的博客吧！