Hexo：表格渲染错误问题的解决

2022年02月19日

hexo-renderer-kramed渲染器渲染表格时错误问题的解决。

最近在将Hexo博客升级的时候，发现博客网页中的表格渲染有问题：

经过排查，发现与主题无关，我认为是渲染器出了问题。

在浏览器F12界面进行调试发现：

将 <table>标签外面的 <div class="table-container>"删除，表格恢复正常。

前往博客根目录，在地址栏键入：<根目录文件夹>\node_modules\hexo-renderer-kramed\lib

将 renderer.js用编辑器打开，并将其中的第 35-47行：

// Add table-container div to set overflow-x: auto
Renderer.prototype.table = function(header, body) {
  return '<div class="table-container">\n'
    + '<table>\n'
    + '<thead>\n'
    + header
    + '</thead>\n'
    + '<tbody>\n'
    + body
    + '</tbody>\n'
    + '</table>\n'
    + '</div>\n';
};

更改为：

/*// Add table-container div to set overflow-x: auto
Renderer.prototype.table = function(header, body) {
  return '<div class="table-container">\n'
    + '<table>\n'
    + '<thead>\n'
    + header
    + '</thead>\n'
    + '<tbody>\n'
    + body
    + '</tbody>\n'
    + '</table>\n'
    + '</div>\n';
};*/

// Add table-container div to set overflow-x: auto
Renderer.prototype.table = function(header, body) {
  return '<table>\n'
    + '<thead>\n'
    + header
    + '</thead>\n'
    + '<tbody>\n'
    + body
    + '</tbody>\n'
    + '</table>\n'
};

即可。

在博客根目录打开 git bash命令行界面，键入：

1	`hexo clean && hexo s`

在 localhost:4000刷新网页，即可使渲染恢复正常。

– END