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

[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`);
}
```