추적 :
목차

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

1. 개요 [편집]


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

2. 변수 [편집]


imp[0] = 제목
imp[1][0] = 위키 이름
imp[1][1] = 라이선스
imp[2][0] = 사용자 CSS
imp[2][1] = 사용자 JS
imp[2][2] = 로그인 상태
imp[3][0] = 부 제목
imp[3][1] = 최근 바뀜
imp[3][2] = 추적

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[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 하면 그냥 콘솔에 뜬다.