在博客园平台为代码添加行号显示
效果预览
在前面两篇文章中，我们分别为大家介绍了如何在博客园平台的文章添加目录，以及为文章代码添加高亮，在这篇文章中我们介绍下为文章中的代码添加行号显示，具体效果如下所示（效果图的源文章请参考这篇博客）：
插入页脚代码
在设置-页脚HTML代码中插入如下代码：
<link href="https://cdn.bootcss.com/highlight.js/9.6.0/styles/atelier-lakeside-dark.min.css" rel="stylesheet"/>
<script src="//cdn.bootcss.com/highlight.js/9.11.0/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
<script src="//cdn.bootcss.com/highlightjs-line-numbers.js/1.1.0/highlightjs-line-numbers.min.js"></script>
<script>hljs.initLineNumbersOnLoad();</script>版权声明
本文首发链接为：https://cloud.tencent.com/developer/article/1827378
作者ID：DechinPhy
更多原著文章请参考：https://www.cnblogs.com/dechinphy/
参考链接
本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
原始发表：2021-03-01 ，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录