如何使用Hexo搭建属于自己的博客

最新推荐文章于 2025-04-17 20:32:28 发布

原创

最新推荐文章于 2025-04-17 20:32:28 发布 · 452 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#node.js

本文详细介绍了如何使用Hexo搭建个人博客，包括环境准备、安装Hexo、选择Next主题、配置搜索、分类和标签功能，以及添加脑图功能。通过步骤指导，帮助读者轻松创建并定制自己的博客。

Hexo安装步骤

Hexo官网

环境准备

Nodejs
Git

node -v
npm -v

安装Hexo

npm install hexo-cli -g
# cd到你需要创建博客的文件夹
hexo init blog
cd blog
npm install
hexo server

在这里插入图片描述

Next主题

安装Next

cd your-hexo-site
git clone https://github.com/theme-next/hexo-theme-next themes/next

图片插件

npm install h

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

明辉光焱

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

hexo笔记二：添加分类和标签，以及发表文章

Awt_FuDongLai的博客

07-13

2211

一个网站最重要的就是内容，尤其是CMS系统的网站。个人博客网站中最重要的就是里面的博文了。hexo支持markdown格式编写博文。在这之前，先学习下怎么添加分类和标签，这些都是跟文章相关的属性。一、创建“分类”页面进入博客根目录，即之前执行过hexo init命令的目录 cd 博客目录 hexo n page categories 然后更改categories文件夹下会有index.md这个文件 vim source/categories/index.md 在文件末添加一行，即type那一行

如何在Hexo中对文章md文件分类

一个码农的博客

12-23

1万+

Hexo是一个快速、简洁且高效的博客框架，常用在Github Page上部署个人博客。起因在默认配置下，我们使用hexo new post [title]会在source/_post/目录下生成对应的markdown文件，而使用hexo g生成的html文件路径是:year/:month/:day/:title.html。当我们写的博客越来越多的时候，会发现，所有文章都是在source/_po...

参与评论您还未登录，请先登录后发表或查看评论

hexo-directory-category:根据文章文件目录自动将类别添加到Hexo文章中

05-08

十六进制目录类别根据文章文件目录，自动将最重要的categories添加到Hexo文章中。目录是指Hexo source _posts文件夹的相对表格文章文件路径。特征请参阅的详细信息如果文章的前身没有选择类别，则根据文件目录自动将类别添加到文章。易于对文章进行分类或更改类别。安装 $ cd < your> $ npm install --save hexo-directory-category 选项您可以在站点_config.yml配置此插件。 auto_dir_categorize: enable: true # options:true, false; default is true force: false # options:true, false; default is false enable-启用插件。默认为true 。

5.Hexo为页面标记标签和类别

ChoSeitaku的博客

04-13

1886

Hexo的标签和类别基本上是可以在Hexo中将内容分组的两种方式如果在网站上有一堆内容，有不同的博客文章将博客文章分类为不同的类别会很有帮助用特定的关键词为博客文章标记如果可以同时分类和标记页面，会使网站用户更轻松地找到他们想要的页面类型还可以提高网站的整体组织性。

Hexo攻略-添加分类及标签

qq_39181839的博客

11-03

2877

Hexo攻略-添加分类 1.创建“分类”选项在命令窗口输入下方命令 hexo new page categories /source/categories文件夹下会有index.md文件，打开后内容默认为： --- title: categories date: 2020-10-26 19:47:40 --- 添加type: categories到内容中，添加后： --- title: 分类 date: 2019-04-24 15:30:30 type: categories --- 保存并关闭

使用Hexo搭建自己的博客.md

07-23

本文将详细介绍如何使用Hexo这一高效、简洁的博客框架来搭建属于自己的博客平台。 #### 二、为什么要搭建个人博客？ 1. **记录成长历程**：通过撰写文章，可以记录下自己的学习和工作过程中的所思所想，这对于日后...

个人博客系统-前后端,基于hexo搭建

10-19

总的来说，基于Hexo搭建个人博客系统，既简单又灵活。无论你是前端开发者，还是对代码不熟悉的普通用户，都能通过Hexo轻松打造属于自己的知识分享空间。而且，随着对Hexo理解的深入，你还可以自定义更多的功能，...

使用Hexo免费搭建个人博客教程

csdnxia的博客

10-18

4102

前言现在各种互联网博客非常的，常见的如优快云、简书、掘金、博客园等平台，这些博客平台做的都很好，可以直接在上面注册自己的账号写文章，发表的文章在百度、Bing等搜索引擎上也能收到，但缺点是受于平台的各种限制，个人定制化不自由，而且大多数平台都会有各种广告。于是想到自己搭建一个博客网站，但对大多数人而言，自己购买服务器和域名来搭建博客成本实在太高的了，而且有点浪费，还需要定期维护，这时一种不错的选择就是使用第三方开源托管平台（GitHub、GitLab等）来当作我们的服务器，并使用快速简洁的博客搭建框架

使用Hexo搭建一个属于自己的博客

Amnesia-Fu的博客

05-10

563

目录前言简介 GitHub Pages 是什么？ Hexo 是什么？ Hexo + GitHub 文章发布原理优缺点搭建步骤一：在GitHub创建个人仓库搭建步骤二：配置本地环境搭建步骤三：配置Git连接GitHub 搭建步骤四：本地安装Hexo博客程序搭建步骤五：部署 Hexo 到 GitHub Pages 常用命令结语 End 前言这是一个非常悲伤的故事，如标题所言，我已经被这Hexo搞崩溃了，原因就是bug太多...(其实这是篇教程) 不过言归正

Hexo新建标签、分类、归档等页面

荷塘月色

07-30

1万+

Hexo新建标签、分类、归档页面，步骤都是类似的：1. 新建页面。2. 设置页面的类型。3. 打开主题中的相关设置。

【Hexo】nexT主题使用攻略基础——添加分类、标签及关于

weixin_48927364的博客

03-05

6414

本文针对的是Windows环境下，添加Hexo博客的文章分类、标签以及关于三处属性，以nexT主题为例，其他主题仿此，大同小异。添加成功后会在侧边栏或导航栏生成“分类”、“标签”、“关于”这三个选项，以提升浏览体验。

Hexo 使用攻略——添加分类与标签

热门推荐

阿甘的博客

01-12

3万+

1：添加关于页面使用：hexo new page "about" 新建一个关于我页面。主题的 _config.yml 文件中的 menu 中进行匹配 menu: home: / //主页 categories: /categories //分类 archives: /archives //归档 tags: /tags //标签 about: /

hexo添加_Hexo 添加分类及标签

weixin_33609654的博客

02-01

343

生成的新文件夹都在source下也就是和放文章的文件夹一块以下所有命令都是在博客文件目录下执行1. 创建“分类”选项生成“分类”页并添加tpye属性,进入博客目录。执行命令下方命令$ hexo new page categories复制代码categories文件夹下会有index.md这个文件，打开后默认内容是这样的：---title: categoriesdate: 2019-04-22 14...

hexo next 文章添加分类

benben0729的专栏

02-13

3374

添加分类页新建一个页面，命名为categories,命令如下： hexo new page categories 编辑刚新建的页面，将页面的类型设置为categories,主题将自动为这个页面显示所有分类 title: 分类 date: 2014-12-22 12:39:04 type: "categories" --- 注意：如果有启用多说或者 Disqus 评论，默认页面也会带有评论。...

hexo的Next创建categories

lcyaiym的专栏

08-06

476

欢迎访问我的个人博客网站：http://www.yanmin99.com/ hexo的Next创建categories 一、categories创建步骤 1、新建一个页面，命名为categories。命令如下： hexo new page categories 在myBlog/source下会新生成一个新的文件夹categories ，在该文件夹下会有一个inde...

Hexo博客NexT主题下添加分类、标签、关于菜单项

野猿新一

06-25

1万+

Hexo NexT主题下默认有首页和归档两个菜单，我们还可以开启其他菜单项，比如分类、标签、关于首先打开主题下的配置文件_config.yml，然后搜索menu找到如下配置项，将about、tags、categories前的#号去掉，就开启了关于、标签和分类标签，当然还有其他菜单项也可以开启 # -----------------------------------------------...

hexo 新建一篇文章给它添加分类和标签:

Updating!

12-21

3万+

hexo 新建一篇文章给它添加分类和标签:hexo new "Hexo教程"通过mou编辑器打开：添加tags和categoriestitle: title #文章標題 date: 2016-06-01 23:47:44 #文章生成時間 categories: “Hexo教程” #文章分類目錄可以省略 tags: #文章標籤可以省略 - 标签1 - 标签2 de

Hexo建立同级分类与父子分类

02-22

1714

本文同步更新与我的个人博客：https://blog.hizrd.top，欢迎访问！本文在我的个人博客上的链接：点击进入前言最近，在使用hexo 些文章的过程中发现，当我在篇文章中添加了多个分类后，这些分类变成了父子分类，而不是同级，添加再后面的变成了前面分类的子分类。检查的缩进之后发现完全是一样的，但是为什么以前没有遇到过这样的问题呢？看了一下，原来以前的文章都是一个分类，这还是第一个...

使用hexo搭建个人博客

03-18

### 如何使用 Hexo 搭建个人博客 #### 工具简介 Hexo 是一款基于 Node.js 的快速、简洁且高效的静态博客框架。它能够帮助开发者轻松创建并管理个人博客，尤其适合托管在 GitHub Pages 上。 --- #### 环境准备为了成功搭建 Hexo 博客，需要完成以下准备工作： 1. **Node.js 下载与安装** - Hexo 基于 Node.js 运行环境，因此需先下载并安装最新稳定版本的 Node.js[^1]。 2. **配置 npm 淘宝镜像源** - 如果在国内网络环境下运行命令较慢，可以切换到淘宝 NPM 镜像以加速依赖包的安装： ```bash npm config set registry https://registry.npmmirror.com ``` 3. **全局安装 Hexo CLI** - 使用 npm 安装 Hexo 命令行工具： ```bash npm install -g hexo-cli ``` 此操作完成后即可通过 `hexo` 命令初始化项目。 --- #### 创建博客的具体过程以下是创建 Hexo 博客的主要流程： 1. 初始化新项目 - 执行以下命令来初始化一个新的 Hexo 项目文件夹： ```bash hexo init blog cd blog npm install ``` 2. 启动本地服务测试 - 输入以下命令启动开发服务器，在浏览器访问地址 http://localhost:4000 查看效果： ```bash hexo server ``` 3. 编写文章 - 新增一篇文章可以通过如下指令实现： ```bash hexo new "My First Post" ``` 默认会在 `source/_posts/` 文件夹下生成 `.md` 格式的 Markdown 文件供编辑。 4. 构建站点 - 当所有内容准备好之后，执行构建命令生成静态页面至 public 目录中： ```bash hexo generate ``` 5. 渲染预览 - 若要查看最终渲染后的网页样式，则可通过此命令重新加载服务端口展示更新的内容： ```bash hexo clean && hexo g && hexo s ``` --- #### 部署博客到远程仓库推荐将 Hexo 博客部署到 GitHub Pages 实现在线浏览功能： 1. 安装必要的插件支持 Git 和 Deploy 功能： ```bash npm install hexo-deployer-git --save ``` 2. 修改 `_config.yml` 中的相关设置项指向目标存储库路径以及分支名称等参数；示例片段可能类似于这样： ```yaml deploy: type: git repo: https://github.com/<username>/<reponame>.git branch: main ``` 3. 提交更改并将生成好的 HTML 资料推送到远端主机上去： ```bash hexo d -g ``` 以上步骤即完成了从零开始直至上线整个周期内的全部环节说明[^2]。 --- #### 总结借助 Hexo 平台及其丰富的主题模板资源，即使是初学者也能迅速掌握如何建立属于自己的个性化博客空间，并利用开源社区的力量持续优化改进体验质量[^3]。 ```python print("恭喜您已完成 Hexo 博客的基础搭建!") ```