知乎阅读辅助增强

[Kenshin]

描述

优化知乎专栏与知乎问答页在阅读模式下的效果，如：知乎问答页的描述、正常显示知乎公式（包括：阅读模式与导出 Markdown · HTML · PDF） 等。

地址

https://simpread.ksria.cn/plugins/details/IfgbkkZCOZ

适配效果

选项

随便进入一个页面 e.g. https://sspai.com/post/71576 并进入 阅读模式 → 右下角 → 动作 → 插件触发器

按照下图所示即可查看此插件的选项页。（注意：如果你的界面没有插件触发器，请根据此 解决方案 修复。

功能

1. 在阅读模式正确显示知乎公式

   

2. 导出 Markdown / HTML / PDF 时可完美显示公式（需使用 PDF 高级打印方案）

   导出 Markdown

   
   导出 HTML

   
   在稍后读查看

   
   导出 PDF

   

3. 是否显示知乎问答页的问题描述

   
   知乎效果

   
   开启后

   

4. 去除知乎的外链跳转限制，并可选择外链的打开方式

   

5. 清除文内搜索和知乎直答的链接，仅保留【卡片链接】

   开启前

   
   开启后

   

6. 优化知乎问答页，更适合导出

   
   导出效果

   

7. 仅显示正文中的第一个答案

   
   默认论坛页效果（开启前）

   
   开启后

   

8. 知乎问答页支持切换首个或全部答案（位置在：阅读模式右下角 → 触发器 → 动作 → 插件触发器）

   

安装与升级

• 没有【使用同步助手 · 自动同步】的话，可通过此链接 安装。

• 已经【使用同步助手 · 自动同步】的话，请使用 插件管理器 安装。

更新日志

2.1.1

• Add 切换首个或全部答案（位置在：阅读模式右下角 → 触发器 → 动作 → 插件触发器）

• Add 新版本验证

2.1.0

• Add 清理全部链接

• Add 仅显示第一个回答

• Optimize 自动清除知乎直答的链接中的 svg 内容

• Optimize 将知乎问答页的描述设置到 sr-rd-desc 节点

• Optimize 论坛页导出优化，去掉 知乎 ID

2.0.0

• Add 检查和添加 zhihu.com 到 延迟加载列表

• Add 优化知乎问答页，更适合导出

• Optimize 更新以及去掉了一些过时（错误的）链接和描述

• Fix 导出含有公式的页面为 HTML 无法显示公式的错误

• Fix 在稍后读无法查看知乎公式的错误

• Fix 导出含有公式的页面为 PDF 无法显示公式的错误（需使用 PDF 高级打印方案）

1.1.1

• Fix 因 知乎修改了公式规则 此方案已失效，新版方案 请看这里。

1.1.0

• 知乎问答页显示描述

• 去掉知乎内联外链

1.0.0

• 优化数学公式图片显示

• 进入阅读模式后自动将知乎公式图片转换为内联方式

注意

此功能仅运行在 question.zhihu.com zhuanlan.zhihu.com 域名下。

关联

关于完美适配知乎专栏与问答页的方式 请看这里。

[gaesa]

这个插件如果和"模仿Safari阅读模式样式"插件同时开启的话,还是会出现问题

测试网址https://zhuanlan.zhihu.com/p/39281734

如图,"例二"后的排版明显有问题.但不开启"模仿Safari阅读模式样式"插件倒是没事.

造成此问题的解决方案

跳转阅读模式的版面宽度，即可解决，细节可以看 #2861 (reply in thread)

[Kenshin]

emmm 我看了下，这个「图片」是透明的，不应该出现你说的情况，上面是我的截图。

另外，你在 #2861 (reply in thread) 的截图也「明显」不对。

确定重新安装插件和更新适配规则了吗？

[gaesa]

插件是重装了,适配规则更新是怎么回事?我现在换一下主题色就没事

[gaesa]

插件是重装了,适配规则更新是怎么回事?我现在换一下主题色就没事

已经手动同步适配列表,不过还是需要修改主题色

[Kenshin]

我没办法给你截图看，你可以试试

进入这个页面的阅读模式，然后右下角控制面板 → 站点 → 拉到最下面 → 看看是不是有个叫「官方主适配源」→ 点一下

刷新页面，栏看是否有所改善。

[gaesa]

还是这样

[ccyousa]

深色模式下，公式都是暗色的：

禁用后，就是原来的白色图片

[Kenshin]

确实如此，因为知乎公式都是图片，暂时没有好的解决方案。从另外一个角度说，也算不上是简悦的问题。 😂

[Theigrams]

能不能直接将知乎的公式图片转化为LaTeX，从而在markdown中以原生公式的形式显示呢？

理论上只需要做一个正则替换即可。

以下是参考方案：

• 知乎Markdown输入公式解决方案 - 知乎
• python爬取知乎页面的LaTeX公式_zorchp的博客-CSDN博客

[Kenshin]

哈哈，可以考虑。

[Theigrams]

哈哈，可以考虑。

写了一个函数，可以把知乎公式图像的 alt 替换成 LaTeX 代码，希望能有所帮助

(function() {
    "use strict";

    function latex_replace(img) {
        // get the latex code from data-formula
        var latex = img.getAttribute('data-formula');
        // add $ to the begin and end of the latex code
        latex = '$' + latex + '$';
        // replace the img alt with latex code
        img.setAttribute('alt', latex);
    }
    // elect all img element with eeimg="1"
    var imgs = document.querySelectorAll('img[eeimg="1"]');
    // replace the alt of img element
    for (var i = 0; i < imgs.length; i++) {
        latex_replace(imgs[i]);
    }
})();

[Kenshin]

哈哈，Cool ~

[OverflowCat]

今天在群里正好看到知乎公式的问题，想着来开个 issue。我之前写了一个用来复制 Markdown，可以区分 inline 和 block

/**
 * decodeZhihuLaTeX
 * @param {string} src of the LaTeX <img>
 * @returns {string} decoded latex or empty string
 */
function decodeZhihuLaTeX(src) {
    if (src.startsWith("https://www.zhihu.com/equation?tex=")) {
        const encoded_latex = src.replace("https://www.zhihu.com/equation?tex=", "")
        return decodeURIComponent(encoded_latex.replace(/\+/g, '%20'))
    }
    return ""
}

document.querySelectorAll("img[src]").forEach(e => {
    const latex = decodeZhihuLaTeX(e.src)
    if (latex !== "") {
        // This is a math pic
        if (e?.parent?.chileNodes?.length != 1) {
            // This is an inline $…$
            e.outerHTML = `<span class="latex">\$${latex}\$</span>`
        } else {
            // This is a block $$…$$
            e.outerHTML = `<span class="latex">\$\$${latex}\$\$</span>`
        }
    }
})

[Kenshin]

关于知乎公式规则改变的说明

近期有用户反馈知乎公式的功能不好使了，我研究了下发现是因为知乎公式从原来的图片模式改变为类似 MathJax 方案导致。

因此旧方案已经失效，新方案 请看这里。

[Kenshin]

在阅读模式正确显示知乎公式

自动方案

这是 1.2.0 增加的新方案，可以将 zhihu.com 加入到 延迟加载列表。

注意：加入后务必重启浏览器，确保生效（配置不会互相覆盖）。

视频操作

2023-07-08_15-18-40.mp4

手动方案

安装此插件后，只需要将 zhuanlan.zhihu.com 或 zhihu.com 加入到延迟加载列表中即可。（注意：某些公式页面需要手动拉到最底部使其生效）

位置：选项页 → 高级设定 → 词法分析引擎 → 延迟加载列表，按照下图所示，添加后刷新当前页面，看看是否生效。

视频演示

default.mp4

引申

除了 zhihu.com 外，还可以添加具体的 URL e.g. https://zhuanlan.zhihu.com/p/413150417 这是延迟加载列表的功能，详细说明 请看这里。

[zbh9415]

第一张图是我的稍后读里面打开的阅读模式，第二张图是我保存在obsidian里的md格式，我打打开网址然后按阅读模式后是能正常显示，但是保存到稍后读里面就是上面这两种图的情况。我也已经安装插件，并把zhuanlan.zhihu.com保存在延迟加载列表里面了。

[Kenshin]

@zbh9415

导入到 Obsidian 是没问题的，看下图

这是导出的文本（下载后改名为 .md ） 一篇文章搞懂：向量自回归模型（VAR）理论、检验及评价.txt

第一张图是我的稍后读里面打开的阅读模式

知乎的这种模式在稍后读的显示是有问题的，只有导出的 Markdown 和阅读模式下的显示没问题。

[zbh9415]

谢谢，之前obsidian忘了切回阅读视图，但是我在稍后读和导出的html文件里看都一样不能正常显示。只能在obsidian看是这样吗？

[Kenshin]

@zbh9415

但是我在稍后读和导出的html文件里看都一样不能正常显示。

是的，我上一条已经说了... 😂

[zbh9415]

@Kenshin 好的非常感谢😊

[Kenshin]

优化知乎问答页

优化内容

• 去掉知乎用户的头像

• 将知乎用户 ID 转移到正文

• 使用分隔符分割

优化前

优化后

导出为 Markdown

[Bioerjzy]

大佬，我打开按钮之后，进入阅读模式无法看到问答，只有专栏内容，请问要怎么解决？

[Kenshin]

问答页？还是专栏下面的评论？如果是后者的话，是正常的，简悦仅针对正文进行了优化。

[Bioerjzy]

好吧，是专栏评论，谢谢大佬！

[Kenshin]

okay 你可以使用 #1554 来获取需要的评论（生成阅读模式），但可能不是你需要的方案。

[ccb00]

现在的阅读模式依旧对知乎文章的latex适配的不是很好，有什么能解决的办法吗

[Kenshin]

别的都基本解决了，只是如图这里，在小标题中的公式会错乱

建议刷新页面后可以滚动条慢慢拉大最下面，让各种公式都先加载出来，然后再进入阅读模式。

[ccb00]

我是这样操作的，每次让他充分加载，但是这种后面没有汉字的公式所有的都会错乱。。。其他的，在段落中的都没什么问题

[Kenshin]

emmmm

那就有点奇怪了，你可以考虑多测试几个不同的知乎页，看看是否可以稳定复现。

[ccb00]

好像基本都出现在小标题中，主要是这种带角标的变量，显示有问题。不知道是知乎插件的问题？还是我其他设置可能有问题？

[Kenshin]

我目前没有任何问题，也没有看到其他用户报告此类问题。

我新建了一个 Issues 讨论这个情况，请在 #7221 讨论~