# 油猴脚本：让 V2EX 评论区支持 markdown，代码高亮，别再纯文本交流了

[lisongeee]

v2ex-comment-markdown

脚本使用 vite-plugin-monkey 开发

脚本源码 v2ex-comment-markdown

• 让 V2EX 评论 支持 markdown 的渲染
• markdown 内部的代码高亮

安装

• github v2ex-comment-markdown.user.js
• greasyfork 449771-v2ex 评论 markdown 支持

截图预览

如何使用

安装脚本后刷新帖子页面，可以看到在回复文本框下多出一个按钮 回复 markdown

在编辑框内书写你的 markdown ，然后点击 回复 markdown，你的编辑框后面会追加一条图片链接，然后发送

它大概长这样 https://i.songe.li/1x1.png#xxxx_base64 这是一个 1x1 的图片，在没有安装油猴脚本的用户看来，他的评论区什么变化都没有，在安装了油猴脚本的用户，脚本会自动检测这个图片后面的 base64 然后 解码替换，这样你发出的 markdown 就被渲染出来了

你可以安装脚本后去 https://v2ex.com/t/851687 预览我发的 markdown 看看有没有生效

[lisongeee]

```ts
export const throttle = <T extends (...args: any[]) => Promise<void>>(
fn: T
) => {
let isRunning = false;
return (async (...args: any[]) => {
if (isRunning) {
return;
}
isRunning = true;
await fn(...args).catch((e) => {
isRunning = false;
throw e;
});
isRunning = false;
}) as T;
};

export const delay = async (n = 0) => {
await new Promise((res) => {
setTimeout(res, n);
});
};

```
https://i.songe.li/1x1.png#YGBgdHMKZXhwb3J0IGNvbnN0IHRocm90dGxlID0gPFQgZXh0ZW5kcyAoLi4uYXJnczogYW55W10pID0+IFByb21pc2U8dm9pZD4+KAogIGZuOiBUCikgPT4gewogIGxldCBpc1J1bm5pbmcgPSBmYWxzZTsKICByZXR1cm4gKGFzeW5jICguLi5hcmdzOiBhbnlbXSkgPT4gewogICAgaWYgKGlzUnVubmluZykgewogICAgICByZXR1cm47CiAgICB9CiAgICBpc1J1bm5pbmcgPSB0cnVlOwogICAgYXdhaXQgZm4oLi4uYXJncykuY2F0Y2goKGUpID0+IHsKICAgICAgaXNSdW5uaW5nID0gZmFsc2U7CiAgICAgIHRocm93IGU7CiAgICB9KTsKICAgIGlzUnVubmluZyA9IGZhbHNlOwogIH0pIGFzIFQ7Cn07CgpleHBvcnQgY29uc3QgZGVsYXkgPSBhc3luYyAobiA9IDApID0+IHsKICBhd2FpdCBuZXcgUHJvbWlzZSgocmVzKSA9PiB7CiAgICBzZXRUaW1lb3V0KHJlcywgbik7CiAgfSk7Cn07CgpgYGA=

[lisongeee]

https://github.com/lisonge/src/raw/main/img/Snipaste_2022-08-18_20-42-38.png

[Cagliostro]

既然如此，支持评论区图片吗？

[Barnard]

## 这真是喜闻乐见啊

[lisongeee]

@Cagliostro 不好意思，没懂，你说的图片是 markdown 的语法的那个吗？


```txt
这样算吗
```

`还是哪种？`

https://github.com/lisonge/lisonge.gitHub.io/raw/main/1x1.png#QENhZ2xpb3N0cm8g5LiN5aW95oSP5oCd77yM5rKh5oeC77yM5L2g6K+055qE5Zu+54mH5pivbWFya2Rvd27nmoTor63ms5XnmoTpgqPkuKrlkJfvvJ8KCiFbaW1nXShodHRwczovL3Jhdy5naXRodWJ1c2VyY29udGVudC5jb20vbGlzb25nZS9zcmMvbWFpbi9zdmcvdGFtcGVybW9ua2V5LnN2ZykKCmBgYHR4dArov5nmoLfnrpflkJcKYGBgCgpg6L+Y5piv5ZOq56eN77yfYA==

[lucifer9]

https://github.com/lisonge/lisonge.gitHub.io/raw/main/1x1.png

[cssk]

# h1
## h2
test

[cssk]

# h1
## h2
好像没用？
https://github.com/lisonge/lisonge.gitHub.io/raw/main/1x1.png#IyBoMQojIyBoMgrlpb3lg4/msqHnlKjvvJ8=

[autoxbc]

其实是在站长的存储后端上搭了一个新的服务，隐写 + 前端解码，不可能让你搞大

[Tumblr]

这个插件算是自己写 markdown 给自己看吧。。。

[yfugibr]

不支持手机端吗
这边能看到“回复 markdown”的按钮，但是评论都是原样
https://github.com/lisonge/lisonge.gitHub.io/raw/main/1x1.png#5LiN5pSv5oyB5omL5py656uv5ZCXCui/mei+ueiDveeci+WIsOKAnOWbnuWkjW1hcmtkb3du4oCd55qE5oyJ6ZKu77yM5L2G5piv6K+E6K666YO95piv5Y6f5qC3

[lyc575757]

fdf
https://github.com/lisonge/lisonge.gitHub.io/raw/main/1x1.png#ZmRm

[lisongeee]

我知道评论区某些人为啥不成功了，因为我装了 《 V2EX 增强》 这个油猴脚本，我测试的时候把它也打开了

导致我错误地认为图片链接在 V2EX 是默认转 a>img 的，非常抱歉，我一会修复一下这个

[lisongeee]

@cssk @yfugibr 抱歉，我测试的时候有点问题，一会修复，出错原因可看上一条评论

[magicdawn]

很难想象一个 markdown 都不支持 / 发图困难的社区居然
有大量程序员活跃 手动狗头...

[felixcode]

(这是一张图片)

(这里一部电影)

安装插件后能正常显示。

[ijrou]

需要安装插件才能显示啊，，，确实体验不报，站长也不做一点改变，诶

[wxf666]

安装了，但没有啥变化啊

另外，不支持 www.v2ex.com ？
https://github.com/lisonge/lisonge.gitHub.io/raw/main/1x1.png#5a6J6KOF5LqG77yM5L2G5rKh5pyJ5ZWl5Y+Y5YyW5ZWKCgrlj6blpJbvvIzkuI3mlK/mjIEgd3d3LnYyZXguY29t77yf

[abc612008]

base64 里的信息不是已经在 post 里有了吗，不能直接替换吗。为啥要再加一个图片啊

[sNullp]

v2ex 看来需要一个 pm ，来优先化大家经常需要的功能。开发团队目测还是对哪块感兴趣（更容易）搞哪里，属于工程师的习惯。