# 油猴脚本：让 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 看看有没有生效

我之所以在评论后面加 base64 是因为 V2EX 会把我的代码里的缩进去掉，所以我想通过 base64 来保留原始信息

但是我开发的时候把《 V2EX 增强》这个脚本打开了，导致我错误地认为图片链接在 V2EX 是默认转 a>img 的，非常抱歉，非常抱歉，

已经修复，现在是直接转评论未 markdown 的，不需要额外的配置，安装后刷新即可

现在代码的缩进会被去掉，我考虑要不要加个代码自动格式化

这个脚本最新版本并没有修改回复框的功能，回复 markdown 按钮已经被去掉了

在回复框内正常输入 markdown 后，点击以前的 回复 按钮即可

它只会使用 markdown 二次渲染每一条评论，另外如果二次渲染后评论文本没有变化，就不会替换 dom

v1.1.0 更新日志：
由于 V2EX 会删除评论代码缩进, 因此插件会自动格式化代码
支持的语言有 js/jsx/ts/tsx/json/json5/html/vue/scss/css/less/java

[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 ，来优先化大家经常需要的功能。开发团队目测还是对哪块感兴趣（更容易）搞哪里，属于工程师的习惯。

[Livid]

我只是弱弱的问一下，为什么 comment 里会需要 h1 ？

[lisongeee]

@Livid 呃呃，我只是想让评论支持 markdown 而已，h1 只是演示

[lisongeee]

@wxf666 @abc612008

已经修复，具体看第一条附言

[fzdwx]

test

```go
package main

import (
"fmt"
"github.com/fzdwx/infinite/components"
)

func main() {
input := components.NewInput()

if err := components.NewStartUp(input).Start(); err != nil {
panic(err)
}

fmt.Println("Get:", input.Value())
}
``

[fzdwx]

test

```go
package main

import (
"fmt"

)

func main() {
input := components.NewInput()

if err := components.NewStartUp(input).Start(); err != nil {
panic(err)
}

fmt.Println("Get:", input.Value())
}
```

[lisongeee]

@wxf666

`问题已修复，已经支持 www.v2ex.com `

~~测试一下删除线~~

[wxf666]

@lisongeee 生效了！

很喜欢<u>通过 base64 来保留原始信息</u>的功能啊，为啥要去掉啊

v 站吃缩进吃得我麻了都。。


> 现在代码的缩进会被去掉，我考虑要不要加个代码自动格式化

这个应该是不能完全实现的。比如`Python`：

```python
if condition:
do_something()
return
```

这个`return`，到底是`if`内的呢，还是`if`外的呢？

[lisongeee]

@wxf666 哈哈，你发的 python 代码被 v2 去缩进后是有语法错误的，if 下面一行至少要缩进一个 pass

> 为啥要去掉啊

我用的图片链接前缀是 `https://github.com/lisonge/lisonge.gitHub.io/raw/main/1x1.png`

这个 在 v2 的评论不装任何插件会直接显示一大串的文本，这个产生效果可以去看我的发言记录 [lisongeee]( https://v2ex.com/member/lisongeee)

不过我发现 v2 好像会直接转 `微博图床` 的链接，我一会试试看把链接前缀换成 `微博图床` 的链接看看行不行

不过有个缺点需要注意，我记得 v2 是有评论最大长度限制的，在评论里补充 `微博图片链接`，可能会被算入文本长度

[lisongeee]

@wxf666 微博图片链接也不行

对于链接 ` ?k=v#hash`

v2 会直接把前面的 ` ` 替换成链接，后面的文字直接保留在评论区

效果可以直接看 </t/851687#r_12009041>

[wxf666]

@lisongeee 对啊，如果要做`代码自动格式化`，这个被吃掉缩进的代码，就是你的格式化插件日常要面对的东西了

`do_something()`还能猜一猜，`return`连人工都猜不出来

[sugarkeek]

@magicdawn 这叫产品的克制 /doge

[Cagliostro]

@felixcode 并不能，图床寄了？

[Cagliostro]

@lisongeee yes ，油猴图标，原来支持啊，怪我没试，不过似乎跟 [v2ex 增强] 冲突，楼中楼不好回复

[sankemao]

# Test

[fatelight]

[坤坤] ( https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fpic4.zhimg.com%2F50%2Fv2-fe127aac97845744e7b2124ffe16df6d_hd.jpg&refer=http%3A%2F%2Fpic4.zhimg.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1663521653&t=a32b72297e90a68aa2fda3e934de8ec9)

[lisongeee]

@fatelight markdown 写错了，]和( 之间不能有空格

[坤坤-的链接]( https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fpic4.zhimg.com%2F50%2Fv2-fe127aac97845744e7b2124ffe16df6d_hd.jpg&refer=http%3A%2F%2Fpic4.zhimg.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1663521653&t=a32b72297e90a68aa2fda3e934de8ec9)


[lkkle]

可以用，效果不错

[ltkun]

- ok
好像没有那个回复按钮啊

[lisongeee]

@ltkun 现在不需要了，你直接发 markdown 语法就行，缺点是你的代码没有缩进，因为缩进被 V2EX 吃了

```ts
if(true===true){
console.log(`hello`);
}
```

[q1angch0u]

```
if(true===true){
%20console.log(`hello`);
}
```

[Envov]

# 我觉得 V2EX 回复代码块需要优化一下，可以低成本的回复带高亮的代码块，论坛里很多有意义的回帖中的代码块没格式，图片这个倒是必要性不大

[lookStupiToForce]

安装这个脚本后，可以看到别人的选然后的 markdown 回复
但是我自己不能回复支持渲染的 markdown
应该是这个脚本的回复框功能和 chrome 扩展 V2EX plus 冲突了
sad

[SimonOne]

外链多了，站长就不让你外链了，就很烦啊。

[lisongeee]

@lookStupiToForce

> 安装这个脚本后，可以看到别人的选然后的 markdown 回复
> 但是我自己不能回复支持渲染的 markdown
> 应该是这个脚本的回复框功能和 chrome 扩展 V2EX plus 冲突了
> sad

这个脚本当前版本并没有修改回复框的功能，它只会使用 markdown 二次渲染每一条评论，另外如果二次渲染后评论文本没有变化，就不会替换 dom

[lookStupiToForce]

@lisongeee #44 主要是我的回复框下面没有“回复 markdown”那个按钮

[lisongeee]

@lookStupiToForce

`回复 markdown` 已经不需要了，正常点击回复即可

[lookStupiToForce]

@lisongeee #46 好的谢谢。我也试试

```
test a test
```

[heronlyj]

不错的插件，多谢分享

[Simons]

```
test
```

[imaple]

- 安装测试一下
- 背景是黑色的

[beginnerZ]

聪明的楼主如何电脑打开 V2EX 的？我用 google 和 firefox 打不开，关闭了 vpn 也打不开，手机和电脑连的相同 wifi ，手机却可以打开 v2ex😔

[lisongeee]

@beginnerZ

我电脑手机都能打开啊，我用的 clash 代理，让 v2ex.com 的流量走海外节点就行

[mango88]

#### 我试试插件成功没有

[lisongeee]

测试图片外链