{"_id":"@bluenyang/create-tistory-skin","_rev":"11-1383276e33567a8d81207411118e0a8a","name":"@bluenyang/create-tistory-skin","dist-tags":{"latest":"1.0.7"},"versions":{"1.0.0":{"name":"@bluenyang/create-tistory-skin","version":"1.0.0","author":{"url":"https://github.com/bluenyang","name":"Bluenyang","email":"contact@bluenyang.kr"},"license":"MIT","_id":"@bluenyang/create-tistory-skin@1.0.0","maintainers":[{"name":"bluenyang","email":"xpsj20@gmail.com"}],"bin":{"create-tistory-skin":"index.js"},"dist":{"shasum":"9c918f20858d52ec0751ee5e174bd4e6ad114a38","tarball":"https://registry.npmjs.org/@bluenyang/create-tistory-skin/-/create-tistory-skin-1.0.0.tgz","fileCount":18,"integrity":"sha512-uw1zvjYBCd6G4jzxeIBMBnvJGUQOYNRsqaisb7RV7Zvj55Hf+nXh5GFQXbFwavfcGsoMJk3VHDhq5Uh+iutlGw==","signatures":[{"sig":"MEUCIGX6CTNikk3Qdh0M0DTZ3z4v6X+QbNyzPP1Z5spXpm5yAiEAjwW/CeP+6mnBTg4yuEZ9HQyxU6yschhBfdIZOr2G9Nw=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":17091},"type":"module","gitHead":"9556e1faefc9d298523c42c31b431ffe800b3a54","_npmUser":{"name":"bluenyang","email":"xpsj20@gmail.com"},"_npmVersion":"11.7.0","description":"Tistory Skin Previewer 템플릿 생성기","directories":{},"_nodeVersion":"22.20.0","dependencies":{"prompts":"^2.4.2","picocolors":"^1.1.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/create-tistory-skin_1.0.0_1773345459203_0.13306006488936117","host":"s3://npm-registry-packages-npm-production"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"1.0.1":{"name":"@bluenyang/create-tistory-skin","version":"1.0.1","author":{"url":"https://github.com/bluenyang","name":"Bluenyang","email":"contact@bluenyang.kr"},"license":"MIT","_id":"@bluenyang/create-tistory-skin@1.0.1","maintainers":[{"name":"bluenyang","email":"xpsj20@gmail.com"}],"bin":{"create-tistory-skin":"index.js"},"dist":{"shasum":"bb14f1628cd04ef5e1f19b5b73e503f4b650048b","tarball":"https://registry.npmjs.org/@bluenyang/create-tistory-skin/-/create-tistory-skin-1.0.1.tgz","fileCount":18,"integrity":"sha512-UslN31Kuf+CIiH0gRNo6zW1S9OgkPEJ9LpSrBX7urKygnbw6IRSi5j0y1ZDiO2NrAiB+akZ10ZudROz5O50+lw==","signatures":[{"sig":"MEUCIFmV8Da1VaIiSe37BGRufrrbS6n8xd8xwt6bQWDUx3OLAiEAnqW+OlVPvydEv5mywLCkTKu5zkmqKs6PKA0rZdrQRO8=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":17149},"type":"module","gitHead":"a6b495b2e4176bb74e919c7aec6643c5fa5077c0","_npmUser":{"name":"bluenyang","email":"xpsj20@gmail.com"},"_npmVersion":"11.7.0","description":"Tistory Skin Previewer 템플릿 생성기","directories":{},"_nodeVersion":"22.20.0","dependencies":{"prompts":"^2.4.2","picocolors":"^1.1.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/create-tistory-skin_1.0.1_1773347156676_0.29294466355669324","host":"s3://npm-registry-packages-npm-production"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"1.0.2":{"name":"@bluenyang/create-tistory-skin","version":"1.0.2","author":{"url":"https://github.com/bluenyang","name":"Bluenyang","email":"contact@bluenyang.kr"},"license":"MIT","_id":"@bluenyang/create-tistory-skin@1.0.2","maintainers":[{"name":"bluenyang","email":"xpsj20@gmail.com"}],"bin":{"create-tistory-skin":"index.js"},"dist":{"shasum":"19d64cb40d6f0b8d92c803c6fa15471536f309cd","tarball":"https://registry.npmjs.org/@bluenyang/create-tistory-skin/-/create-tistory-skin-1.0.2.tgz","fileCount":18,"integrity":"sha512-FBriPkrJWpmiMuAXY4/DU25d65Mj5cW9yEvHGma2GQh+7Tuws1Dh/gaUQuO6zk7YlEcqx0OGa+/4bt8JEkBn8w==","signatures":[{"sig":"MEUCIQC5KhFQ6PcOak7DR4KrQ3cGf/PvyL2ddP86Vp325jU3VAIgGJXhRftozSfPONnLntnlosZUWf6szyEU3LhNZ/8FXxE=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":17276},"type":"module","gitHead":"a6b495b2e4176bb74e919c7aec6643c5fa5077c0","_npmUser":{"name":"bluenyang","email":"xpsj20@gmail.com"},"_npmVersion":"11.7.0","description":"Tistory Skin Previewer 템플릿 생성기","directories":{},"_nodeVersion":"22.20.0","dependencies":{"prompts":"^2.4.2","picocolors":"^1.1.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/create-tistory-skin_1.0.2_1773347423490_0.0879456171234565","host":"s3://npm-registry-packages-npm-production"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"1.0.5":{"name":"@bluenyang/create-tistory-skin","version":"1.0.5","author":{"url":"https://github.com/bluenyang","name":"Bluenyang","email":"contact@bluenyang.kr"},"license":"MIT","_id":"@bluenyang/create-tistory-skin@1.0.5","maintainers":[{"name":"bluenyang","email":"xpsj20@gmail.com"}],"bin":{"create-tistory-skin":"index.js"},"dist":{"shasum":"0d1181b2bcb98e2447435c30041af2625db86902","tarball":"https://registry.npmjs.org/@bluenyang/create-tistory-skin/-/create-tistory-skin-1.0.5.tgz","fileCount":18,"integrity":"sha512-buiJ6ELY//8GMMTiUhuIKXu+IoXiEXQoCJ5asvl7ig0WCzKEHzvN63PNWIe+nD20B1MX9qal5yVVAu2+kR74hA==","signatures":[{"sig":"MEUCIChCn6+3Ys/kHwLMcI0ipDMPABGjlOpNRkKVMqE0kwGLAiEAukAsk567X/htgFvp96u/ew2l7/r900TAS6BLKmTM0cg=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":17279},"type":"module","gitHead":"3bba6cca314d8f6b041b355dc3070c1b58dc833a","_npmUser":{"name":"bluenyang","email":"xpsj20@gmail.com"},"_npmVersion":"11.7.0","description":"Tistory Skin Previewer 템플릿 생성기","directories":{},"_nodeVersion":"22.20.0","dependencies":{"prompts":"^2.4.2","picocolors":"^1.1.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/create-tistory-skin_1.0.5_1773366163440_0.34667596253625166","host":"s3://npm-registry-packages-npm-production"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"1.0.6":{"name":"@bluenyang/create-tistory-skin","version":"1.0.6","author":{"url":"https://github.com/bluenyang","name":"Bluenyang","email":"contact@bluenyang.kr"},"license":"MIT","_id":"@bluenyang/create-tistory-skin@1.0.6","maintainers":[{"name":"bluenyang","email":"xpsj20@gmail.com"}],"bin":{"create-tistory-skin":"index.js"},"dist":{"shasum":"b3c8af8d41a26acc41a4771e632cc1f7ef1b3353","tarball":"https://registry.npmjs.org/@bluenyang/create-tistory-skin/-/create-tistory-skin-1.0.6.tgz","fileCount":18,"integrity":"sha512-jyVRx2JGdI6JvSQILWJH9l5o9FzazNZHVdre21gv3Aknn8lu8sLBwlTgeroqdBeeqYmhYZljK38S+P+q9BbHjQ==","signatures":[{"sig":"MEYCIQC9s4ky9TfsOra9ILSrZWfwgMBdVuQNMrvC6mH536B5BQIhALR68PFCNdxLWBEauOs3pQOU9/QKPfwlJ+61IV2VMZa8","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":17267},"type":"module","gitHead":"56e4c600c643d15c0060d38db7238e19bb2a8ff2","_npmUser":{"name":"bluenyang","email":"xpsj20@gmail.com"},"_npmVersion":"11.7.0","description":"Tistory Skin Previewer 템플릿 생성기","directories":{},"_nodeVersion":"22.20.0","dependencies":{"prompts":"^2.4.2","picocolors":"^1.1.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/create-tistory-skin_1.0.6_1773366810590_0.07022711568475892","host":"s3://npm-registry-packages-npm-production"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"1.0.7":{"name":"@bluenyang/create-tistory-skin","version":"1.0.7","author":{"url":"https://github.com/bluenyang","name":"Bluenyang","email":"contact@bluenyang.kr"},"license":"MIT","_id":"@bluenyang/create-tistory-skin@1.0.7","maintainers":[{"name":"bluenyang","email":"xpsj20@gmail.com"}],"bin":{"create-tistory-skin":"index.js"},"dist":{"shasum":"0b113ecf9b2554040d741f985d9f3b5ca9e84220","tarball":"https://registry.npmjs.org/@bluenyang/create-tistory-skin/-/create-tistory-skin-1.0.7.tgz","fileCount":19,"integrity":"sha512-L8F/evK72Hr/wv+5U0m6Lzm9qh5Tt9GIEzQBdxaS5AvNuP7C0ANeOt7NjoZWnqlfFHHVOPYIeldwcPBGqi/aow==","signatures":[{"sig":"MEQCIDaBSGyQHib/qHz7XnKUzxkNiqBlMEbS9bQ/5aX9HpBBAiB+JXk0uLaJaNqFa75QH5gO8fM+6O45tImSLo+X1j257A==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":17936},"type":"module","gitHead":"fe654239741f23bf225a1e34dc30cc2f61b99082","_npmUser":{"name":"bluenyang","email":"xpsj20@gmail.com"},"_npmVersion":"11.7.0","description":"Tistory Skin Previewer 템플릿 생성기","directories":{},"_nodeVersion":"22.20.0","dependencies":{"prompts":"^2.4.2","picocolors":"^1.1.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/create-tistory-skin_1.0.7_1773368356712_0.6524502162075427","host":"s3://npm-registry-packages-npm-production"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."}},"time":{"created":"2026-03-12T19:57:39.147Z","modified":"2026-07-24T19:21:39.213Z","1.0.0":"2026-03-12T19:57:39.338Z","1.0.1":"2026-03-12T20:25:56.814Z","1.0.2":"2026-03-12T20:30:23.642Z","1.0.3":"2026-03-12T20:32:28.510Z","1.0.4":"2026-03-13T01:42:05.897Z","1.0.5":"2026-03-13T01:42:43.583Z","1.0.6":"2026-03-13T01:53:30.755Z","1.0.7":"2026-03-13T02:19:16.856Z"},"author":{"url":"https://github.com/bluenyang","name":"Bluenyang","email":"contact@bluenyang.kr"},"license":"MIT","description":"Tistory Skin Previewer 템플릿 생성기","maintainers":[{"name":"bluenyang","email":"xpsj20@gmail.com"}],"readme":"# create-tistory-skin\n\n**Astro**와 **Tistory Skin Previewer** 기반의 티스토리 스킨 개발 환경을 단 1초 만에 구축해 주는 공식 스캐폴딩(Scaffolding) CLI 도구입니다.\n\n복잡한 빌드 설정이나 티스토리 전용 상대경로 매핑, 레이아웃 보일러플레이트 작성에 시간을 쏟지 마세요. 명령어 한 줄이면 즉시 스킨 디자인과 개발에만 집중할 수 있는 완벽한 프로젝트가 생성됩니다.\n\n## 주요 기능\n\n- **단 한 줄의 명령어로 시작**: `npm create` 명령어를 통해 최적화된 초기 스킨 템플릿을 즉시 생성합니다.\n- **Tailwind CSS 선택 지원**: 프로젝트 생성 시 Tailwind CSS 사용 여부를 선택할 수 있습니다. (사용하지 않을 경우 관련 설정과 의존성이 완벽하게 제거된 순수 HTML/CSS 환경을 제공합니다.)\n- **제로 컨피그(Zero-Config) 빌드**: Rollup이나 Vite를 직접 설정할 필요가 없습니다. 티스토리 업로드 규격(`skin.html`, `style.css`, `images/`)에 맞춘 완벽한 후처리를 기본 제공합니다.\n- **실시간 미리보기 (HMR)**: 코드를 수정할 때마다 브라우저 새로고침 없이 로컬 개발 서버에서 즉시 변경 사항을 확인하세요.\n- **구조화된 템플릿**: 티스토리 치환자에 대응하는 기본 레이아웃과 방명록, 페이징 등의 컴포넌트 구조가 미리 잡혀 있습니다.\n\n---\n\n## 빠른 시작 (Quick Start)\n\n터미널을 열고 아래 명령어 중 하나를 실행하세요:\n\n```bash\n# npm 사용 시\nnpm create @bluenyang/tistory-skin@latest\n\n# npx 사용 시\nnpx @bluenyang/create-tistory-skin@latest\n\n# yarn 사용 시\nyarn create @bluenyang/tistory-skin\n\n# pnpm 사용 시\npnpm create @bluenyang/tistory-skin\n```\n\n명령어를 실행하면 인터랙티브 프롬프트가 실행되며 다음 항목을 설정하게 됩니다.\n\n1. **프로젝트(스킨) 이름 설정**: 생성될 폴더의 이름을 입력합니다.\n2. **Tailwind CSS 사용 여부**: `Y/n` 로 최신 Tailwind CSS 환경을 포함할지 순수 환경으로 갈지 결정합니다.\n\n프로젝트 생성이 완료되면 안내에 따라 디렉토리로 이동하여 개발을 시작하세요!\n\n```bash\ncd my-tistory-skin\nnpm install\nnpm run dev\n```\n\n---\n\n## 📂 디렉토리 구조 (Directory Structure)\n\n생성된 프로젝트는 스킨 개발에 최적화된 직관적인 구조를 가집니다.\n\n```text\nmy-tistory-skin/\n ├── src/\n │    ├── components/    # 헤더, 푸터, 스킨 치환자(s_list 등) 컴포넌트\n │    ├── layouts/       # 스킨 전체 레이아웃 (Layout.astro)\n │    ├── pages/\n │    │    └── index.astro # 스킨의 메인 진입점 (여기서 스킨 구조를 잡습니다)\n │    ├── scripts/       # 클라이언트 단 JavaScript/TypeScript 로직 (common.ts)\n │    └── styles/        # 글로벌 CSS (Tailwind 지시어 등 포함)\n ├── astro.config.mjs    # 프리뷰어 Integration이 포함된 핵심 설정 파일\n ├── package.json\n └── tailwind.config.mjs # (Tailwind 선택 시 포함됨)\n```\n\n---\n\n## 💻 사용법 (Commands)\n\n프로젝트 내부에서 다음 스크립트들을 사용할 수 있습니다.\n\n### 개발 서버 실행 (로컬 프리뷰)\n\n```bash\nnpm run dev\n```\n\n`http://localhost:4321`에 접속하여 실시간으로 스킨을 확인하며 개발하세요. `/category`, `/guestbook` 등의 티스토리 경로도 모두 자동으로 대응됩니다.\n\n### 티스토리 스킨 빌드 (배포용)\n\n```bash\nnpm run build\n```\n\n모든 개발이 끝난 후 이 명령어를 실행하면 `dist/` 폴더에 결과물이 생성됩니다.\nAstro 컴포넌트와 스크립트가 티스토리 업로드용 규격으로 완벽하게 컴파일 및 상대경로 변환됩니다.\n\n---\n\n## 📦 티스토리에 스킨 적용하기\n\n`npm run build`를 통해 생성된 `dist/` 폴더의 구조는 다음과 같습니다.\n\n```text\ndist/\n ├── skin.html    (완성된 마크업)\n ├── style.css    (컴파일된 메인 CSS)\n └── images/      (스크립트 및 기타 에셋)\n      └── common-xxxxxx.js\n```\n\n1. `dist` 폴더 내부의 **모든 파일과 폴더를 선택하여 하나의 `.zip` 파일로 압축**합니다.\n2. 티스토리 관리자 페이지 > [꾸미기] > [스킨 변경] > **[스킨 등록]** 버튼을 클릭합니다.\n3. 압축한 `.zip` 파일을 업로드하고 저장하면 스킨 적용이 완료됩니다! 🎉\n\n---\n\n## 📝 License\n\n이 프로젝트는 MIT 라이선스를 따릅니다.\n\n> Powered by **@tistory-skin-previewer/astro** | Created & Maintained by **BlueNyang**\n","readmeFilename":"README.md"}