Hexo博客搭建完全教程

发表于 更新于 分类于

Hexo博客搭建完全教程

前言

Hexo是一款基于Node.js的静态博客框架，它使用Markdown渲染引擎，能够让您快速生成静态网页并部署到服务器上。本文将详细介绍如何从零开始搭建一个属于自己的Hexo博客。

环境准备

在开始搭建Hexo博客之前，您需要安装以下软件：

  1. Node.js - Hexo基于Node.js运行
  2. Git - 用于部署博客和版本控制
  3. 文本编辑器 - 推荐使用VS Code

安装Hexo

1
2
3
4
5
6
7
8
9
# 全局安装Hexo命令行工具
npm install -g hexo-cli

# 创建博客文件夹
hexo init myblog
cd myblog

# 安装依赖
npm install

基本配置

Hexo的主要配置文件是根目录下的_config.yml，您需要修改以下基本信息：

1
2
3
4
5
6
7
8
9
10
11
# 网站基本信息
title: 您的博客名称
subtitle: 博客副标题
description: 博客描述
keywords: 关键词1,关键词2
author: 您的名字
language: zh-CN
timezone: Asia/Shanghai

# 网址设置
url: https://yourusername.github.io

创建文章

1
2
# 创建新文章
hexo new "文章标题"

文章创建后，您可以在source/_posts/目录下找到对应的Markdown文件，编辑完成后即可预览效果。

本地预览

1
2
# 启动本地服务器
hexo server

启动后访问 http://localhost:4000 即可预览博客效果。

部署到GitHub Pages

  1. 创建GitHub仓库：username.github.io
  2. 安装部署插件：npm install hexo-deployer-git --save
  3. 修改配置文件：
1
2
3
4
deploy:
  type: git
  repo: https://github.com/username/username.github.io.git
  branch: main
  1. 执行部署命令：
1
hexo clean && hexo deploy

进阶使用

  1. 更换主题 - 可以在Hexo主题页面找到喜欢的主题
  2. 添加插件 - 可以安装各种插件扩展功能
  3. 自定义域名 - 可以绑定自己的域名

总结

通过以上步骤，您已经成功搭建了一个Hexo博客，并能够发布文章。希望您能够享受博客创作的乐趣！