추적 :
[틀:도움 이동]
도움말
오픈테섭
규정 도움말 문법
연습장 관리자 CSS or JS
오픈나무
설치법 입구 구조
분류 스킨 코드 규범
기타

목차

1. 개요
2. 변수
2.1. HTML
3. 필수 CSS, JS
4. 템플릿 내부에서 파이썬 코드 사용

1. 개요 [편집]


오픈나무의 스킨 제작 가이드이다.

2. 변수 [편집]


  • imp[0] = 제목
  • imp[1][0] = 위키 이름
  • imp[1][1] = 라이선스
  • imp[1][2] = 전역 CSS (HTML 필수)
  • imp[1][3] = 전역 JS (HTML 필수)
  • imp[1][4] = 로고 (HTML 필수)
  • imp[1][5] = 전역 JS (HTML 필수)
  • imp[2][0] = 사용자 CSS (HTML 필수)
  • imp[2][1] = 사용자 JS (HTML 필수)
  • imp[2][2] = 로그인 상태
  • imp[2][3] = 사용자 HEAD (HTML 필수)
  • imp[3][0] = 부 제목
  • imp[3][1] = 최근 수정 시간
  • imp[3][2] = 추적 (HTML 필수)
사용은 {{변수명}}

2.1. HTML [편집]


{{!변수명}} 으로 하면 변수에 HTML 검열이 적용되지 않습니다.

3. 필수 CSS, JS [편집]


<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
<link rel=stylesheet href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/default.min.css">
<link rel=stylesheet href="/views/yousoro/css/awesome/font-awesome.min.css">
<script type="text/x-mathjax-config">MathJax.Hub.Config({tex2jax: {inlineMath: [['[math]', '[/math]']]}});</script>
<script type="text/javascript" async src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-AMS_CHTML"></script>
<script src='https://www.google.com/recaptcha/api.js'></script>
<style>{{!imp[1][2]}}</style>
<script>{{!imp[1][3]}}</script>
<style>{{!imp[2][0]}}</style>
<script>{{!imp[2][1]}}</script>
<script>
function folding(num) {
    var fol = document.getElementById('folding_' + num);
    if(fol.style.display == 'inline-block' || fol.style.display == 'block') {
        fol.style.display = 'none';
    } else {
        if(num % 3 == 0) {
    fol.style.display = 'block';
        } else {
    fol.style.display = 'inline-block';
        }
    }
}
</script>

4. 템플릿 내부에서 파이썬 코드 사용 [편집]


% print('test')
% # 이렇게 %를 붙이고 사용하면 된다.
% if(i == 1):
%     print('단 if 같이 : 들어가는 문법은 % end 가 필요하다.')
% end
{{i}}
% # 변수를 템플릿에 보여주고 싶으면 무조건 {{변수명}} 해야한다. print 하면 그냥 콘솔에 뜬다.