• https://www.dokuwiki.org/plugin:statdisplay?s[]=popular#statdisplay_plugin

• https://www.dokuwiki.org/plugin:searchstats

~~SEARCHCLOUD~~

를 쓰기 위해서 추가한 플러그인

• https://www.dokuwiki.org/plugin:pagequery : 아직 설치 전

• https://www.dokuwiki.org/plugin:filelisting
• 미디어 파일의 목록을 보여주는 플러그인

{{filelisting}}

{{filelisting>custom:namespace}}

{{filelisting>namespace}}

• https://www.dokuwiki.org/plugin:approve

• https://www.dokuwiki.org/plugin:pagetemplater
• https://github.com/i-net-software/dokuwiki-plugin-pagetemplater

• https://www.dokuwiki.org/plugin:pagetitle

• https://www.dokuwiki.org/plugin:partialsearch

• 다른 페이지의 일부분을 가져와서 표시할 수 있다. 문서 목차 정리 된 거라든지..
• https://www.dokuwiki.org/plugin:include

{{page>tool:blender:문서_목차&nofooter&noeditbtn&firstseconly}}

• https://www.dokuwiki.org/plugin:quickstats
• geoip : https://www.maxmind.com/en/accounts/199620/geoip/downloads

뭔가?

• 웹 stat 기록
• 위키 웹의 stat을 볼 수 있는 기능 제공
• 상세 자료를 위한 쿼리 인터페이스

문법

~~NOCACHE~~ // 현재 상태 반영한다

~~QUICKSTATS:<month_year>&<category><;;depth>~~

depth 파라미터는 줄수를 제한한다.

~~QUICKSTATS:~~  
~~QUICKSTATS:basics<;;depth>~~  
~~QUICKSTATS:ip<;;depth>~~
~~QUICKSTATS:misc<;;depth>~~
~~QUICKSTATS:countries<;;depth>~~
~~QUICKSTATS:pages<;;depth>~~
~~QUICKSTATS:ua<;;depth>~~

예시 1

~~QUICKSTATS:1_2011~~

2011년 1월분의 기본 데이터 출력

예시 2

 ~~QUICKSTATS:12_2011&pages;;10~~

2011년 12월의 top 10 페이지 출력

Page Accesses
1  	other:items	   372
2  	blog:start	    12
3  	start	            12
4  	other:features	    11
5  	other:stuff	     7  
.   .   .    .    .   .    .
.   .   .    .    .   .    .
10      least_accessed       1 

Number of pages accessed: 10
Total accesses: 420

htmlmetatags

{{htmlmetatags>metatag-robots=() 
metatag-keywords=(apfel,bananne,birne) 
metatag-description=(Allgemeiner Obstbauer)
metatag-media-og:image=(:wiki:image.jpg)
metatag-og:description=(anything else)
metatag-og:any=(anything else 2)
}}

특정 페이지로 바로 다이렉트 되는 플러그인

~~REDIRECT>namespace:page~~
~~REDIRECT>http://example.com~~

• https://www.dokuwiki.org/plugin:plantumlparser
• 이거 상당히 쓸만하네.
• 여기에서 그릴 수 있는 것 설명 되어 있음 : https://plantuml.com/ko/
• 시퀀스 다이어그램 설명 : https://plantuml.com/ko/sequence-diagram
• 온라인 편집기 (샘플포함) : 샘플 포함

<uml>
Alice -> Bob: Authentication Request
Bob --> Alice: Authentication Response

Alice -> Bob: Another authentication Request
Alice <-- Bob: another authentication Response
</uml>

<uml> Alice → Bob: Authentication Request Bob –> Alice: Authentication Response

Alice → Bob: Another authentication Request Alice ←- Bob: another authentication Response </uml>

<uml>
scale 350 width
[*] --> NotShooting

state NotShooting {
  [*] --> Idle
  Idle --> Configuring : EvConfig
  Configuring --> Idle : EvConfig
}

state Configuring {
  [*] --> NewValueSelection
  NewValueSelection --> NewValuePreview : EvNewValue
  NewValuePreview --> NewValueSelection : EvNewValueRejected
  NewValuePreview --> NewValueSelection : EvNewValueSaved

  state NewValuePreview {
     State1 -> State2
  }

}
</uml>

<uml> scale 350 width [*] –> NotShooting

state NotShooting {

[*] --> Idle
Idle --> Configuring : EvConfig
Configuring --> Idle : EvConfig

}

state Configuring {

[*] --> NewValueSelection
NewValueSelection --> NewValuePreview : EvNewValue
NewValuePreview --> NewValueSelection : EvNewValueRejected
NewValuePreview --> NewValueSelection : EvNewValueSaved

state NewValuePreview {
   State1 -> State2
}

} </uml>

• 기본: 부드럽게 휘어지는 커브라인으로 구성되는데
• 딱딱하게 꺽어지는 폴리라인으로 구성 : skinparam linetype polyline
• 90도로 꺽어지는 라인으로 구성 : skinparam linetype ortho

• https://www.dokuwiki.org/plugin:yuml

• usecase
  • 사용 예 : https://yuml.me/diagram/scruffy/usecase/draw
  • https://yuml.me/diagram/scruffy/usecase/samples

<usecase>
  [User]-(Login)
  [User]-(Logout) 
  (Login)<(Reminder) 
  (Login)>(Captcha)
</usecase>

<usecase>

[User]-(Login)
[User]-(Logout) 
(Login)<(Reminder) 
(Login)>(Captcha)

</usecase>

• classdiagram
  • 사용 예 : https://yuml.me/diagram/scruffy/class/draw
  • https://yuml.me/diagram/scruffy/class/samples

<classdiagram>
  [Customer]+1->*[Order]
  [Order]++1-items >*[LineItem]
  [Order]-0..1>[PaymentMethod]
</classdiagram>

<classdiagram>

[Customer]+1->*[Order]
[Order]++1-items >*[LineItem]
[Order]-0..1>[PaymentMethod]

</classdiagram>

• activitydiagram
  • 사용 예 : https://yuml.me/diagram/scruffy/activity/draw
  • https://yuml.me/diagram/scruffy/activity/samples

<activitydiagram>
  (start)->|a|
  |a|->(Make Coffee)->|b|
  |a|->(Make Break)->|b|
  |b|-><c>[want more coffee]->(Make Coffee)
  <c>[satisfied]->(end)
</activitydiagram>

<activitydiagram>

(start)->|a|
|a|->(Make Coffee)->|b|
|a|->(Make Break)->|b|
|b|-><c>[want more coffee]->(Make Coffee)
<c>[satisfied]->(end)

</activitydiagram>

Ruby Plugin, ルビ表示 Plugin

• 이걸 루비라고 하나?

{{ruby|車|くるま}}

車(くるま)

한글에도 이렇게 응용해 쓸 수 있지.

{{ruby|단어|무시무시}}

단어(무시무시)

• https://www.dokuwiki.org/plugin:keyboard
• 단축키 표시할때 키보드 이미지를 표시한다.

• C, A는 각각 Ctrl, Alt로 인식.
• A, C를 글자로 표시하려면 'A', 'C' 로 쓴다. <key>C+'A'</key> → <key>C+'A'</key>

비스므리하지만 나중에 필요할지도?

• 가상키보드 : https://www.dokuwiki.org/plugin:vkeyboard

• https://www.dokuwiki.org/plugin:imagebox
• 이미지에 캡션을 달아서 표시한다.
• 이미지 태그 앞뒤로 [ ] 를 붙인다.

[{{ImagePath|Caption}}]

[]

• <color #ed1c24>PopupViewer 플러그인과는 호환되지 않습니다.</color>

• https://www.dokuwiki.org/plugin:indexmenu
• 위키 인덱스 목록을 임의로 보여줄 수 있는 플러그인

{{indexmenu>.:#1|js#bw.png navbar skipfile+/sidebar/}}

위의 태그를 쓰면 위키 인덱스를 보여줄수 있다.

• 플러그인 폴더에 보면 테마 이미지 파일이 여럿 있는데, 태그 추가할때 테마를 변경할 수 있는 키워드로 쓸 수 있다.

{{indexmenu>.:#1|js#bw.png ... 나머지는 삭제 ... }}

js 키워드 다음에 테마폴더 이름을 쓰면 트리 표시하는 테마를 변경 할 수 있다.

변경 가능한 테마 목록 - 스크린샷을 찍기는 귀찮고 이름만 정리.

• 이미지를 클릭하면 확대해서 표시한다.
• https://www.dokuwiki.org/plugin:popupviewer

{{popup>:자료실:천년아이돌_하시모토칸나_운명의사진.jpg?100}}

{{ popup> 이미지경로 ? 크기(픽셀, ex: 100x100) }}

https://www.dokuwiki.org/plugin:codeprettify <Code:csharp linenums:1> // What is diff? void function() { } </Code>

뭔가 충돌나서 비활성 상태

• 섹션 편집할때는, 페이지 리로드 없이 바로 해당 페이지에서 편집한다.
  (code mirror 플러그인 off 상태로 편집)
• https://www.dokuwiki.org/plugin:fastwiki

https://www.dokuwiki.org/plugin:block
<block 100%:c:white;#333300;1px solid black;Verdana/10ptrounded>PAGE UPDATE</block>

<code>
<block 100%:c:white;#333300;1px solid black;Verdana/10ptrounded>PAGE UPDATE</block>

https://www.dokuwiki.org/plugin:catlist

<catlist language: -titleHead:"LANGUAGE" -columns:2 -maxDepth:2 -noLinkStartHead -noAddPageButton -noNSHeadTitle -nsLinks:auto>

<catlist tool: -titleHead:"TOOL" -columns:2 -maxDepth:2 -noLinkStartHead -noAddPageButton -noNSHeadTitle -nsLinks:auto>

https://www.dokuwiki.org/plugin:randominc

플러그인주소 : https://www.dokuwiki.org/plugin:dw2pdf

• 현재 Page를 PDF로 익스포트해준다. (위키를 프린트해도 비슷한 효과가 나온다)
• 따로 버튼을 넣지 않았기 때문에 위키에 직접 명령을 내려야 한다.^{쓸만하다고 생각되면 버튼 추가}

http://kieuns.com/wiki/doku.php?id=language:unity:playmaker:example-1

라면 &do=export_pdf 를 붙여서 pdf를 만들도록 한다.

http://kieuns.com/wiki/doku.php?id=language:unity:playmaker:example-1&do=export_pdf

해결법 적힌 곳 : Dokuwiki에서 dw2pdf 사용시 한글 출력 안되는 경우

<DOKUWIKI_PATH>\lib\plugins\dw2pef\mpdf\config.php 에서

$this->useAdobeCJK = false; // false를 true로 변경.

플러그인주소 : https://www.dokuwiki.org/plugin:sequencediagram

<sequencediagram>
    Cook->Stove: Switch on
    Cook->Stove: Switch off
    Stove->Cook: Burn
    Note left of Cook: Aua!
</sequencediagram>

<sequencediagram>

  Cook->Stove: Switch on
  Cook->Stove: Switch off
  Stove->Cook: Burn
  Note left of Cook: Aua!

</sequencediagram>

• 플러그인 페이지

문법을 정확하게 이해는 못하겠지만, 간단히는 이렇게 써두 된다.

• 100% 길이를 갖는 컬럼을 만들고
• 첫번째 컬럼은 오른쪽 정렬
• <newcolumn>이 나오면 새 컬럼으로 이동해서 출력해라.

라는 뜻

<columns 100% right ->
<newcolumn>
</columns>

<columns 100% right → 왼쪽 컬럼 <newcolumn> 오른쪽 컬럼 </columns>

<columns 100% r *-* l ->
또 다른 예제, 왼쪽 컬럼
<newcolumn>
오른쪽 컬럼
</columns>

<columns 100% r *-* l → 또 다른 예제, 왼쪽 컬럼 <newcolumn> 오른쪽 컬럼 </columns>

++++ 호환성 미달 - 안씀 |

DokuWiki상의 안내 사이트

저작자 홈페이지

<diagram>

</diagram>

<diagram>
| AAA |-| BBB |
| |:| | | | | |
| |L|~|~| CCC |
</diagram>

<diagram>

</diagram>

<diagram>
| | | Dad |y| Mom | | |Dad=Daddy|Mom=Mommy
| |,|-|-|-|+|-|-|-|.| |
| Sys | |  Me | | Bro |Sys=Syster|Bro=Brother
</diagram>

++++

메소드,객체간 서로 호출 관계를 정리할 수 있는 플러그인인데, AceEditor하고 충돌나서 일단 다운로드만.

실행은 언젠가 미래에.

CallFlow

링크

<orgapp>
  <organigram>
    <unit name="eIrOcA" >
      <unit name="eNrIcO" />
      <unit name="sImOnA" />
    </unit>
  </organigram>
</orgapp>

• 구글챠트

Apples = 33 Peaches = 23 Strawberries = 25 Peanuts = 7 </gchart> |

| <gchart 350x120 pie3d #0000ff #ffffff right>
Apples       = 33
Peaches      = 23
Strawberries = 25
Peanuts      = 7
</gchart> |

<gchart> 태그 내부에 name=value 형식의 값을 채워 넣으면 되는 형식. 추가 파라미터는,

• Size :
  give in the form widthxheight in pixels. Defaults to 320×140
• Type :
  기본은 pie3d, 다른 옵션은 아래쪽에
  • pie3d : for a 3D pie graph
  • pie2d : for a 2D pie graph
  • line : for a line graph
  • sparkline : for a “sparkline” graph
  • hbar : for a horizontal bar graph
  • vbar : for a vertical bar graph
• Graph :
  color this is the first hex color given. Defaults to the configuration (see below) or orange if no config is given.
• Background :
  color this is the second hex color given. Defaults to the configuration (see below) or white if no config is given.
• Alignment :
  can be left, center or right. Defaults to right.
• Value :
  Display if value is given, the entered values are added to the graph
• Legend :
  is only available for pie graphs. If legend is given, the slices will not be labeled directly
• Title :
  if you want to add a title to the graphic, give it in quotes. E.g. “this is my Title”

++++ 열기 |

Wrap 설명

• WRAP 플러그인
• WRAP 플러그인 데모
• WRAP 플러그인 사용법 설명서 : 짧게 요약하기 힘든 플러그인.

<wrap>테스트</wrap>

<wrap half column>컬럼테스트1</wrap>

<wrap info>인포 wrapping</wrap>

<wrap>테스트</wrap>
<wrap half column>컬럼테스트1</wrap>
<wrap info>인포 wrapping</wrap>

컬럼 키워드를 사용한 다음 clear 키워드로 floating 기능을 막을 수 있다.

<wrap clear></wrap>

wrap 키워드를 사용한 다음 텍스트가 정렬 되는 순서.

<WRAP col4> For modern browsers (Firefox, Chrome and Safari) you can use multi-columns. 한개의 문장당 하나의 컬럼을 사용하는 방식인가부다.

문장 개수로 판단하기보다는, 글자 수를 읽어서 문장을 자르는 느낌.

Just use col2 for 2 columns, col3 for 3 columns, col4 for 4 columns and col5 for 5 columns.

Note: Multi-columns don't make sense for spans.

다음 구문을 쓰면?? </WRAP>

<wrap clear></wrap>

++++

관리 페이지로 이동해서, Page redirect setup 선택하면, redirect용 페이지 설정 화면이 뜬다.

redirect 설정이 필요한 페이지를 적고 저장하면 된다.

// old-page new-page
sdk:codeigniter language:php:codeigniter:basic

좀더 상세한 문법은, Redirect 플러그인 페이지에서.

MathPublish Plugin / MathPublish Syntax

Basic:

Space:

Greek:

Symbols:

Arrows:

Sets:

Roots and Limits:

Big Operators:

Delimiters:

Matrix:

Tabular:

Constructions:

button 플러그인 바로가기

링크를 버튼처럼 보이도록

[[{}링크를 버튼처럼 보이도록]]

width:90%; color:red}wiki:plugin-syntax|위키 플러그인 문법 정리

[[{:wiki:dokuwiki-128.png|width:90%; color:red}wiki:plugin-syntax|위키 플러그인 문법 정리]]

~~TAGCLOUD~~

https://www.dokuwiki.org/plugin:tablewidth

첫 줄에 테이블의 크기를 적는다.

• 첫번째 : 테이블의 너비
• 나머지 : 각 컬럼의 너비
• 무시하려면 '-' 입력

|< 100% 50px - 5em 10em 10% >|
^ A  ^  B  ^  C  ^  D  ^  E  ^
| 1  |  2  |  3  |  4  |  5  |

|< 50em 20% >|
^ 20%              ^ 80%                          ^
| Specified width  | The rest of the table width  |

++++ 펼치기 |

위, 아래 사이의 텍스트는 폴딩 된다.

++++

++++ 코드 사이이의 폴딩 |
이것도 되려나..?
++++ 

미디어 위키의 definition 과 유사한 기능 . http://www.dokuwiki.org/plugin:definitions?s[]=definition

  = Item 1 : Definition of item 1.
  = Item 2 : Definition of item 2.
  = : Second definition of item 2.
  = Item 3 : Definition of item 3.
  = Item 4 : 
  = Item 5 : 
  = Item 6 : Definition of items 4 through 6.

= Item 1 : Definition of item 1.
= Item 2 : Definition of item 2.
= : Second definition of item 2.
= Item 3 : Definition of item 3.
= Item 6 : Definition of items 4 through 6.

note plugin

<note>
This is my note ! Remember it!!
</note>

<note important>
Warning ! You're about to lose your mind ;-)
</note>

<note tip>
The clues are in the images.
</note>

<note warning>
Beware of the dog when you open the door !!
</note>

Warning ! You're about to lose your mind

• plugin:color
• 플러그인 개별 파일을 다운로드 받아서 파일 업로드 (wiki/lib/plugin 폴더) 하는 형식

<color blue/lightgrey>text</color>

<color blue/lightgrey>text</color>

url : https://www.dokuwiki.org/plugin:flashplayer

<flashplayer width=x height=y>flashvars</flashplayer>

• 내 위키에서 사용하기 위해서는 아래 url에서 파일 경로 설정
• 주의 : 모두 한줄로 사용

<flashplayer width=416 height=540>
file=http://kieuns.cafe24.com/wikimedia/language/unity/ngui/ngui-scrollview.flv
</flashplayer>

<flashplayer width=416 height=540>file=http://kieuns.cafe24.com/wikimedia/language/unity/ngui/ngui-scrollview.flv</flashplayer>

{tag> flv movie}

• Video Share Plugin 새로운 비디오 링크 플러그인
• YouTube plugin

기본 사용 방식은 {{비디오사이트>비디오ID?화면크기|제목}} 포맷.

• 비디오사이트 : youtube, viemo 와 같은 동영상 사이트
• 비디오ID : 동영상의 고유 번호
• 화면크기 : 사용 여부는 선택 옵션.
  • 키워드 : small, medium, large
  • 숫자 지정 : 500×300 처럼 숫자로 화면 크기 설정

{{youtube>(Movie ID)?(Option)|(title)}} 

사용 예:

//- YouTube 비디오 추가
{{youtube>L-WM8YxwqEU}}

//- 큰 화면의 비디오 추가
{{youtube>L-WM8YxwqEU?large}}

//- 오른쪽 정렬로 화면 표시
{{ youtube>L-WM8YxwqEU}}

//- 작은 화면, 중앙 정렬
{{ youtube>L-WM8YxwqEU?small }}

//- 작은 화면, 중앙 정렬, 제목 추가
{{ youtube>L-WM8YxwqEU?small |Some funny video}}

Alignments (same as image alignment)

{{youtube>small:MJj5XWQHUFE }}   -> Align to left
                           ^
{{ youtube>link:MJj5XWQHUFE}}    -> Align to right
  ^
{{ youtube>link:MJj5XWQHUFE }}   -> Centering
  ^                        ^

yuA8f3Nf8t8

youtube

custom button

1. 관리(admin) 화면에서, “부가적인 플러그인” 섹션에
2. “custombuttons plugin …” 링크를 클릭해서 설정 화면으로 이동

// quick
{{url>http://www.daum.net}}
// 문법 
{{url>someurl width,height noscroll noborder alignment|alternate-text}}

• url 설명서: https://www.dokuwiki.org/plugin:aceeditor

플러그인의 style.css 파일 변경

/* 원본은 1.2em, 더 작은 글꼴이 필요해서 수정함 */
.ace-doku .ace_editor {
  font-size: 0.9em;
}

• plugin-flash

<flash 420x315 http://www.youtube.com/v/oXDErmsbydI>
fs 1
allowFullScreen   true
</flash>

• 좀 번거롭다. 소스 코드를 복사와서 url 중간의 “embed” 는 'v'로 바꿔야 한다.
• 동영상 링크는 다른 플러그인을 씁니다. 코드 예시만 남겨 놓음

| <flash 420x315 http://www.youtube.com/v/oXDErmsbydI>
fs 1
allowFullScreen   true
</flash> | <flash 425x344 http://www.youtube.com/v/SMWi7CLoZ2Q>
hl en_US
fs 1
allowFullScreen   true
allowscriptaccess always
</flash> |