解决hexo代码多行空白的问题

Bertha 。 2022-05-14 08:10 200阅读 0赞

最近更换了hexo主题后，生成的文章代码最后面显示了多个空白行，而前面代码中原本的空白行则被移除了，看起来比较别扭。

解决办法：  
1.找到hexo-util/lib/highlight.js文件  
一般的路径为$\{blog\_path\}/node\_modules/hexo-util/lib/highlight.js  
2.修改highlight.js文件中的代码  
大概在35~38行  
修改前：

numbers += '<div class="line">' + (firstLine + i) + '</div>';
    content += '<div class="line';
    content += (mark.indexOf(firstLine + i) !== -1) ? ' marked' : '';
    content += '">' + line + '</div>';

修改后：

numbers += '<span class="line">' + (firstLine + i) + '</span>\n';
    content += '<span class="line';
    content += (mark.indexOf(firstLine + i) !== -1) ? ' marked' : '';
    content += '">' + line + '</span>\n';

参考文章：[https://blog.csdn.net/u014717036/article/details/79372461][https_blog.csdn.net_u014717036_article_details_79372461]

另外一个问题，就是生成的代码前面的部分空白，如图：  
![45684314.jpg][]  
解决办法：  
这个跟具体使用的主题有关，比如BlueLake主题。  
在highlight.styl文件中找到`padding: 0.3em 15px 0.3em 1em`，去掉即可。  
![93957518.jpg][]

[https_blog.csdn.net_u014717036_article_details_79372461]: https://blog.csdn.net/u014717036/article/details/79372461
[45684314.jpg]: http://omh46px9n.bkt.clouddn.com/18-4-25/45684314.jpg
[93957518.jpg]: http://omh46px9n.bkt.clouddn.com/18-4-25/93957518.jpg

发表评论取消回复

表情：

评论列表（有 0 条评论，200人围观）

还没有评论，来说两句吧...

相关阅读

相关 Hexo Matery主题代码块复制内容不换行

问题在hexo中使用matery主题时，复制代码然后粘贴就会丢失格式。 ![在这里插入图片描述][watermark_type_d3F5LXplbmhlaQ_sha

￡神魔★判官ぃ/ 2023年10月01日 16:15/ 0 赞/ 6 阅读

相关 CSS 行内、行内块元素空白间隙解决方案

1. 行内块元素 img 图片空白代码： <!DOCTYPE html> <html lang="en"> <head> <m

桃扇骨/ 2022年12月29日 09:19/ 0 赞/ 131 阅读

相关 CSS解决图片底部空白缝隙的问题

当你将一张图片放在一个盒子里面的时候，如下图，是不是有一点点缝隙： ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shad

た入场券/ 2022年10月25日 14:11/ 0 赞/ 166 阅读

相关关于数据库表的列转行，合并多行数据的问题解决

问题描述原始SQL是这样的： SELECT i.f_info_id id, de.f_title title, de.f_met

淡淡的烟草味﹌/ 2022年10月23日 15:26/ 0 赞/ 91 阅读

相关 Android 解决启动界面显示空白问题

在启动App之前，需要加载数据，这时候就需要启动界面Activity，延时跳转到需要的Activity. 如果在启动Activity的xml文件中设置需要backgroun

男娘i/ 2022年06月15日 01:44/ 0 赞/ 434 阅读

相关解决JHipster出现空白页的问题

场景重现从git上拉取了一个JHipster项目，启动后，访问localhost:8080，出现的是空白的页面。问题分析能启动，但是访问页面都是空白的，访问swag

约定不等于承诺〃/ 2022年05月17日 12:21/ 0 赞/ 233 阅读

相关解决hexo代码多行空白的问题

最近更换了hexo主题后，生成的文章代码最后面显示了多个空白行，而前面代码中原本的空白行则被移除了，看起来比较别扭。解决办法： 1.找到hexo-util/lib/hi

Bertha 。/ 2022年05月14日 08:10/ 0 赞/ 201 阅读

相关解决hexo博客乱码问题

解决hexo博客乱码好不容易解决无法访问的问题，结果打开网站是乱码？？？excuse me? 我来更新了，这个办法好像不太行，第一次有用，第二次啥用都没有啊

女爷i/ 2022年03月30日 07:10/ 0 赞/ 275 阅读

相关记hexo写作图片与多机器协作问题解决

1. 使用hexo进行写作，一直困扰于图片问题，不想用图床，今天尝试图片前缀使用http://username.github.io解决了使用本地图片的问题。 2. 写作的过

拼搏现实的明天。/ 2022年01月12日 04:15/ 0 赞/ 279 阅读

相关解决Hexo图片无法显示问题

版本：Hexo 3以上　　最近搭建hexo博客时遇到了图片部署后不显示的问题，如图： ![1630213-20190723203639142-1615559815.png

ゞ浴缸里的玫瑰/ 2021年11月17日 02:44/ 0 赞/ 792 阅读