文档章节

Hexo 中使用 emoji 和 tasks

ZucchiniY
 ZucchiniY
发布于 01/11 22:47
字数 539
阅读 104
收藏 0

3 月,跳不动了?>>>

替换为 markdown-it

今天在迁移博客项目的时候,发现原来在 hugo 中可以使用的 Emoji 和 tasks 功能都不能正常使用了,查询了一下原因,主要是因为 hexo 默认的解析器是 hexo-renderer-marked ,这个默认的渲染器是不支持 emoji 功能的,但是支持 tasks,但是这个渲染器是不支持扩展的,所以如果希望同时使用这两个功能的话,就需要换一个渲染器。

这里推荐的是 hexo-renderer-markdown-it 渲染器,支持扩展,采用的是 markdown-it 的内核来解析 markdown 的文本。

npm un hexo-renderer-marked -S
npm i hexo-renderer-markdown-it -S

安装和配置 markdown-it

这样就替换完成了,然后再安装需要的插件:

npm i markdown-it-emoji markdown-it-task-lists -S

然后再增加相关配置:

markdown:
  render:
    html: true # 在 markdown 文本中支持 html tag 标签
    xhtmlOut: false # 需要 xtml 文档,使用 <br /> 替代 <br>
    breaks: true # 用 <br> 开始新的一行
    linkify: true # 自动将 可能是链接的内容转换成链接
    typographer: true # 印刷标识转换
  plugins:
    - markdown-it-abbr
    - markdown-it-footnote
    - markdown-it-ins
    - markdown-it-sub
    - markdown-it-sup
    - markdown-it-emoji 
    - markdown-it-task-lists
  anchors:
    level: 2
    collisionSuffix: ''
    permalink: false,
    permalinkClass: 'header-anchor'
    permalinkSymbol: ''
    case: 0
    separator: ''

typographer 解释:

(c) (C) (r) (R) (tm) (TM) (p) (P) +- 这些标识转换成 (c) (C) (r) (R) (tm) (TM) (p) (P) +- 。

一些常用的插件,比如上标和下标,可以在插件里加上 markdown-it-submarkdown-it-sup ,可以直接用 19^th^ 19^th^ 还有 H~2~O 表示 H~2~O 。

还有脚本、定义列表等功能,具体的见 https://markdown-it.github.io/

其它插件

因为 markdown-it 是支持扩展的,所以怎么找对应的扩展,也是非常重要的功能,比如 tasks 的支持,可以到 https://www.npmjs.com/ 里进行搜索,关键字是 keywords:markdown-it-plugin 或者直接打开链接 https://www.npmjs.com/search?q=keywords:markdown-it-plugin

就可以按照对应的功能去找寻找插件了。

文章首发于:https://www.zucchiniy.cn

© 著作权归作者所有

ZucchiniY
粉丝 0
博文 13
码字总数 14454
作品 0
海淀
私信 提问
加载中

评论(0)

Go 开源博客平台 Pipe 1.3.0 发布,新主题和消缺

该版本发布了一款新的主题 9IPHP,并修复了一些缺陷。目前已经有 5 款主题啦: Pipe 是一款小而美的开源博客平台,通过黑客派账号登录即可使用。 特性 多用户博客平台 Markdown / Emoji 聚合...

88250
2018/02/09
1.9K
3
hexo使用grunt实现自动化 | hexo

本文介绍hexo使用grunt实现一些自动化操作。 开发过前端或者node.js的同学对grunt应该不陌生,如果对grunt不熟悉可略过本文。 开始使用hexo来处理静态博客时我就遇到了问题,我的文章已经写了...

好好编程
2017/11/07
0
0
神奇的文档生成工具--Docsify

Docsify 一个神奇的文档网站生成工具。 是什么 docsify 是一个动态生成文档网站的工具。不同于 GitBook、Hexo 的地方是它不会生成将 转成 文件,所有转换工作都是在运行时进行。 这将非常实用...

匿名
2017/07/07
4.9K
1
Go 开源博客平台 Pipe 1.0.0 发布!

这是 Pipe 博客平台的第一个正式版,欢迎大家使用和反馈建议! 简介 Pipe 是一款小而美的开源博客平台,通过黑客派账号登录即可使用。 动机 产品层面: 市面上缺乏支持多独立博客的平台级系统...

88250
2017/12/28
967
5
Go 开源博客平台 Pipe 1.2.0 发布,加入一款新主题

该版本主要上线了一款新的主题 Medium,并修复了一些缺陷。 简介 Pipe 是一款小而美的开源博客平台,通过黑客派账号登录即可使用。 动机 产品层面: 市面上缺乏支持多独立博客的平台级系统 ...

88250
2018/01/19
1.6K
4

没有更多内容

加载失败,请刷新页面

加载更多

为什么只能在头文件中实现模板? - Why can templates only be implemented in the header file?

问题: Quote from The C++ standard library: a tutorial and handbook : 引用来自C ++标准库:教程和手册 : The only portable way of using templates at the moment is to implement t......

javail
19分钟前
9
0
Gradle 6 针对已有的构建如何创建一个构建扫描

有关构建扫描的定义为: 构建扫描(build scan)是一个中心化并且可以共享的构建记录。这个构建记录通常能够告诉在构建中发生了什么并且为什么会发生。 通过应用构建扫描插件到你的项目中,你...

honeymoose
19分钟前
7
0
C语言动态内存分配:(一)malloc/free的实现及malloc实际分配/释放的内存

一、malloc/free概述 malloc是在C语言中用于在程序运行时在堆中进行动态内存分配的库函数。free是进行内存释放的库函数。 1、函数原型 #include <stdlib.h> void *malloc( size_t size ); v...

shzwork
今天
17
0
什么是JavaBean? - What is a JavaBean exactly?

问题: I understood, I think, that a "Bean" is a Java class with properties and getters/setters. 我认为,“ Bean”是具有属性和getter / setter的Java类。 As much as I understand,......

技术盛宴
今天
27
0
深圳援鄂最后一批工作人员归来,88万元关爱金发放至85人

中国公益在线3月31日深圳讯 深圳援鄂最后一批工作人员归来......深圳市民政局、深圳市卫健委和深圳市慈善会发起了“深爱战疫天使基金”项目,联合龙华区慈善会和 永贤慈善基金会,进行第二次...

传承天下融媒体中心
今天
15
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部