About-wiki: Difference between revisions
From stonehomewiki
Jump to navigationJump to search
Stonezhong (talk | contribs) (→test) |
Stonezhong (talk | contribs) (→test) |
||
| Line 74: | Line 74: | ||
<mermaid> | <mermaid> | ||
graph TD | graph TD; A-->B; | ||
</mermaid> | </mermaid> | ||
Revision as of 05:23, 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>
test
<mermaid> graph TD; A-->B; </mermaid>
