About-wiki: Difference between revisions
From stonehomewiki
Jump to navigationJump to search
Stonezhong (talk | contribs) |
Stonezhong (talk | contribs) |
||
| (4 intermediate revisions by the same user not shown) | |||
| Line 71: | Line 71: | ||
</nowiki></pre> | </nowiki></pre> | ||
== | == Mermaid == | ||
Example: | |||
{{#mermaid: | |||
graph TD | graph TD | ||
A[Start] --> B{Is Mermaid enabled?} | A[Start] --> B{Is Mermaid enabled?} | ||
B -->|Yes| C[Render diagram] | B -->|Yes| C[Render diagram] | ||
B -->|No| D[Show code as text] | B -->|No| D[Show code as text] | ||
</ | }} | ||
source: | |||
<pre><nowiki> | |||
{{#mermaid: | |||
graph TD | |||
A[Start] --> B{Is Mermaid enabled?} | |||
B -->|Yes| C[Render diagram] | |||
B -->|No| D[Show code as text] | |||
}} | |||
</nowiki></pre> | |||
Latest revision as of 09:53, 19 November 2025
Wiki Features
Global CSS
You can use raw HTML tags
You can wrap your html content in <html>...</html>, for example,
hello
source code:
<html><div style="background-color:green;">hello</div></html>
You can insert external images
method 1: use raw img tag
for example:
source code:
<html><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/e/e1/FullMoon2010.jpg/220px-FullMoon2010.jpg" /></html>
method 2: use traditional wiki style
Example:
|
|
| This is a picture |
source code:
{|
| https://upload.wikimedia.org/wikipedia/commons/thumb/e/e1/FullMoon2010.jpg/220px-FullMoon2010.jpg
|-
| This is a picture
|}
insert youtube video
Insert raw html directly. example
source code:
<iframe width="560" height="315" src="https://www.youtube.com/embed/syp6Lsd8HOo" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
expandable
Example:
source:
<div class="toccolours mw-collapsible mw-collapsed mono expandable"> <div class="mw-collapsible-preview"></div> <div class="mw-collapsible-content"> * [https://www.youtube.com/ youtube] </div> </div> <p></p>
Mermaid
Example:
source:
{{#mermaid:
graph TD
A[Start] --> B{Is Mermaid enabled?}
B -->|Yes| C[Render diagram]
B -->|No| D[Show code as text]
}}
