티스토리 스킨을 로컬에서 돌려볼 수 있습니다.
로컬 환경을 구성하면 스킨은 별도의 본인 git 저장소에 관리를 할 수 있게 됩니다.
아직 기능이 완벽하지는 않으나, 간단한 형태로는 구현할 수 있게 되었습니다.
docker build -t tistory-skin-local .
docker run --name tistory-skin-local -d -p 15000:5000 -v "%cd%:/app" tistory-skin-local명령어가 조금 더 간단합니다.
docker-compose up --build --force-recreate -d- 다운로드 받거나 git clone 하기.
git clone https://github.com/exizt/tistory-skin-simulator.git - 셋팅 : 해당 폴더에 있는
install.bat을 더블클릭하여 실행하거나, 해당 경로에서 커맨드창을 열고 실행하기- install.bat을 사용하지 않고 터미널창(커맨드창)에서 직접 명령줄을 실행해도 됨.
- venv 만들고, pip install 하시면 됩니다.
- flask 실행 : 해당 폴더에 있는
run.bat을 더블클릭하여 실행하거나, 터미널창에서 실행
요약
- skins/ 폴더 밑에 만들고자 하는 스킨 폴더를 생성합니다. skins 이하는 이곳 git에 포함이 되지 않도록, gitignore 설정이 되어 있습니다.
- skins 밑에 본인의 스킨 폴더를 새로 만드시고 git 저장소로 관리하시면 됩니다.
- flask 를 실행하시면
localhost:15000으로 접속하여 확인하실 수 있습니다.
skins폴더 및에 만들고자 하는 스킨 폴더를 생성합니다.- 해당 폴더는 별도의 git 저장소로 관리하거나 편하시대로 이용하시면 됩니다.
- 에디터는 편하신 대로 사용하시면 됩니다...
skins 폴더 구성 예시)
skins/
- Odyssey : 다른 곳에서 복사해온 스킨
- Poster : 다른 곳에서 복사해온 스킨
- MySkin : 작업중인 스킨 예시. 별도의 git 저장소로 관리해도 됨.
- NewBlogSkin : 작업중인 스킨 예시. 별도의 git 저장소로 관리해도 됨.
- ...
이렇게 제각각 다른 폴더로 구성을 할 수 있게 되어 있습니다.
필수적으로 생성해야 하는 스킨 내의 파일
- index.xml : 내부의 default 값이나 variables 를 로드하기 때문에 필요로 합니다.
- skin.html : 작업하실 스킨 파일.
run.bat을 더블 클릭 혹은 실행시켜서, flask 웹서버를 실행- 웹브라우저에서
localhost:15000으로 접속하면 스킨 폴더 목록이 나옴. - 해당 스킨폴더이름을 클릭
지원되는 링크 일람
/: 스킨을 선택하는 화면. 매우 단순하게 되어있고, 해당 스킨을 선택하면 됩니다./(스킨 폴더명)/: 홈 화면/(스킨 폴더명)/category: 카테고리/글 목록의 화면/(스킨 폴더명)/article: 게시글 하나가 나오는 화면/(스킨 폴더명)/tags: 태그 화면/(스킨 폴더명)/guestbook: 방명록 화면
거의 대부분은 정규표현식으로 replace 하는 형태로 되어있습니다.
동작은 해당 스킨의 url (/(스킨폴더명)/)으로 접속시 해당 스킨에 대해서, flask에서 이용할 수 있도록 templates 파일을 생성합니다.
생성되는 파일은 templates/skin_cache/ 밑에 위치합니다.
변경이 잘 안 될 시에는 이 폴더에 있는 임시 templates파일들(스킨폴더명_skin.html로 생성됨)을 삭제하시고 새로고침하시면 됩니다.
- pip install flask : flask
- pip install beautifulsoup4 : html 파싱 관련
- pip install lxml : beautifulsoup4에서 이용
- pip install pytest : test 하는데 이용.
티스토리 스킨 만들기, 티스토리 스킨 가이드, 티스토리 스킨 제작, 티스토리 스킨 메이커, 티스토리 스킨 빌더, 티스토리 스킨 시뮬레이터
- IDE: pyCharm Community Edition
- OS: Windows