WIKI

SEOUL‍
wiki:sw:dokuwiki:tip...
추적:

차이

문서의 선택한 두 판 사이의 차이를 보여줍니다.

차이 보기로 링크

양쪽 이전 판이전 판
다음 판		이전 판
wiki:sw:dokuwiki:tips [2023/06/14 16:19] – 제거됨 - 바깥 편집 (Unknown date) 127.0.0.1wiki:sw:dokuwiki:tips [2023/06/27 23:54] (현재) – clockoon
줄 1: 줄 1:
 +<!DOCTYPE markdown>
 +
 +# Tips for Dokuwiki
 +
 +[[tech:dokuwiki]]를 사용하면서 습득한 유용한 정보들의 모음.
 +
 +## 개발
 +### css calc
 +dokuwiki는 여러 곳에 작성된 css를 하나의 파일로 컴파일해서 첨부한다. 이 과정에서 less 파서를 사용하는데, 이 파서는 성능에 다소 제약이 있다. 대표적인 예시가 [[language:css]] calc 함수다. 예컨대 `calc(100vw - 2rem)`의 식을 dokuwiki 파서는 `calc(98vw)`로 계산한다. 이 문제를 피하려면, `~"calc(100vw - 2rem)"` 또는 `calc(~"100vw - 2rem")`과 같은 식으로 작성해야 한다[^1]. 
 +
 +### style.ini: selector customization
 +기본적으로 Dokuwiki는 LESS를 통해 css에 변수를 대입하고 재사용할 수 있도록 하며, styling 플러그인에서 그 설정을 지원한다. 구체적으로는 변수명에서 앞뒤의 밑줄을 제거하고 @ini_ 를 붙여 LESS 변수로 선언하며(예: `__background__` -> `@ini_background`) 본문도 같은 방식으로 치환해 일치시킨다. 이 메커니즘상으로는 selector에 변수를 지정할 수 없는데, CSS 파일에 직접 `@{ini_background}` 형태로 변수명을 입력하면 selector에도 변수 사용이 가능하다. 
 +
 +[^1]: https://forum.dokuwiki.org/d/12331-bug-css-width-calc-100-350px-not-working
 +---- struct data ----
 +pageinfo.status      : Draft
 +----