如何搭建个人网页（一）—— Hexo

发表于 更新于 分类于 阅读次数： Waline： 本文字数： 1k 阅读时长 ≈ 2 分钟

开始

本篇文章主要讲搭建个人网页的第一步，包括安装hexo、掌握hexo的基本指令，以及如何使用hexo写博客。

前面还有零，建议阅读那一篇后再开始本篇。

一 安装Hexo

Hexo 是一个基于 Node.js 的快速、简洁且强大的静态博客框架，专为博客创作者设计。它支持使用 Markdown 撰写文章，生成静态文件，并通过简单的命令快速部署到各种平台（如 GitHub Pages、GitLab Pages 等）。Hexo 拥有丰富的插件和主题生态，用户可以轻松扩展功能或切换风格，同时生成速度极快，非常适合追求高效与可定制性的个人博客搭建者。

首先，创建一个空文件夹，取个名字，例如pentabin，接下来我们的命令和代码都在这里面。

然后在该文件夹中打开命令行，使用npm命令安装Hexo，输入：

1
npm install -g hexo-cli

安装完成后初始化博客：

1
hexo init blog

接下来进入blog，输入以下命令进行测试：

1
2
3
4
cd blog
hexo new a_test
hexo g
hexo s

这时应该可以看到命令行中出现了：

image-20241212195447801

此时到浏览器中输入http://localhost:4000/，应该就能看到网页了。

image-20241212195736518

二 Hexo指令

常用指令

输入hexo -h可以看到hexo的可用指令。

image-20241212195924850

这里介绍几个常用的：

hexo clean 清除生成的缓存和静态文件
hexo generate == hexo g 生成静态网站文件（/public）
hexo server == hexo s 启动一个本地测试服务器，用于在浏览器中预览生成的静态网站。
hexo deploy == hexo d 将生成的静态网站文件部署到指定的服务器或托管平台

如何使用

以后我们每次更新博客、配置或代码后，如果本地预览博客，执行以下三个命令即可：

1
2
3
hexo clean
hexo g
hexo s

如果要发布到线上，则：

1
2
3
hexo clean
hexo g
hexo d

三 上传博客

如果想写博客，只需要将md文件放入blog/source/_posts文件夹下即可，同时md文件的开头需要写上例如：

1
2
3
4
5
6
7
8
---
title: 我的第一份博客
date: 2024-12-12 19:44:00
tags:
  - 一份标签
categories:
  - 一种类别
---

接下来执行三个hexo命令，网页里就会出现这篇博客了。

继续

接下来会讲如何发布借助Gitlab Pages将网站发布到线上。