我发的代码你们没有高亮和缩进看起来不方便，评论 markdown 渲染及代码高亮可以用 /t/873825

根据 css 优先级规则，你可以使用 scss 二次编译一遍 element-ui 提高你的样式的优先级权重

```scss
.custom-affix {
@import 'element-ui/lib/theme-chalk/index';
}
```

```js
document.body.classList.add('custom-affix')
```

楼上的人是没用过脚手架吗？使用框架就是一条命令初始化目录的事，整得跟框架要一点一点手动搭一样
我实在是不能忍受没有组件化和热重载

这样可以正常返回 200 状态码和正常的数据

```ts
import { defineConfig } from 'vite';

export default defineConfig(({ command }) => {
return {
server: {
proxy: {
'^/api': {
target: 'https://manga.bilibili.com',
changeOrigin: true,
rewrite: (path) => path.replace(/^\/api/, ''),
headers: {
origin: 'https://manga.bilibili.com',
},
},
},
},
};
});
```

另外说一下，这不是跨域，这是**反向代理**

因为从浏览器的角度看，你只是向本域名的 /api/xxx 发起了一个 post 请求，根本没有产生两个域的概念

好像是图片有防盗链？我发原图链接也不行

1. 楼主发的是图片的预览链接，不是图的链接
2. V2EX 评论会吃代码空格缩进，python 代码发出来基本都用语法错误
3. 图在这里下面


@wxf666

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

@beginnerZ

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

# 代码高亮及其自动格式化测试

## js

```js
const markdownItInstance = markdownit({
highlight(str, lang) {
lang = lang.toLowerCase();
if (lang2parser[lang]) {
console.log({ str, lang });
try {
str = prettier.format(str, {
parser: lang2parser[lang],
plugins,
});
} catch {}
}
if (lang && hljs.getLanguage(lang)) {
try {
return hljs.highlight(str, { language: lang }).value;
} catch (__) {}
}
return '';
},
});
```

## ts

```ts
const plugins: Plugin[] = [
parserBabel,
parserYaml,
parserHtml,
parserPostcss,
parserJava,
];

const lang2parser: Record<string, BuiltInParserName | string> = {
js: 'babel',
jsx: 'babel',
ts: 'babel-ts',
tsx: 'babel-ts',
json: 'json',
json5: 'json5',
yaml: 'yaml',
html: 'html',
vue: 'vue',
scss: 'scss',
css: 'css',
less: 'less',
java: 'java',
};
```

## Java

```java
public class HelloWorld {
public static void main(String[] args) {System.out.println("Hello World!");;;;;}

@Override
public String toString() {
return "Hello World";
}
public int sum(int argument1,int argument2,int argument3,int argument4,int argument5
) {
return argument1+argument2+ argument3 +argument4 + argument5;
}
}
```

@lookStupiToForce

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

@lookStupiToForce

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

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

@wxf666

我尝试使用 ·https://wx3.sinaimg.cn/base62/ xxx .jpg` 去保存信息，但是一旦使用次数过多，v2 便会提醒不要在评论中包含外链，所以用图片保存信息不太行

```ts
const mdCodeReg = /```.+?```/g;
const replyForm = document.querySelector<HTMLFormElement>(`#reply-box form`)!;
const textarea = replyForm.querySelector('textarea')!;
replyForm.addEventListener('submit', () => {
if (!mdCodeReg.test(textarea.value)) {
return;
}

textarea.value +=
'\n' +
`https://wx3.sinaimg.cn/base62/${base62.encode(
tec.encode(textarea.value)
)}.jpg`;
});
```