dokuwiki
Differences
This shows you the differences between two versions of the page.
| Both sides previous revision Previous revision Next revision | Previous revision | ||
|
dokuwiki [2018/12/25 23:57] admin |
dokuwiki [2023/10/22 11:30] (current) admin |
||
|---|---|---|---|
| Line 1: | Line 1: | ||
| - | #Dokuwiki | + | # Dokuwiki Syntax |
| - | ##Frequent Used Code | + | ## Theming |
| - | <wrap lo>参考资料： | + | |
| - | * Lab Color Space介绍，以及如何使用Lab色彩空间快速调整特定颜色 https://www.youtube.com/ | + | |
| - | </wrap> | + | |
| + | ### 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; | ||
| ``` | ``` | ||
| - | <wrap lo>参考资料： | + | |
| - | * Lab Color Space介绍，以及如何使用Lab色彩空间快速调整特定颜色 https://www.youtube.com/ | + | ## Frequent Used Code |
| + | ```html | ||
| + | <wrap lo>Reference:\\ | ||
| + | - Please refer to blablabal | ||
| </wrap> | </wrap> | ||
| ``` | ``` | ||
| + | |||
| + | <wrap lo>Reference:\\ | ||
| + | - Please refer to blablabal | ||
| + | </wrap> | ||
| + | |||
| + | |||
| + | ```html | ||
| + | <file> | ||
| + | 纯文本格式. | ||
| + | 用于复制黏贴一些文档 | ||
| + | </file> | ||
| + | ``` | ||
| + | |||
| + | <file> | ||
| + | 纯文本格式. | ||
| + | 用于复制黏贴一些文档 | ||
| + | </file> | ||
| + | \\ | ||
| ##Plugin Syntax | ##Plugin Syntax | ||
| - | ###Video Sharing Site Plugin | + | ### Highlight Plugin |
| - | {{youtube>zYwCmcB0XMw}} | + | <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}} | ||
| ``` | ``` | ||
| + | {{youtube>zYwCmcB0XMw}} | ||
| + | \\ | ||
| ###Folded Plugin | ###Folded Plugin | ||
| + | ``` | ||
| This is example ++text | with some of it only shown when you unfold it++. And after that | 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. | 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 | 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. | the text just continues to flow in the same paragraph. | ||
| - | ``` | ||
| + | ``` | ||
| ++++ This is example text block. | | ++++ This is example text block. | | ||
| | This table | is only shown | when you unfold the block | | | This table | is only shown | when you unfold the block | | ||
| ++++ | ++++ | ||
| ``` | ``` | ||
| + | |||
| ++++ This is example text block. | | ++++ This is example text block. | | ||
| | This table | is only shown | when you unfold the 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. | ||
dokuwiki.1545753463.txt.gz · Last modified: 2018/12/25 23:57 by admin