# Dokuwiki Syntax

## Theming

### Edit color
Background color: #f5f6f7\\
Link text color: #4b8aba

### Add top bar
See https://www.dokuwiki.org/tips:topbar.

### Edit common style

* For style of header. Go to ./conf/userall.css
* For Code block. Go to ./lib/tpl/dokuwiki/css/basic.less and content.less

### Edit the card like page view
In ./lib/tpl/dokuwiki/css , edit:\\
basic.less: pure text box, etc\\
content.less: code box, etc\\
design.less: the appearance of a page.\\
mobile.less: the appearance of a page on moblie device:

```css
border: 1pt solid #f8fcff;
box-shadow: 0 0.5pt 2.7pt @ini_text_alt;
border-radius: 4pt;
```

## Frequent Used Code
```html
<wrap lo>Reference:\\
 - Please refer to blablabal
</wrap>
```

<wrap lo>Reference:\\
 - Please refer to blablabal
</wrap>


```html
<file>
纯文本格式.
用于复制黏贴一些文档
</file>
```

<file>
纯文本格式.
用于复制黏贴一些文档
</file>
\\


##Plugin Syntax

### Highlight Plugin

<color green>text</color>
<color blue/lightgrey>text</color>
<color #FF0000>text</color>
<color /#FFff00>text</color>
<color rgb(80%,0%,0%)/rgb(100%,80%,100%)>text</color>
<color hsl(120,100%,30%)/hsl(180,50%,90%)>text</color>

<code>
<color green>text</color>
<color blue/lightgrey>text</color>
<color #FF0000>text</color>
<color /#FFff00>text</color>
<color rgb(80%,0%,0%)/rgb(100%,80%,100%)>text</color>
<color hsl(120,100%,30%)/hsl(180,50%,90%)>text</color>
</code>
###Video Sharing Site Plugin
```
{{youtube>zYwCmcB0XMw}}
```
{{youtube>zYwCmcB0XMw}}

\\

###Folded Plugin
```
This is example ++text | with some of it only shown when you unfold it++. And after that
the text just continues to flow in the same paragraph.
```

This is example ++text | with some of it only shown when you unfold it++. And after that
the text just continues to flow in the same paragraph.

```
++++ This is example text block. |
| This table | is only shown | when you unfold the block |
++++
```

++++ This is example text block. |
| This table | is only shown | when you unfold the block |
++++


\\

###Block Quote
```
<blockquote>
There is nothing either good or bad, but thinking makes it so.

<cite>William Shakespeare, "Hamlet", Act 2 scene 2</cite>
</blockquote>
He said <q>That's life!</q> and moved on.
```

<blockquote>
There is nothing either good or bad, but thinking makes it so.

<cite>William Shakespeare, "Hamlet", Act 2 scene 2</cite>
</blockquote>
He said <q>That's life!</q> and moved on.