`

Hexo 支持目录

阅读更多

目录:


Hexo 的强大之处就是有很多plugin可以扩展功能,Hexo支持目录也很简单。

安装

首先,安装一个hexo-toc的插件,代码如下:

npm install hexo-toc --save

配置

然后,配置一下站点配置文件_config.yml:

toc:
  maxdepth: 3
  class: toc
  slugify: transliteration
  decodeEntities: false
  anchor:
    position: after
    symbol: '#'
    style: header-anchor

使用

在Markdown文章中加入TOC的占位符:

<!-- toc -->

效果

请看本文。

 

 
发个大红包


原文地址

0
0
分享到:
评论

相关推荐

    导出quiver笔记到hexo支持导出静态资源

    这篇关于"导出Quiver笔记到Hexo支持导出静态资源"的主题,主要涉及的是如何将Quiver中的笔记内容,包括其中的静态资源,如图片、代码片段等,转换成Hexo能够识别和处理的格式,以便在Hexo博客上展示。 首先,我们...

    Hexo博客搭建文件(next主题)

    - Hexo支持众多插件,你可以根据需求安装,如SEO优化、代码高亮、阅读计数等。使用`npm install --save &lt;plugin-name&gt;`安装插件。 - Next主题也有许多第三方主题样式和布局供你选择,可以根据个人喜好进行更换。 ...

    hexo-theme-icarus.zip

    接着在你想要存放博客源码的目录下初始化Hexo,执行`hexo init`,这将创建一系列必要的文件和目录。 2. 运行与部署:在初始化后的目录中,你可以通过`hexo generate`(或简写为`hexo g`)命令生成静态网页,`hexo ...

    我的博客Hexo

    - Hexo支持众多美观的主题,你可以在Hexo的官方主题仓库中选择你喜欢的样式。下载并解压到`themes`目录下,然后在`_config.yml`中更改`theme`配置项。 - 主题的配置文件通常位于`themes/你的主题名/_config.yml`,...

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

    将主题文件解压到`themes`目录下,然后在`_config.yml`中设置`theme`为`hexo-boot-master`。接着,你可以根据主题文档进行配置,调整颜色、布局等元素,以满足个性化需求。 除了主题,Hexo的插件系统也是其强大之处...

    我的HEXO小站所有代码

    - **Plugins**:Hexo支持丰富的插件系统,你可以通过安装各种插件来扩展其功能,如SEO优化、评论系统、统计分析等。 2. **文件结构**: - `_config.yml`:这是Hexo的主配置文件,包含站点的基本信息(如标题、副...

    hexo-theme-spfk, Hexo双栏博客主题仓库 Another simple and elegant theme for Hexo..zip

    4. **插件集成**:hexo-theme-spfk支持多款Hexo插件,通过安装和配置插件,可以实现评论系统、统计分析、社交媒体分享等功能。 5. **响应式设计**:此主题还具备响应式布局,无论是在桌面还是移动设备上,都能提供...

    前端开源库-hexo-uglify

    1. 安装:首先,你需要在你的Hexo项目目录下运行`npm install hexo-uglify --save`命令,这会将hexo-uglify插件添加到你的本地依赖中。 2. 配置:在Hexo的配置文件`_config.yml`中,找到`deploy`部分,然后添加或...

    hexo blog源码

    - **扩展语法**:Hexo支持Markdown的扩展,如表格、脚注、内联HTML等。 10. **SEO优化**: - **元信息**:在文章的YAML头信息中添加标题、描述、关键词等,以利于搜索引擎抓取。 - **Sitemap**:安装`hexo-...

    hexo-theme-next-5.1.4

    在下载并解压`hexo-theme-next-5.1.4`压缩包后,我们需要将其移动到Hexo项目的`themes`目录下,然后在Hexo的配置文件`_config.yml`中将`theme`字段设置为`next`,以便启用该主题。 Next主题的亮点之一是其丰富的...

    Hexo静态网站搭建,中文文档

    此外,Hexo还支持国际化(i18n),方便创建多语言网站。 Hexo的核心还包括文章、脚手架(Scaffold)、主题、渲染引擎(Renderer)等概念。文章是网站的主要内容,脚手架用于初始化文章模板,主题负责网站的视觉展现...

    hexo-theme-raytaylorism, 一款Material Design风格的hexo主题.zip

    在使用过程中,用户只需将下载的"hexo-theme-raytaylorism-master"文件解压后,将其复制到Hexo项目的themes目录下,然后在_config.yml文件中将theme设置为'hexo-theme-raytaylorism',即可启用这一主题。此外,按照...

    一个比较特别的Hexo主题

    6. **语言文件**:多语言支持的网站可能会有`lang`目录,包含各种语言的翻译文件。 7. **额外的配置文件**:如`package.json`和`README.md`,前者记录主题的依赖和元数据,后者提供主题的安装和使用指南。 要充分...

    hexo-theme-icarus-master.zip

    在安装和配置Icarus主题时,用户需要先确保已安装Hexo,并将下载的"hexo-theme-icarus-master"文件解压至Hexo的source/_themes目录下,然后在站点配置文件(_config.yml)中将theme设置为icarus。接下来,通过运行Hexo...

    hexo-theme-reading,河西博客主题:.zip

    6. **插件使用**:Hexo支持丰富的插件,可以增强博客功能,如SEO优化、评论系统、统计分析等。根据需求,可以安装并配置这些插件。 7. **Markdown扩展**:Hexo支持多种Markdown扩展,如Markdown Extra,提供了如...

    hexo next主题

    下载并安装Next主题后,你需要将`hexo-theme-next-master`文件夹移动到Hexo项目的`themes`目录下,然后在`_config.yml`文件中将主题设置为`next`。接着,根据Next的主题文档进行个性化配置,这可能涉及修改主题配置...

    hexo+github搭建自己的博客

    Hexo是一个基于Node.js的静态站点生成器,它能够将文本内容转化为静态网页,而GitHub则是一个面向开源及私有软件项目的托管平台,支持Git版本控制系统。下面我们将详细讲解如何利用这两个工具搭建自己的博客。 首先...

    hexo-theme-next-7.4.2_hexo_

    7. **部署选项**:Hexo支持多种部署方式,例如GitHub Pages、GitLab Pages、AWS S3等。通过在 `_config.yml` 中配置相应的部署策略,可以轻松将博客推送到云端。 8. **社区与资源**:Hexo和Next主题都有活跃的...

Global site tag (gtag.js) - Google Analytics