부트스트랩 수정 [티스토리 스킨 수정]

안녕하세요... 명월입니다....

이전 포스팅까지 기본적인 골격 가져오고... 로컬 단위에서 띄어보는 것까지 했습니다.
이번 포스팅에서는 skin.html과 style.css 이 외의 라이브러리는 모드 github에 올리고 티스토리 치환자를 넣기 전까지 만들겠습니다.

먼저 github에 대해 간략하게 설명하면 원래 Git는 SVN과 같은 소스 관리 프로그램입니다... SVN과 Git의 큰 차이점은 포크(?) 즉, 프로젝트 복제기능이 있습니다...
구글 검색을 해서 보면 SVN은 이런게 불편하고 Git 찬양 글이 많은데...
솔직히 저는 그것까지 다 살펴보고 사용하는 건 아니라서 잘 모르겠네요.... 디자인 개편 끝나면 별도로 SVN과 Git에 대해 포스팅을 하겠습니다.

Git는 소스 관리 프로그램이면 GitHub은 무엇인지 설명하겠습니다.
Svn을 연상해서 생각하면 소스관리 프로그램은 서버와 클라이언트가 있습니다.Git는 클라이언트에서 사용하는 툴이라고 생각하면 GitHub는 서버라고 생각하면 됩니다...
여기서의 차이점은 우리가 서버를 두고 설치하는 형태가 아닌 무료로 호스팅을 해주는 무료 서버가 있습니다... 그것이 GitHub입니다.
Git는 출시 된 지 이제 거의 10년이 다 되는데... 제가 사용하기 시작한 것은 이제 1년 정도네요...이게 단순히 소스관리만 하는 것이었다면.. 저는 별로 큰 매리트가 없는데... 개인 서버를 하나 가지고 있기 때문에 굳이 공개형 소스관리 서버를 개설할 필요가 없어서 입니다...

이게 좋은 점이 무료 호스팅 기능이 된다는 것입니다... 그것도 무제한 트래픽에 속도도 꽤 빠른 편입니다..

서버를 구성해 보고 대형 트래픽을 받아 보신 분이 있으면 트래픽이 얼마나 비싼지 아실 겁니다......
요즘 자바스크립트 라이브러리, 이미지등의 덩치들도 점점 커지는 형국이라 트래픽이 점점 무서워지죠...그런 가운데.... 이 GitHub는 최고인 것 같습니다.

Git는 별 큰 메리트를 못 느끼지만 GitHub는 찬양합니다... ㅎㅎ
이 GitHub 개설방법과 운용방법은 다음에 Git와 포스팅할 때 묶어서 하고 이번 포스팅에는 설치 된 환경에서 라이브러리를 넣고 skin.html을 연동하는 작업을 해봅시다.

tistory bootstrap



해당 폴더에 올릴 소스와 라이브러리를 넣고 커밋을 했습니다.그리고 제 Git호스팅에 접속해 보겠습니다.

tistory bootstrap



소스 보기

GitHub 잘 올라갔습니다... 스킨 작업은 이제 여기서 하게 되겠습니다.. 굳이 로컬에서 해도 되는 데 왜 번거롭게 Git에서 작업하는 가에 대한 의문이 생깁니다.그 것에 대해 이유는 저는 세 가지가 있습니다.
첫번째는 티스토리는 디렉토리 구조가 루트 아니면 Images 폴더의 구조밖에 없더군요...또 용량의 한계 20M 제한도 있어서 후에 확장을 할 때에 매우 불리할 것 같은 느낌때문에 외부 호스팅에 두는 것입니다.(그떄 가서 또 개편하기 싫습니다.)

tistory bootstrap



두 번째는 제가 한국이 아닌 일본에 거주를 하는데 티스토리가 한국에서는 무지 빠른데 외국에서는 조금 느립니다... 이미지가 많은 포스팅 같은 경우는 이미지가 다 떠오르는데 5분 이상 걸리는 경우도 있었습니다.
그래서 제가 생각한게 메인 베이스 html 뺴고는 다 이 GitHub로 전환 시키려고 합니다....

세 번째는 역시나 소스 관리입니다.. 앞으로 테마를 버그가 나거나 기능 추가를 한다고 하면 티스토리 관리자에 들어가서 업로드 하고 확인해야 하는데... GitHub에 연동하면 그냥 소스 수정하고 Commit 하면 바로 적용되는 편리함 때문입니다.....

그래도 기본 골격인 skin.html,style.css는 변경시마다 재 업로드는 변함 없겠습니다...

이제 소스를 올렸으니 필요없는 거 삭제하고 치환자 적용하기 전까지의 화면까지 수정하겠습니다.

tistory bootstrap



기본 골격은 다 만들어 진 것 같네요.... 오늘은 여기까지 하고 다음에는 티스토리 치환자 입력하고 테스트 용 블로그에 올려서 제대로 작동하는 지 확인을 해보겠습니다.


댓글 0개가 달렸습니다.
댓글쓰기