Differences

This shows you the differences between two versions of the page.

--- dokuwiki [2019/07/15 16:00] – admin
+++ dokuwiki [2023/10/22 11:30] (current) – admin
@@ Line 1: / Line 1: @@
-#Dokuwiki
+# Dokuwiki Syntax
-##Frequent Used Code
+## Theming
-<wrap lo>reference:
- * reference 1 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>reference:
- * reference 1 https://www.youtube.com/
+## Frequent Used Code
+```html
+<wrap lo>Reference:\\
+ - Please refer to blablabal
 </wrap>
+```
+<wrap lo>Reference:\\
+ - Please refer to blablabal
+</wrap>
+```html
+<file>
+纯文本格式.
+用于复制黏贴一些文档
+</file>
 ```
@@ Line 17: / Line 52: @@
 </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
 ```
@@ Line 66: / Line 119: @@
 </blockquote>
 He said <q>That's life!</q> and moved on.