返回列表 发布新帖

[发布帖子] 网站Markdown编辑器的使用方法和案例

1321 1
digger 发表于 2025-10-15 16:13:07 | 查看全部 阅读模式 来自:Error

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有账号?立即注册

×
<h3>教程</h3>: |, z# S. Y; x5 L& ?' a, M
<p><img src="data/attachment/forum/202510/15/154040fctqnuwuw7u8gkjt.webp" alt="QQ20251015-153932.webp" title="QQ20251015-153932.webp" /><br/>
1 r- M; h3 V0 I5 M0 z这是一篇讲解如何正确使用 <em><strong>Markdown</strong></em> 的排版示例<br/>
2 W* p* W1 k: d9 }# }: N7 ~在使用vditor编辑器时建议使用分屏预览模式进行编辑,这样可以看见你写的代码处于什么状态,更好的布局页面,将显示效果和后台的代码进行分开展示。</p>' M9 U2 \4 D3 V9 i# K; h9 s9 W
<h4>语法指导</h4>
1 K3 p9 J$ T) U6 X2 |<h4>普通内容</h4>
( u2 w( H- ?* R% L4 T& T<p>这段内容展示了在内容里面一些排版格式</p>. i: t3 l+ R3 S8 i5 j
<h4>提及用户</h4>; J! l/ S' E7 f
<p>@Vanessa 通过 @User 可以在内容中提及用户,被提及的用户将会收到系统通知。</p>
5 s9 [# \& E6 g; q5 ]6 _& @<h4>表情符号 Emoji</h4>
$ j7 X" i$ ]  X; \1 `7 _; }4 {<p>支持大部分标准的表情符号,可使用输入法直接输入,也可手动输入字符格式。</p>
0 `! Y) p3 \3 ]<h4>一些表情例子</h4>2 j1 [( |1 Z1 F3 k) Y! E
<p>😄 😆</p>& l3 R) P" B, y8 p2 J9 n
<p>输入公式:先输入$$(两个英文状态下的货币符号)<br/>
7 b+ T3 @& I5 e/ Z% f8 C/ x, X<em><strong>特别注意:</strong></em><br/>
6 @0 |( \6 f7 x" \+ D公式输入不像Latex或者katex、vditor桌面版那样可以通过\\来进行换行操作,或者使用\newline进行强制换行,必须得另起一行做为公式的后续输入。</p>4 ^1 ~# [$ G: B6 X6 I
<p><img src="data/attachment/forum/202510/15/154527uwhqjh9vi7xxjx71.webp" alt="输入公式.webp" title="输入公式.webp" /></p>
, P- a: j! `" O* G: w6 M( {( z0 _( O% q0 Y<div class="language-math">f(x)=x^2+x+a_1</div>
* r+ J+ _! E" i/ c" W<div class="language-math">G(x)=x^2_2+\left( (a_1+b_1)^2  \right )^6_x</div>. S+ b6 T& O0 x7 j9 U' K* O3 [& `
<h4>输入代码内容:</h4>
7 O$ @+ I( l8 G) r<p>先输入```后面跟语言的类型,比如:Python、JavaScript、vba等自带对应语法高亮(英文状态下的,然后选择对应的语言,普通代码可以直接粘贴)</p>7 A* ]3 m* ^5 \+ e
<p><img src="data/attachment/forum/202510/15/154605bwsn0m5u3e0s2lea.webp" alt="输入代码.webp" title="输入代码.webp" /></p>' t3 Q' U) p! Y, Z! K
<pre><code class="language-python">print(&#34;Hello, World!&#34;)
# g6 n" K7 H* K& T9 O</code></pre>
6 e2 T; J) c* d8 P; t" t2 H4 f<h4>输入流程图:</h4>
7 a) W# h  o/ F" B  X. M<p><img src="data/attachment/forum/202510/15/154926jeub85k85bzbkuk9.webp" alt="输入流程图.webp" title="输入流程图.webp" /></p>
) J5 w+ ~. }- ^) y/ y<div class="language-mermaid">graph TB
5 U8 p  P! {% uc1--&gt;a2
, `) e/ @% b% `' n7 Wsubgraph one
1 ?, K* y  x( Z4 f2 o7 g/ M4 ga1--&gt;a2
4 b# s2 I3 K8 r' Uend* O$ d$ Z5 O5 r& {: U! k
subgraph two( R$ p, _; C- ^3 Y' \
b1--&gt;b2
/ a! x% n4 |8 A  X! ]6 zend
$ ~8 ?# j; n) b. [* P; r* ysubgraph three6 F/ v0 `+ U5 h1 b- x3 A
c1--&gt;c2; p5 w( Z" D+ y' r, }
end& ?2 X9 _3 g  L$ J; S
</div>  p+ H- p, Y! {
<h4>输入时序图:</h4>
% r9 P% ^* Q7 d4 \0 ?0 l( D1 {1 p, c<p><img src="data/attachment/forum/202510/15/155129c85zfzff73lubl6u.webp" alt="输入时序图.webp" title="输入时序图.webp" /></p>: a  s0 T: o9 }5 ]) A
<div class="language-mermaid">sequenceDiagram
1 l# H* `$ D; nAlice-&gt;&gt;John: Hello John, how are you?2 j, d9 i$ f& T
loop Every minute
4 r4 ?  x! c, j& p+ e! gJohn--&gt;&gt;Alice: Great!
5 Z% X0 N1 C  L5 ?( Tend
/ V5 Y2 b8 t: U# `</div>
4 b+ l" ?8 @- }<h4>输入甘特图:</h4>: t/ q+ a& H% z) d* {1 S% \; F
<p><img src="data/attachment/forum/202510/15/155326nywuyz1zzzty6yzy.webp" alt="输入甘特图.webp" title="输入甘特图.webp" /></p>& ?5 r/ \) n( ]' E* G6 F
<div class="language-mermaid">gantt* U* w' c) W0 R% F  X: S( c; z
title A Gantt Diagram' X5 D% C  |: y
dateFormat  YYYY-MM-DD& J) a% S7 Z: f1 |% H9 [
section Section+ e7 x" s, `. b0 `
A task           :a1, 2019-01-01, 30d8 b9 x7 P6 g! V& @
Another task     :after a1  , 20d
4 _$ `1 f6 ]# h: f2 hsection Another; F7 ?/ {6 i* C
Task in sec      :2019-01-12  , 12d; X! o( s9 B, L' K$ r
another task      : 24d/ ^& a7 p$ T9 z9 P
</div>, k) R; ^5 p% {- b* }9 Q
<h4>输入脑图:</h4>
* `1 Q' D& F2 L8 N8 ?+ T4 K: n8 e$ q<p><img src="data/attachment/forum/202510/15/155621hkupuwbu93kvs34y.webp" alt="输入脑图.webp" title="输入脑图.webp" /></p>; P7 y9 j' R6 ]! `1 @7 o9 L
<div data-code="%7B%22name%22:%20%22Root%22,%20%22children%22:%20%5B%7B%22name%22:%20%22%E6%95%99%E7%A8%8B%22%7D,%20%7B%22name%22:%20%22%E8%AF%AD%E6%B3%95%E6%8C%87%E5%AF%BC%22,%20%22children%22:%20%5B%7B%22name%22:%20%22%E5%A4%A7%E6%A0%87%E9%A2%98%20-%20Heading%203%22,%20%22children%22:%20%5B%7B%22name%22:%20%22Heading%204%22,%20%22children%22:%20%5B%7B%22name%22:%20%22Heading%205%22,%20%22children%22:%20%5B%7B%22name%22:%20%22Heading%206%22%7D%5D%7D%5D%7D%5D%7D,%20%7B%22name%22:%20%22%E5%9B%BE%E7%89%87%22%7D,%20%7B%22name%22:%20%22%E4%BB%A3%E7%A0%81%E5%9D%97%22,%20%22children%22:%20%5B%7B%22name%22:%20%22%E6%99%AE%E9%80%9A%22%7D,%20%7B%22name%22:%20%22%E8%AF%AD%E6%B3%95%E9%AB%98%E4%BA%AE%E6%94%AF%E6%8C%81%22,%20%22children%22:%20%5B%7B%22name%22:%20%22%E6%BC%94%E7%A4%BA%20Go%20%E4%BB%A3%E7%A0%81%E9%AB%98%E4%BA%AE%22%7D,%20%7B%22name%22:%20%22%E6%BC%94%E7%A4%BA%20Java%20%E9%AB%98%E4%BA%AE%22%7D%5D%7D%5D%7D,%20%7B%22name%22:%20%22%E8%A1%A8%E6%A0%BC%22%7D,%20%7B%22name%22:%20%22%E9%9A%90%E8%97%8F%E7%BB%86%E8%8A%82%22%7D,%20%7B%22name%22:%20%22%E5%A4%9A%E5%AA%92%E4%BD%93%22%7D,%20%7B%22name%22:%20%22%E8%84%9A%E6%B3%A8%22%7D%5D%7D,%20%7B%22name%22:%20%22%E5%BF%AB%E6%8D%B7%E9%94%AE%22%7D%5D%7D" class="language-mindmap">- 教程
, h% J" Q3 i- S# N. j- 语法指导: B' z" T% o# @( f* r0 b" x
  - 大标题 - Heading 34 m" [" I  p2 P+ o6 d
    - Heading 4
5 r4 f) }9 k2 ^8 j! [* h      - Heading 5
1 e5 E7 H( m- Q) q$ N- D  O        - Heading 6
3 E& u8 C/ n7 M' @; I4 }  - 图片
! {  I  G! m3 B8 k) G3 C& f# Z( t% D  - 代码块* i6 e# Z5 k: y  y) O; e
    - 普通* D& |: q! x1 [6 E, ^, v$ Q* j
    - 语法高亮支持' g; @( G; M: k) i, e1 G# q
      - 演示 Go 代码高亮
) x) y) u+ V/ v) T, g7 h      - 演示 Java 高亮- H- P, O5 v+ R, l2 `* J: x2 m
  - 表格
0 I$ n1 `4 ^! }1 ^) U  - 隐藏细节5 F. U. _% j/ L! ~3 L
  - 多媒体" d: r% Y# m( s. y
  - 脚注$ M- i- a) G, f/ b( n
- 快捷键2 p; G! Z; D: P$ z) ~; D
</div>
. K- l; J" `5 c<h4>输入图表:</h4>
- j' i! Y6 `% v1 x<p><img src="data/attachment/forum/202510/15/155901gf7miotoiqnqofht.webp" alt="输入图表.webp" title="输入图表.webp" /></p>6 K1 w* l5 \# q
<div class="language-echarts">{% J& R' H( R% f8 H/ T! S! U
  &#34;title&#34;: { &#34;text&#34;: &#34;最近 30 天&#34; },  a& O6 k, u8 [# N: ^3 Z
  &#34;tooltip&#34;: { &#34;trigger&#34;: &#34;axis&#34;, &#34;axisPointer&#34;: { &#34;lineStyle&#34;: { &#34;width&#34;: 0 } } },; a3 A. G# i( ]& |% r
  &#34;legend&#34;: { &#34;data&#34;: [&#34;帖子&#34;, &#34;用户&#34;, &#34;回帖&#34;] },2 S6 k8 e* t/ j+ {( r4 ?3 M
  &#34;xAxis&#34;: [{
3 j; V9 r. l6 J% g$ A# r      &#34;type&#34;: &#34;category&#34;,! P) P4 h( a2 h
      &#34;boundaryGap&#34;: false,
4 q+ |9 X3 S3 V( @8 F      &#34;data&#34;: [&#34;2019-05-08&#34;,&#34;2019-05-09&#34;,&#34;2019-05-10&#34;,&#34;2019-05-11&#34;,&#34;2019-05-12&#34;,&#34;2019-05-13&#34;,&#34;2019-05-14&#34;,&#34;2019-05-15&#34;,&#34;2019-05-16&#34;,&#34;2019-05-17&#34;,&#34;2019-05-18&#34;,&#34;2019-05-19&#34;,&#34;2019-05-20&#34;,&#34;2019-05-21&#34;,&#34;2019-05-22&#34;,&#34;2019-05-23&#34;,&#34;2019-05-24&#34;,&#34;2019-05-25&#34;,&#34;2019-05-26&#34;,&#34;2019-05-27&#34;,&#34;2019-05-28&#34;,&#34;2019-05-29&#34;,&#34;2019-05-30&#34;,&#34;2019-05-31&#34;,&#34;2019-06-01&#34;,&#34;2019-06-02&#34;,&#34;2019-06-03&#34;,&#34;2019-06-04&#34;,&#34;2019-06-05&#34;,&#34;2019-06-06&#34;,&#34;2019-06-07&#34;],0 _$ v$ Y1 Q2 e4 _7 i% Q
      &#34;axisTick&#34;: { &#34;show&#34;: false },
2 v6 U* t8 g  f3 U- V* f      &#34;axisLine&#34;: { &#34;show&#34;: false }
$ I" ?) N+ c: j  }],8 w2 W( z/ J3 E% L4 _8 |
  &#34;yAxis&#34;: [{ &#34;type&#34;: &#34;value&#34;, &#34;axisTick&#34;: { &#34;show&#34;: false }, &#34;axisLine&#34;: { &#34;show&#34;: false }, &#34;splitLine&#34;: { &#34;lineStyle&#34;: { &#34;color&#34;: &#34;rgba(0, 0, 0, .38)&#34;, &#34;type&#34;: &#34;dashed&#34; } } }],; p' b  E1 t8 G7 ?3 B; T/ a
  &#34;series&#34;: [
* I( |3 {+ p/ P* B! g$ t    {
  f3 a% Y1 B. o: p# @      &#34;name&#34;: &#34;帖子&#34;, &#34;type&#34;: &#34;line&#34;, &#34;smooth&#34;: true, &#34;itemStyle&#34;: { &#34;color&#34;: &#34;#d23f31&#34; }, &#34;areaStyle&#34;: { &#34;normal&#34;: {} }, &#34;z&#34;: 3,
& Y) X/ U# B# @- @* X6 C! r      &#34;data&#34;: [&#34;18&#34;,&#34;14&#34;,&#34;22&#34;,&#34;9&#34;,&#34;7&#34;,&#34;18&#34;,&#34;10&#34;,&#34;12&#34;,&#34;13&#34;,&#34;16&#34;,&#34;6&#34;,&#34;9&#34;,&#34;15&#34;,&#34;15&#34;,&#34;12&#34;,&#34;15&#34;,&#34;8&#34;,&#34;14&#34;,&#34;9&#34;,&#34;10&#34;,&#34;29&#34;,&#34;22&#34;,&#34;14&#34;,&#34;22&#34;,&#34;9&#34;,&#34;10&#34;,&#34;15&#34;,&#34;9&#34;,&#34;9&#34;,&#34;15&#34;,&#34;0&#34;]
) Y; o& D" }6 P    },4 r3 w4 h1 ?, |4 f6 O' V; l# g* e
    {
! [) e! E5 m4 k+ ?# X      &#34;name&#34;: &#34;用户&#34;, &#34;type&#34;: &#34;line&#34;, &#34;smooth&#34;: true, &#34;itemStyle&#34;: { &#34;color&#34;: &#34;#f1e05a&#34; }, &#34;areaStyle&#34;: { &#34;normal&#34;: {} }, &#34;z&#34;: 2,
; X- x4 P: }' J  S      &#34;data&#34;: [&#34;31&#34;,&#34;33&#34;,&#34;30&#34;,&#34;23&#34;,&#34;16&#34;,&#34;29&#34;,&#34;23&#34;,&#34;37&#34;,&#34;41&#34;,&#34;29&#34;,&#34;16&#34;,&#34;13&#34;,&#34;39&#34;,&#34;23&#34;,&#34;38&#34;,&#34;136&#34;,&#34;89&#34;,&#34;35&#34;,&#34;22&#34;,&#34;50&#34;,&#34;57&#34;,&#34;47&#34;,&#34;36&#34;,&#34;59&#34;,&#34;14&#34;,&#34;23&#34;,&#34;46&#34;,&#34;44&#34;,&#34;51&#34;,&#34;43&#34;,&#34;0&#34;]! {. C' ]/ p( h  L# v
    },- K) c* C3 C6 }2 A
    {5 S! U; \8 v+ f+ l) o6 i) }' p5 N
      &#34;name&#34;: &#34;回帖&#34;, &#34;type&#34;: &#34;line&#34;, &#34;smooth&#34;: true, &#34;itemStyle&#34;: { &#34;color&#34;: &#34;#4285f4&#34; }, &#34;areaStyle&#34;: { &#34;normal&#34;: {} }, &#34;z&#34;: 1,
3 y/ B2 p+ g4 _7 }3 S7 M, l, y      &#34;data&#34;: [&#34;35&#34;,&#34;42&#34;,&#34;73&#34;,&#34;15&#34;,&#34;43&#34;,&#34;58&#34;,&#34;55&#34;,&#34;35&#34;,&#34;46&#34;,&#34;87&#34;,&#34;36&#34;,&#34;15&#34;,&#34;44&#34;,&#34;76&#34;,&#34;130&#34;,&#34;73&#34;,&#34;50&#34;,&#34;20&#34;,&#34;21&#34;,&#34;54&#34;,&#34;48&#34;,&#34;73&#34;,&#34;60&#34;,&#34;89&#34;,&#34;26&#34;,&#34;27&#34;,&#34;70&#34;,&#34;63&#34;,&#34;55&#34;,&#34;37&#34;,&#34;0&#34;]
2 i5 K  Q, e" O( w0 v" t7 Y    }: ?8 N, W  m+ F- l
  ]5 R* S9 Z. Y5 g0 W
}
/ X0 b# U9 K* ^, ^9 m: A</div>" V% n# N+ w/ x0 A0 @  E4 C
<h4>输入五线谱:</h4>, P! d/ Z; i7 c
<p><img src="data/attachment/forum/202510/15/160048x72zgrv2vrlwl6kv.webp" alt="输入五线谱.webp" title="输入五线谱.webp" /></p>
) ^" k$ z" f3 c5 P6 k6 D<div class="language-abc">X: 24
3 h* A4 r$ _9 j2 f- H* LT: Clouds Thicken" t9 q4 z- x% n3 a/ E  d
C: Paul Rosen
: S0 a1 q  T9 ~6 Q, S6 V( y; ^! TS: Copyright 2005, Paul Rosen
. S6 G& p! Y& ]  F8 x1 AM: 6/8( M) h+ _2 H2 d( v) O
L: 1/8
8 Y" r& I% h8 {- M; u& B5 jQ: 3/8=116
9 M, F) w, y' ~: @R: CreepyJig
( Y9 r2 u; m8 R' y. e7 uK: Em
, j& H6 f2 V3 N. \7 a9 L# B# }6 S|:&#34;Em&#34;EEE E2G|&#34;C7&#34;_B2A G2F|&#34;Em&#34;EEE E2G|\\
7 \7 s  B0 n( r9 [5 ~&#34;C7&#34;_B2A &#34;B7&#34;=B3|&#34;Em&#34;EEE E2G|
" s7 [; Q5 l( W; f&#34;C7&#34;_B2A G2F|&#34;Em&#34;GFE &#34;D (Bm7)&#34;F2D|\\/ T6 p) x. G7 t, L+ ~2 B
1&#34;Em&#34;E3-E3:|2&#34;Em&#34;E3-E2B|:&#34;Em&#34;e2e gfe|, A' b  u" H( }9 b9 S8 r
&#34;G&#34;g2ab3|&#34;Em&#34;gfeg2e|&#34;D&#34;fedB2A|&#34;Em&#34;e2e gfe|\\
; ?* j0 @! ?9 p. S) _. j5 m&#34;G&#34;g2ab3|&#34;Em&#34;gfe&#34;D&#34;f2d|&#34;Em&#34;e3-e3:|
% z* u2 Q- t  X4 ^9 M3 i</div>
" w6 }2 [( f; F: q<h4>输入graphviz:</h4>
; Y1 T2 O; T! v" z8 V4 X3 E: W2 c<p><img src="data/attachment/forum/202510/15/160257pbo3r8ldbdff8lrg.webp" alt="输入graphviz.webp" title="输入graphviz.webp" /></p>
* r& x& E9 s* o" G5 n. V<div class="language-graphviz">digraph finite_state_machine {
  \/ f3 V( g  L6 a) w0 A/ v3 Z    rankdir=LR;
& u, u; [) ~8 B; F    size=&#34;8,5&#34;
$ c9 h& W1 w' d    node [shape = doublecircle]; S;
5 P, h: P' [$ q8 h* p+ _    node [shape = point ]; qi
( l2 l: A  u7 w5 }( I- R# w<pre><code>node [shape = circle];
1 C6 R& B; f  C2 K' T: P5 sqi -&gt; S;1 w6 O- P2 F6 B3 v) d  q7 c
S  -&gt; q1 [ label = &quot;a&quot; ];4 O! V; `, Q5 K$ K6 u: \# t
S  -&gt; S  [ label = &quot;a&quot; ];0 M6 v3 q. q6 t
q1 -&gt; S  [ label = &quot;a&quot; ];
  i( G7 w4 e, [* B* b9 Y8 Nq1 -&gt; q2 [ label = &quot;ddb&quot; ];
9 N) u+ Q/ x2 b$ {/ s* C0 jq2 -&gt; q1 [ label = &quot;b&quot; ];  P, S% G! L) c6 `/ p' J
q2 -&gt; q2 [ label = &quot;b&quot; ];+ T" t  v. n+ q" h7 r/ L* b
</code></pre>
# `6 N  z, }% Q+ `<p>}</p># M4 B& b2 b, A: [- b" @; U
</div>
2 L* Z% ~' ]) T) K9 J<h4>输入flowchart</h4>
  t# E! n3 ], @: V<p><img src="data/attachment/forum/202510/15/160631wl8lhzgibog4zmyh.webp" alt="输入flowchart.webp" title="输入flowchart.webp" /></p>, ?) A& ^+ b3 Z, o% ?" s! q
<div class="language-flowchart">st=&gt;start: Start:&gt;http://www.google.com[blank]' n7 i$ `3 q! O' [) h2 Y+ [
e=&gt;end:&gt;http://www.google.com2 ?* H' A4 r* w, k( ?# z* M
op1=&gt;operation: My Operation  w( d) e  H& ~
sub1=&gt;subroutine: My Subroutine
4 B+ f8 ^4 V4 T* n( {  e6 tcond=&gt;condition: Yes5 i* c/ g& n/ }8 y
or No?:&gt;http://www.google.com
- _3 T3 o; b, _: C/ K; [/ u$ s& j* fio=&gt;inputoutput: catch something...
/ a/ h& Y5 h, r" `2 apara=&gt;parallel: parallel tasks$ C, M. X: P: t! C0 j5 @
<h4>输入flowchart</h4>4 y9 c. S0 z: M. Z* z( `$ C- s
<p><img src="data/attachment/forum/202510/15/160631wl8lhzgibog4zmyh.webp" alt="输入flowchart.webp" title="输入flowchart.webp" /></p>+ v. @# f$ c: y9 O2 z& P6 R; R
<h4>输入flowchart</h4>
5 _& r% V8 Z- e<p><img src="data/attachment/forum/202510/15/160631wl8lhzgibog4zmyh.webp" alt="输入flowchart.webp" title="输入flowchart.webp" /></p>$ L  ?2 L- ~* ?; I/ s/ w0 |
<p>st-&gt;op1-&gt;cond<br />
2 ?; h% ?, I7 S3 _4 _( ycond(yes)-&gt;io-&gt;e<br />4 ^" c1 `5 d" I, a8 V* k
cond(no)-&gt;para<br />% k, p* b$ }, x; P( b
para(path1, bottom)-&gt;sub1(right)-&gt;op1<br />
, ~. Z( w5 t" X1 Z, T; ~4 Cpara(path2, top)-&gt;op1</p>% `) N9 J; i( |
</div>8 C# O9 H5 ^9 l' l. X0 \' ?' n
<h4>输入plantuml:</h4>
7 z6 ~) G5 T: P; p6 _( o$ z$ e<p><img src="data/attachment/forum/202510/15/160807qqkkhs9jhiut3zzu.webp" alt="输入plantuml.webp" title="输入plantuml.webp" /></p>! C  J, M. s+ B; n
<div class="language-plantuml">@startuml component2 o; T5 S8 O+ A/ I( u9 d6 I
actor client: \& A7 V: i# L1 }
node app
8 y2 u* E! L% U; }- r& @2 w  gdatabase db6 ~$ `+ D9 e) Y) S/ \
db -&gt; app
+ x" S7 n% Z4 Kapp -&gt; client1 H0 d. Z/ b1 i- s! D; M
@enduml( A9 p' H0 O  V- p: }6 q
</div>
- D) Y' F& Y0 L, a" f& ?; @<h3>结语:</h3># p4 v( n+ k9 h* B+ }, L# \! {: w" D
<p>Vditor Markdown编辑器功能强大,需要一些学习才能完全掌握,但是它是最能体现专业性的编辑器,无论是公式还是图表,所以如果你在学习的路上请掌握Markdown编辑器以及Latex或者katex的公式代码写法,当然也有公式转化工具,但他们的用法前提也是你必须得掌握Latex语法 <img alt="1f62c" class="emoji" src="https://www.jiangmen.pro/static/image/smiley/default/1f62c.gif" title="1f62c" /></p>+ M* F4 o! A$ P1 ^* `
<h4>输入plantuml:</h4>: Q9 O& g) p3 t$ N  h( j5 Y
<p><img src="data/attachment/forum/202510/15/160807qqkkhs9jhiut3zzu.webp" alt="输入plantuml.webp" title="输入plantuml.webp" /></p>
3 I- T+ o6 K" m& R5 Y/ ^) s- v  V, ?# F9 b<h3>结语:</h3>
( E+ U! x: B4 a( Q/ b3 `- ?<p>Vditor Markdown编辑器功能强大,需要一些学习才能完全掌握,但是它是最能体现专业性的编辑器,无论是公式还是图表,所以如果你在学习的路上请掌握Markdown编辑器以及Latex或者katex的公式代码写法,当然也有公式转化工具,但他们的用法前提也是你必须得掌握Latex语法 <img alt="1f62c" class="emoji" src="https://www.jiangmen.pro/static/image/smiley/default/1f62c.gif" title="1f62c" /></p>
) h; P; B$ C9 e& E1 M
QQ20251015-153932.webp
输入公式.webp
输入代码.webp
输入流程图.webp
输入时序图.webp
输入甘特图.webp
输入脑图.webp
输入图表.webp
输入五线谱.webp
输入graphviz.webp
输入flowchart.webp
输入plantuml.webp
匠心独运,千锤百炼,品质非凡。
回复 转播

使用道具 举报

评论1

digger楼主Lv.9 发表于 2025-10-15 16:32:18 | 查看全部 来自:Error
<h4>视频插入帖子内的操作方法</h4>; q# Z% M  b5 p% J/ \4 I2 ~% H
<p>先去你喜欢的视频网站找视频,然后分享功能中有一个分享代码---嵌入分享</p>' h- P3 ?! a% ]; H
<p>这里以哔哩哔哩举例:</p>+ m9 y5 {! }: @
<p><img src="data/attachment/forum/202510/15/163017waa0af0pgvy096p2.webp" alt="视频嵌入代码.webp" title="视频嵌入代码.webp" /></p>8 z6 _. D7 h6 }2 c9 l) s6 v
<p>获得嵌入式代码以后回到发布帖子页面的操作:</p>: I" _& |1 S' K$ {
<p><img src="data/attachment/forum/202510/15/163103r6cmw4cv4ywd4jvg.webp" alt="嵌入操作.webp" title="嵌入操作.webp" /></p># i1 A) Q" A1 a  u+ L6 z* e, @. J
<h4>展示效果如下:</h4>1 P2 `( I% [. v) R* q0 U" y
<iframe src="https://player.bilibili.com/player.html?isOutside=true&amp;aid=115349450137199&amp;bvid=BV1du4JzwEH4&amp;cid=32970049184&amp;p=1&amp;danmaku=0" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"></iframe>
$ v. g9 `! }9 A: A<h4>没事多研究总有新的发现!</h4>
5 z! \/ C5 B5 ^) a9 C<p><em><strong>请注意不要非法搬运哦!</strong></em></p>+ o3 R% p8 z! X
视频嵌入代码.webp
嵌入操作.webp
匠心独运,千锤百炼,品质非凡。
回复

使用道具 举报

回复

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

您需要 登录 后才可以回复,轻松玩转社区,没有帐号?立即注册
快速回复
关灯 在本版发帖
扫一扫添加微信客服
QQ客服返回顶部
快速回复 返回顶部 返回列表