|
| markdown是非常好用的文档语言,mermaid是最流行的流程图语言,katex是最流行的公式语言,下面来讲解如何配置和使用。
以下配置纯属个人研究,仅供参考
1. 文件配置
/home/www/template/你的模板/common/header.htm中加入
复制代码
/home/www/template/你的模板/common/footer.htm中加入
window.onload = function () {
var markdowns = document.getElementsByTagName("markdown");
for (var i = 0; i < markdowns.length; i++) {
markdowns[i].innerHTML = marked(markdowns[i].textContent);
}
var katexs = document.getElementsByTagName("katex");
for (var i = 0; i < katexs.length; i++) {
katexs[i].innerHTML = katex.renderToString(katexs[i].textContent);
}
}
复制代码
2. discuz后台配置
后台-界面-编辑器设置-Discuz代码,添加三项:markdown/mermaid/katex,找几个图标设置上去,可用和显示按钮勾上,详情如下:
markdown =>
标签:markdown
替换内容:{1}
解释:markdown代码
参数个数:1
参数提示语:markdown
嵌套次数:1
允许的用户组:全选
mermaid => (注意mermaid的class属性)
标签:mermaid
替换内容:{1}
解释:mermaid代码
参数个数:1
参数提示语:mermaid
嵌套次数:1
允许的用户组:全选
katex =>
标签:katex
替换内容:< katex >{1}
解释:katex代码
参数个数:1
参数提示语:katex
嵌套次数:1
允许的用户组:全选
设置好以后,就可以发帖了,注意要用纯文本,否则被加上各种html属性,相应的markdown语法就有问题了,下面举几个例子:
markdown的代码要包裹在[markdown][/markdown]中,mermaid和katex类似
markdown书写
下面是个markdown代码:
这是一级标题
这是二级标题
这是三级标题
这是四级标题
这是五级标题
这是六级标题
这是加粗的文字
这是倾斜的文字
这是斜体加粗的文字
这是加删除线的文字
这是引用的内容
这是引用的内容
这是引用的内容
列表内容
列表内容
列表内容
表头|表头|表头
------|------|-------
内容|内容|内容
内容|内容|内容
复制代码
使用标签包裹以后:
# 这是一级标题
这是二级标题
这是三级标题
这是四级标题
这是五级标题
这是六级标题
这是加粗的文字
这是倾斜的文字
这是斜体加粗的文字
这是加删除线的文字
这是引用的内容
这是引用的内容
这是引用的内容
列表内容
列表内容
列表内容
表头
表头
表头
内容
内容
内容
内容
内容
内容
|
|
|
|
案例:
c = \pm\sqrt{a^2 + b^2}
\
x=\frac{-b\pm\sqrt{b^2-4ac}}{2a}
\
f(x)=\int_{-\infty}^\infty\widehat f\xi,e^{2\pi i\xi x},d\xi
复制代码
c = \pm\sqrt{a^2 + b^2} \ x=\frac{-b\pm\sqrt{b^2-4ac}}{2a} \ f(x)=\int_{-\infty}^\infty\widehat f\xi,e^{2\pi i\xi x},d\xi \ c=±a2+b2x=2a−b±b2−4acf(x)=∫−∞∞fξe2πiξxdξ
流程图书写
graph TD; A-->B; A-->C; B-->D; C-->D;
复制代码
ABCD