今天心血来潮，想给自己网站的代码显示区域加个行数。作为一个代码搬运工，第一个想法就是找轮子。去别人的博客和csdn一块，css都有markdown的类，赶紧百度一波，啧，竟然是个编辑器，代码行是自带的效果。这也不合适，那只能自己动手试写段小逻辑代码了。再去layui官网一看，咦不对呀，layui的代码修饰器示例都有行号的，再看群里其他人的效果截图，也是有行号的。这说明了什么，说明我肯定漏了什么地方。打开网页看代码，唉，原来是从不记得的地方拷贝了一个pre的样式过来而已。自己坑自己，好好的layui code不用，浪费啊。
废话不多说，直接走起。第一步，干掉已有的pre样式。
因为编辑器对pre表情是没有layui code需要的类的，所以我需要先手动给所有pre标签上个layui-code类，再调用layui code的渲染方法。
var $ = layui.jquery;
$(".maincontent").find("pre").addClass("layui-code");
layui.code(); 重新生成网站代码，刷新页面，
效果马上不一样了，太失败了，拿着个现成的轮子却没用上，是我作为一个代码搬运工的耻辱，以此谨记。
