Hexo 支持目录

技术标签: Hexo  TOC  Markdown  目录

目录:


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 -->

效果

请看本文。

 

 
发个大红包


原文地址

来源:网络


智能推荐

从Hugo到Hexo

本文首发于我的个人博客:Suixin’s Blog 很多人从Hexo迁移到Hugo,而我却相反,原因是看中了这款主题Yelee。双栏页面、自动更换背景、毛玻璃特效、随机动画、漂亮的代码界面以及非常全的第三方集成,几乎能想到的它都有……一眼看中,不能自拔…… 使用Hexo搭建博客 Hexo主页上已经详细说明了搭建的步骤,和Hugo有...

Hexo更改主题

起因 *最近在折腾自己的的博客,因为服务器到期了,只好用GitHub page +Hexo来搭建了 *如果想安装hexo的话,可以看一下下面的文章 安装hexo 安装完成后,想更改一个好看一点的主题。 这里可以用next,或者是even https://hexo.io/themes/ 这里我选择的是even 官方链接 安装步骤按照文档的就可以了 3安装过程遇到了一些问题 这里是因为有两个theme...

hexo搭建github

title: hexo搭建github date: 2018-10-16 18:19:29 tags: 搭这个东西着实折腾了很久,所以写下过程,也算是个笔记吧! Hexo快速搭建静态Blog网站 声明:以下所有操作都是在windows操作系统下进行。 什么是Hexo Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题...

hexo搭建过程

hexo 搭建过程 node.js 下载地址:http://nodejs.cn/download/ git环境 下载地址:https://gitforwindows.org/ github https://github.com 创建文件夹 我的文件夹建立在D盘 打开Git Bash,输入: cd d: cd blog 接着,输入 npm install hexo 如果出现说npm没有安装的话,请移...

防坑指南【1】-Log4j中MDC的正确用法

投身IT,不是在踩坑路上,就是在往坑的路上。手握指南,犹如茫茫大海中,而不至于饿船毁人亡。 阅读全文: http://gitbook.cn/gitchat/activity/5e663433b2e56b0d65b51006 您还可以下载 CSDN 旗下精品原创内容社区 GitChat App ,阅读更多 GitChat 专享技术内容哦。...

猜你喜欢

Android中EditText(或TextView)中的InputType类型含义与如何定义

【背景】 经过一些Android中EditText方面的折腾: 【已解决】android中的EditText控件没有获得焦点但是输入法却弹出显示->Activity中不要默认就显示输入法 【暂未去解决】Android中EditText如何在失去焦点后让输入法消失 【已解决】Android中EditText点击获得焦点后无法显示输入法键盘 然后对于EditText(或TextView)中的In...

mysql数据库

一.mysql整体架构图 1、连接器(管理连接、权限验证) 连接器负责跟客户端建立连接、获取权限、维持和管理连接,数据库里面,长连接是指连接成功后,如果客户端持续有请求,则一直使用同一个连接。短连接则是指每次执行完很少的几次查询就断开连接,下次查询再重新建立一个。 建立连接的过程通常是比较复杂的,所以我建议你在使用中要尽量减少建立连接的动作,也就是尽量使用长连接。 但是全部使用长连接后,你可能会发...

pycharm如何高效导入和管理包

之前看许多人都推荐用anaconda,说是各种常用包都有啦如何如何,但其实呢用pycharm完全可以实现DIY自己需要的包,并且生成通用的虚拟环境。 步骤如下: File->Settings->Project Interpreter->设置->Add 点OK确认,之后就可以愉快地添加需要的包,并且在新工程里面也可以使用啦~!...

何为数字证书?

如果不了解非对称加密和数字证书,建议先去看下这两篇文章 何为非对称加密? 何为数字签名? 正常情况下,A向B索要B的public key B直接给A就行了 在不安全的情况如下: 后续的过程和何为数字签名?里的流程一样, 不同的是A以为自己的消息发给B了,并且数字签名什么的都完好 实际上却是和C在通信 为了证明自己收到的public key是B的 A要求B到"证书中心"(cert...

win10系统下安装Consul

一、了解 二、下载和安装 1、下载 2、安装 三、使用 一、了解 Consul 是一个支持多数据中心分布式高可用的服务发现和配置共享的服务软件。 默认端口号是:8500 二、下载和安装 1、下载 1)、百度搜索 consul,点开第一个。 2)、点击 Download下载 3)、根据自己的win版本下载,我的是 64bit 2、安装 把下载的文件解压出来,根据自己的情况选择路径。我把consul....

问答精选

Mixing apples and oranges :3 odoo8

I'm trying to send notification to employees, i created a computed many2many field to get the partners id and pass them to partner_ids field of the mail.wizard.invite model. here is my inherited class...

Seeking algo for text diff that detects and can group similar lines

I am in the process of writing a diff text tool to compare two similar source code files. There are many such "diff" tools around, but mine shall be a little improved: If it finds a set of l...

Using 3D objects in an iOS app

How would I go about adding a 3D object from Maya into an iOS app? For now, before it gets too complicated, I just want to add it in, no response to touch yet. Is there a tutorial about this? Thanks! ...

Using component area to show various content

I have a relatively simple task although I am just a beginner so it's difficult to proceed. I have a list of users on the left and a right panel to show that users info. The information about the user...

How to create numeric routes in ASP.NET Core MVC

I want to have a URL path pattern like this: Both first segment and the second segment are composed of integer values. In case this pattern is not met, I want routing to fallback to the default {contr...

相关问题

相关文章

热门文章

推荐文章

相关标签

推荐问答