去掉typecho文章中多余的空行


装好Typecho这个轻量级博客系统后,如果你不希望在聚合中输出文章全文,请使用仅输出摘要选项<<<在后台[设置]-->[阅读]-->[聚合全文输出]选择【仅输出摘要】并保存>>>。摘要的文字取决于你在文章中使用分隔符的位置。
这个设置之后有的时候在首页会看到【- 阅读剩余部分 -】之前会出现很多空行,看着挺别扭。
于是浏览器右键查看源码,看到了这个:

</br></br></br></br></br></br></br></br><p class="more"><a href="https://xxx.com/xx/" title="Linux">- 阅读剩余部分 -</a>

浏览器会把</br>翻译成<br>,于是就出现了很多空行。搜索了下,没找到完美的解决方法,只能将就着点了,把多个空行换成一个空行。
具体解决方法:在后台[控制台]-->[外观]-->[编辑当前外观],找到header.php文件,把下边的粘贴到标签里。

<script type="text/javascript">
window.onload=function(){
    document.querySelectorAll('.post-content').forEach(function (elem) { 
        elem.innerHTML = elem.innerHTML.replace(/(<br>){2,}/ig,"<br>");
    });
}
 </script>

声明:渐行渐远|版权所有,违者必究|如未注明,均为原创|本网站采用BY-NC-SA协议进行授权

转载:转载请注明原文链接 - 去掉typecho文章中多余的空行