`

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
分享到:
评论

相关推荐

    hexo-theme-aomori:A Hexo Theme. Hexo 博客主题

    Hexo是一个快速,简单,功能强大的博客框架,具有超快的生成速度,对Markdown的支持,一键式部署和高可伸缩性。 该项目是基于Hexo的一系列优点而开发的主题。 丰富的网站风格 丰富的主题配置 优化多媒体播放 出色的...

    简洁的 hexo 主题_博客主题_JavaScript_代码_下载

    Hexo-Theme-AirCloud 是一个简洁轻量的 hexo 博客主题,旨在将中心放在博文本身,因此: 默认没有大范围的主题色块、图片铺排等,也不要求每片博文配图,一方面这并不是我们记录知识的重点,另外一方面可能程序员...

    hexo-theme-tree

    一个简洁的主题,主要功能是 “树状导航” + “树状目录”,可选配“评论”和“阅读量”功能,支持基于搜索引擎的全站搜索。通过 fancybox 支持图片点击放大。 有问题欢迎及时联系,issues、邮件都行 Demo: 使用...

    hexo-theme-Daily:Hexo的一个简单主题

    (可选)在root目录中指定Hexo版本 :red_exclamation_mark: 此主题最大支持的hexo版本4 $ hexo version # check version $ npm i hexo@4.2 在root目录中: $ git clone ...

    hexo-theme-doc:Hexo博客框架的文档主题

    hexo-theme-doc LiveDemo: ://zalando-incubator.github.io/hexo-theme-doc hexo-theme-doc是的文档主题, 是由Node.js支持的快速而强大的博客框架。 它与其他Hexo主题不同,它允许您呈现文档,尤其是REST API文档...

    hexo-theme-stun::unicorn: 优雅的 Hexo 主题

    一个漂亮、简洁的 Hexo 主题 语言: | :sparkles: 演示 未读代码 如果你准备长期使用 «Stun» 主题,...进入 Hexo 根目录,执行指令: $ git clone https://github.com/liuyib/hexo-theme-stun.git themes/stun 该指令

    hexo-theme-matery-master.zip

    TOC 目录 可设置复制文章内容时追加版权信息 可设置阅读文章时做密码验证 Gitalk、Gitment、Valine 和 Disqus 评论模块(推荐使用 Gitalk) 集成了不蒜子统计、谷歌分析(Google Analytics)和文章字数统计等...

    hexo-theme-cactus:Hexo的响应式,干净且简单的主题

    3.0 兼容性:Hexo 3或更高版本特征全面响应多种配色方案选择自己的代码突出显示方案可配置的导航菜单支持本地搜索项目清单I18n支持Disqus整合Google Analytics(分析)/百度同济/ 字体真棒图标简单安装在root目录中...

    基于Hexo 3.8.0的简单风格的Hexo主题-JavaScript开发

    同时支持PC和移动设备屏幕快照安装主题将主题克隆到博客项目目录下的themes文件夹中。 cd主题git clone https:// github.com / Chorer / hexo-theme-PureBlue.git`修改站点_config.yml,它应如下所示:主题:hexo-...

    hexo-article-emoji:该标签用于hexo,请提供您的文章emoji表情支持

    该插件适用于hexo,请为您的文章表情... 首先,在您的博客目录中运行: npm install https://github.com/frapples/hexo-article-emoji --save 之后,您需要将表情符号图片资源复制到您的源文件夹。 它是source/image

    HexoBlog:Hexo博客建站

    六边形主题片段Snippet简洁而不简单,也许是某个你寻找已久hexo主题...为了避免未知的错误,请备份好数据,或者建立新的博客目录“主题目录” =&gt; themes\hexo-theme-snippet ,“ Hexo根目录” =&gt;项目主目录; “主题配

    hexo-minify:Hexo resources compress HTML,CSS,JS (Hexo博客压缩,支持HTML、JS、CSS)

    Hexo-minify Hexo-minify是一款hexo...如果你想关闭某个功能,可以在根目录的_config.yml配置 minify: js: true css: true html: true 感谢 Hexo-minify JS By Hexo-minify CSS By Hexo-minify HTML By Hexo相关

    hexo-theme-bubuzou:一个仿Vue官网风格的hexo主题 https

    文章页目录支持3级 2020-11-06 加载优化 文章页目录插件重写 2020-08-13 文章页目录栏bug修复 2019-03-29 文章页的右侧去掉“分类归档”、“标签云”和“最新文章”,右侧整块为文章目录 文章评论系统和访问统计改成...

    hexo-fs:Hexo的文件系统模块

    创建目录及其父目录(如果不存在)。 mkdirsSync(路径) fs.mkdirs同步版本。 writeFile(路径,数据,[选项]) 将数据写入文件。 选项 描述 默认 encoding 文件编码 utf8 mode 模式 438(0666,八进制) ...

    hexo-evernote-html:hexo 插件:将印象笔记导出的 html 用于 hexo 博客

    将印象笔记导出的 html 直接在 hexo 中使用,暂不支持国际版 使用方法 一、创建 hexo 目录 hexo init blog cd blog 二、安装本插件 npm install --save hexo-evernote-html 输入hexo --help查看,如果有ever选项说明...

    hexo-images-watermark:hexo开发的本地图片水印插件

    十六进制图像水印 一款用于Hexo静态博客网站生成时对图片添加水印。 不对原图产生任何影响,在网站静态页面重建过程...在hexo generate运行后会自动为你的post目录下的图片添加水印,新的图片将会覆盖public/post下原本

    hexo-theme-laughing:一个轻量级的hexo主题

    npm install hexo-renderer-pug --save拷贝主题到themes目录cd themesgit clone git@github.com:BoizZ/hexo-theme-laughing.git修改主程序的_config.yml文件theme : hexo-theme-laughing主题配置文档

    hexo-theme-cupertino:更新hexo-theme-cupertino

    Hexo主题库比蒂诺Hexo博客主题Cupertino 访问进行预览。 此主题基于Cupertino Design,在导航栏上具有浅色边框和半透明和丙烯酸背景,支持深色外观和强大的页脚。安装如果您没有博客,则只需。 要安装它,只需将其...

    hexo-theme-butterfly:He六方主题

    它支持Hexo 5.0.0或更高版本 在Hexo网站根目录中 npm i hexo - theme - butterfly 配置 在hexo工作文件夹的根配置文件_config.yml设置主题: 主题:蝴蝶 如果您没有哈巴狗和手写笔渲染器,请尝试以下操作:

    hexoManager:方便管理整理自己博客文章的hexo文件管理器

    由于自己没研究过Hexo,就没有精确解析文件了,什么页面也不支持改,最后附上自己的博客:blog.jfz.me,大家多来参观啊! 截图 更新日志 2018年06月17日 v1.0 修复修改后界面显示文件内容不同步的问题。 2018年06月...

Global site tag (gtag.js) - Google Analytics