Hexo简介

Hexo 是一个快速、简洁且高效的博客框架。 Hexo 使用 Markdown(或其他标记语言)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。

安装要求

安装 Hexo 相当简单,只需要先安装下列应用程序即可:

  • Node.js (Node.js 版本需不低于 10.13,建议使用 Node.js 12.0 及以上版本)
  • Git

安装Hexo

准备一个Hexo文件夹,cmd进去。

1.全局安装hexo-cli

npm install -g hexo-cli

2.安装 Hexo 完成后,请执行下列命令,Hexo 将会在指定文件夹中新建所需要的文件。

hexo init blog

image-20250903163317415

3.跳转到根目录,安装依赖。

npm install

4.最后输入hexo s启动项目。

image-20250903163526451

页面如下:

img

Hexo常用指令

1.new:新建一篇文章

hexo new "title"

2.generate:

生成 Hexo 博客的静态文件。运行这个命令后,Hexo 会根据你的 Markdown 文件生成对应的 HTML 文件,这些文件会被保存在 public 目录下。你可以通过浏览器访问这个目录下的文件,查看你的博客页面。

hexo generate 
//可以简写
hexo g

3.server:启动服务

hexo server
//可以简写
hexo s

4.deploy:部署项目

hexo deploy

5.clean:

清理 Hexo 生成的缓存和已生成的静态文件。通常在你修改了配置或主题后运行此命令,确保生成的文件是最新的。

它会删除 public 目录中的所有文件和 _posts 目录中的缓存文件。

hexo clean

快速部署到GitHub服务器

GitHubPages

GitHub PagesGitHub 上一项免费的托管服务,它可以让用户将静态网页文件、图片、视频和其他媒体文件托管在 GitHub 上,而无需购买虚拟主机或服务器空间。

新建仓库

命名规则:username.github.io(username为你的用户名)。

创建完仓库后,找到该仓库的http地址,然后复制下来。

image-20250903164655652

一键部署

回到根目录,进入cmd。

首先安装hexo-deployer-git.

npm install hexo-deployer-git --save

第二步在根目录下的_config.yml文件中添加配置。

deploy:
type: git
repo: https://github.com/megumieren/megumieren.github.io.git //刚刚复制的http地址
branch: master

第三步生成静态文件。

hexo g 或者 hexo generate

最后一步部署。

hexo d 或者 hexo deploy

部署完成后,进入Github仓库页面,点击右上角Settings,然后点击Pages,Deploy from a branch选择master,最后点击save即可。

image-20250903165625530

接着就可以访问username.github.io进入你的在线网站了。