Hexo | junyi's blog

简介

Hexo 框架的基础知识

在文章中插入图片

绝对路径本地引用
- 当Hexo项目中只用到少量图片时，可以将图片统一放在 source/images文件夹中，通过markdown的语法访问它们

Hexo使用NexT主题设置主页显示文章摘要方法

方法一：在文章中使用进行手动截断

在写博客的时候在文章中使用进行手动截断,如下图所示：

Hexo 主题美化

hexo主题美化

Hexo 添加分类及标签

在 Hexo 中，分类（Categories）和标签（Tags）是用来对文章进行组织和分类的重要工具。以下是添加分类和标签的具体步骤：

1. 在文章中添加分类和标签

在每篇文章的前置数据（YAML Front-Matter）中，可以通过 categories 和 tags 字段来定义分类和标签。例如：

---
title: 我的第一篇文章
date: 2023-12-27
categories:
  - 技术
  - 前端
tags:
  - Hexo
  - 博客
  - 教程
---

分类（categories）：
- 可以嵌套，形成层级结构，例如：技术 > 前端。
- 分类一般表示较大的主题范围。
标签（tags）：
- 没有层级结构。
- 用于更细粒度的内容标记。

2. 生成分类和标签页面

为了让分类和标签有单独的页面展示，需要配置和生成相关页面。

在 Hexo 根目录运行以下命令：

1 2	hexo new page categories hexo new page tags

编辑生成的页面文件（例如 `source/categories/index.md` 和 `source/tags/index.md`）：

---
title: 分类
type: categories
layout: categories
---

---
title: 标签
type: tags
layout: tags
---

确保主题支持对应布局：

检查主题是否有 categories 和 tags 的布局文件（通常在 themes/your-theme/layout 目录下）。如果没有，可以从其他主题借用，或自定义添加。

3. 更新配置文件

确保 Hexo 的配置文件 _config.yml 中启用了分类和标签功能：

1
2
3

default_category: uncategorized
category_map:
tag_map:

如果需要更改 URL 或路径，也可以在这里调整。例如，设置分类和标签的 URL：

1
2
3

permalink: :year/:month/:day/:title/
category_dir: categories
tag_dir: tags

4. 生成和部署

执行以下命令生成静态文件并部署：

1
2
3

hexo clean
hexo generate
hexo deploy

5. 访问分类和标签页面

分类页面通常在 /categories/
标签页面通常在 /tags/

通过访问以上路径，可以查看所有的分类和标签列表。

注意事项

分类与标签的区别：分类适合定义层级结构的主题，标签更灵活、自由。
插件支持：可以使用 hexo-generator-category 和 hexo-generator-tag 来增强分类和标签的功能（通常默认包含）。
主题兼容性：主题可能会影响分类和标签的显示效果，请根据需求选择或定制化主题。

希望这些步骤对你有所帮助！ 😊

帮助文档

Hexo 官方文档

Hexo 是什么

Hexo 是一个流行的静态网站生成器，用于创建快速、简单、轻量级的静态网站。它是基于 Node.js 构建的开源工具，允许开发者使用 Markdown 文件来创建内容，然后将这些文件转化为静态 HTML 页面。

以下是一些 Hexo 的主要特点和用途：

Markdown 内容创建：Hexo 使用 Markdown 格式来编写内容，使得内容创作变得非常简单，并且有很多 Markdown 编辑器可供选择。
快速生成静态网站：Hexo 的主要目标是生成静态网站，这意味着网站的访问速度通常很快，因为不需要在每个页面请求时生成内容。一旦生成，你可以将生成的文件部署到任何静态文件主机或 CDN 上。
主题和插件支持：Hexo 提供了许多主题和插件，以帮助你自定义网站的外观和功能。你可以轻松地更改主题或编写自己的插件来扩展 Hexo 的功能。
命令行工具：Hexo 提供了一组命令行工具，用于创建、生成、部署和管理你的静态网站。这些命令简化了网站的日常维护工作。
版本控制集成：Hexo 可以轻松与版本控制系统（如 Git）集成，以帮助你管理网站内容的版本。
丰富的社区支持：由于 Hexo 的流行，你可以找到许多社区和资源，可以提供教程、主题、插件和支持。

Hexo 是一个非常适合博客、个人网站和文档站点等的工具，它使你能够创建和维护自己的静态网站，而无需依赖动态服务器或数据库。

Hexo框架详解

Hexo 是一个基于 Node.js 的静态网站生成框架，旨在帮助用户创建和维护快速、简单、轻量级的静态网站。以下是 Hexo 框架的详细解释：

Node.js 基础：Hexo 是基于 Node.js 构建的，这使得它可以利用 Node.js 的模块和生态系统。Node.js 是一种高效的服务器端运行环境，用于构建高性能的应用程序。
Markdown 内容创建：Hexo 使用 Markdown 作为主要的内容创作语言。Markdown 是一种轻量级的标记语言，使得创建和编辑内容变得非常简单，因为它的语法非常易于阅读和编写。
静态网站生成：Hexo 的核心功能是将 Markdown 文件和其他资源文件（如图片、样式表等）转化为静态 HTML 页面。这意味着生成的网站不需要服务器端处理，访问速度很快，而且安全性高。
主题支持：Hexo 提供了丰富的主题支持，允许用户轻松更改网站的外观和风格。你可以选择一个现成的主题，也可以编写自己的主题来满足个性化需求。
插件支持：Hexo 也支持插件，允许你扩展网站的功能。这些插件可以用于添加社交媒体分享按钮、SEO 优化、站点地图生成等。
命令行工具：Hexo 提供了一组命令行工具，用于创建、生成、部署和管理网站。这些工具可以简化常见任务，例如创建新文章、生成网站、部署到服务器等。
版本控制集成：Hexo 可以轻松与版本控制系统（如 Git）集成，这意味着你可以使用版本控制来管理和备份网站内容，以及与团队协作。
丰富的社区支持：Hexo 是一个广受欢迎的工具，拥有庞大的用户社区。这意味着你可以轻松找到教程、主题、插件和支持，以帮助你更好地使用 Hexo。

Hexo 最常用于创建个人博客、文档站点、项目文档、个人网站等静态网站类型。它是一个灵活而强大的工具，可以适应各种用例，同时保持简单易用。无论你是初学者还是有经验的开发者，都可以受益于使用 Hexo 来构建和维护自己的静态网站。

简介