最新消息:20210816 当前crifan.com域名已被污染,为防止失联,请关注(页面右下角的)公众号

【未解决】Gitbook中Markdown的代码段中如何添加行号

gitbook crifan 4241浏览 0评论

已经实现了用Gitbook的markdown环境,可以支持代码段,插件用的是prism,效果不错。

但是目前不支持显示行号:

想要试试能发加上行号

markdown 代码 行号

Markdown 代码高亮 // Heckaitor

hexo中支持codeblock的linenos:true去显示行号

Markdown入门 | dongye’s blog

也是hexo中的

markdown 高亮代码 | 晓的技术博客

怎样在 Markdown 中使程序代码带上行号-图灵社区

前端:给你的Markdown文章添加代码高亮及行号 – 简书

用另外的插件:

highlightj.js 代码高亮

highlightjs-line-numbers.js 代码行号

才能实现行号。

自己搭建系统才行。

gzdaijie/cnblogs_markdown_optimize: 定制博客园markdown样式,使之支持代码高亮、代码行号显示、自动生成版权信息与章节目录。

gitbook 代码 行号

gitbook code line number

Better syntax highlighting: line numbers and highlighted blocks · Issue #869 · GitbookIO/gitbook

ace | GitBook Plugins

ace 中还是不支持行号。

Support to display line number in a code block · Issue #905 · GitbookIO/gitbook

gitbook网站中自己支持行号了?

How to display line number using github markdown “code”? – Stack Overflow

gitbook-plugin-sunlight-highlighter

sunlight-highlighter插件支持显示行号

-》但是不打算换插件

Line Numbers ▲ Prism plugins

prim本身支持插件系统,可以用上述代码实现显示行号 -》 但是貌似没法方便的集成到Gitbook生成的html中

Prism

可以看到支持代码语言的列表

也可以看到很多插件,包括上面的那个。

gitbook prism

gaearon/gitbook-plugin-prism: Gitbook plugin for Prism highlighting

gitbook-plugin-prism-themes

prism | GitBook Plugins

甚至去看了源码发现都还是不支持linenumber方面的配置,只有css,lang,ignore:

gitbook-plugin-prism/index.js at master · gaearon/gitbook-plugin-prism

想要去手动合并上面的prism插件

http://prismjs.com/plugins/line-numbers/#how-to-use

中的内容

发现其实可以下载的:

Download ▲ Prism

但是下载却也很麻烦。要选择很多选项。且下载下来的内容,未必和gitbook兼容。

所以放弃下载。

算了,也放弃手动整合了。有点麻烦。

有空再说吧。反正现在也不是很想要实现这个效果。

另外也看到了:

Show Language ▲ Prism plugins

有机会,也是可以去试试的。

转载请注明:在路上 » 【未解决】Gitbook中Markdown的代码段中如何添加行号

发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
89 queries in 0.187 seconds, using 22.16MB memory