请问转载 csdn 文章时如何显示代码块行号?

2018-09-27 17:16:25 +08:00
 shangyexin

在 csdn 上看到喜欢的文章时,准备转载到自己的 wordpress 博客。

我使用的方法是将源代码中的

<article>...</article>直接复制过来,将 wordpress 文章编辑器切换为“文本”,直接粘贴即可。

正常的文章这样转载都没问题,显示也很正常。

可是发现唯一不正常的是在代码有代码块时,代码的行号不显示。

比如下面这样。

csdn 原文样式:

转载后显示样式:

不了解前端,折腾了好久,发现还是没有搞定...

请问如何能使转载后的文章也能显示代码行号?

1248 次点击
所在节点    问与答
2 条回复
GTim
2018-09-27 17:30:23 +08:00
一般情况下,CSDN 用的是 https://highlightjs.org/ ,你找一个主题,把样式拷贝过去就可以了
shangyexin
2018-09-28 08:51:09 +08:00
@GTim 感谢你的回复!不过 highlights 好像是不支持行号的。
但经过提醒,去搜索了 highlights 增加行号的方法,只是与 csdn 上的显示效果有些区别。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/493249

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX