피드처럼 읽는 블로그
프로필과 소개 아래로 글이 이어집니다. 카테고리와 검색은 곁에 두고, 모바일에서는 한 줄의 피드에 집중해요.
모멘트 · 버전 1.9.5
모멘트
읽고, 기록하고, 연결하기
주요 기능
내 이미지, 내 색으로
프로필·커버 이미지와 대표 컬러는 티스토리 스킨 편집에서 바꿉니다. 사진을 넣지 않은 커버는 단색으로 표시돼요. 화면에는 스킨 이름 대신 내 블로그 이름이 표시됩니다.
가볍게 이어지는 이야기
피드형 댓글과 방명록, 프로필 메뉴의 이웃 링크를 제공합니다. 이웃은 최대 6개까지 등록하고 순서를 정할 수 있어요.
어느 화면에서도
화면과 테마
라이트·다크 모드를 오가고,
작은 화면에서도 같은 기록을 이어 읽어요.
내 블로그에 맞게
관리자에서
직접 설정하세요.
티스토리 관리자 → 꾸미기 → 스킨 편집
전체 설정 36개 보기
| 그룹 | 설정 | 종류 | 기본값 | 설명 |
|---|---|---|---|---|
| 모멘트 디자인 | 프로필 커버 이미지 | 이미지 | 비어 있음 | 홈 상단 가로 커버입니다. 3:1 비율을 권장하며, 지정하지 않으면 단색으로 표시합니다. |
| 모멘트 디자인 | 내 프로필 이미지 | 이미지 | 비어 있음 | 동그란 프로필 사진입니다. 지정하지 않으면 기존 티스토리 블로그 이미지를 사용합니다. |
| 모멘트 디자인 | 대표 컬러 | 색상 | #0875be | 링크와 선택 상태에 적용됩니다. 어두운 화면에서는 읽기 쉽도록 이 색을 밝게 조정해 표시합니다. |
| 모멘트 디자인 | 홈 소개 위 작은 문구 | 문자 | 일상의 순간을 기록합니다 | |
| 프로필 메뉴 | 이웃 링크 표시 | 켜기/끄기 | 켜짐 | |
| 프로필 메뉴 | 문의하기 주소 | 문자 | 비어 있음 | HTTPS 문의 페이지 또는 mailto:이메일. 비워두면 방명록으로 연결합니다. |
| 이웃 1 | 블로그 또는 사이트 주소 | 문자 | 비어 있음 | http:// 또는 https:// 주소. 비워두면 숨깁니다. |
| 이웃 1 | 블로그 제목 | 문자 | 비어 있음 | |
| 이웃 1 | 누구인지 / 이름 | 문자 | 비어 있음 | |
| 이웃 1 | 표시 순서 | 문자 | 1 | 작은 숫자가 먼저 표시됩니다. 같은 숫자는 등록 칸 순서입니다. |
| 이웃 2 | 블로그 또는 사이트 주소 | 문자 | 비어 있음 | http:// 또는 https:// 주소. 비워두면 숨깁니다. |
| 이웃 2 | 블로그 제목 | 문자 | 비어 있음 | |
| 이웃 2 | 누구인지 / 이름 | 문자 | 비어 있음 | |
| 이웃 2 | 표시 순서 | 문자 | 2 | 작은 숫자가 먼저 표시됩니다. 같은 숫자는 등록 칸 순서입니다. |
| 이웃 3 | 블로그 또는 사이트 주소 | 문자 | 비어 있음 | http:// 또는 https:// 주소. 비워두면 숨깁니다. |
| 이웃 3 | 블로그 제목 | 문자 | 비어 있음 | |
| 이웃 3 | 누구인지 / 이름 | 문자 | 비어 있음 | |
| 이웃 3 | 표시 순서 | 문자 | 3 | 작은 숫자가 먼저 표시됩니다. 같은 숫자는 등록 칸 순서입니다. |
| 이웃 4 | 블로그 또는 사이트 주소 | 문자 | 비어 있음 | http:// 또는 https:// 주소. 비워두면 숨깁니다. |
| 이웃 4 | 블로그 제목 | 문자 | 비어 있음 | |
| 이웃 4 | 누구인지 / 이름 | 문자 | 비어 있음 | |
| 이웃 4 | 표시 순서 | 문자 | 4 | 작은 숫자가 먼저 표시됩니다. 같은 숫자는 등록 칸 순서입니다. |
| 이웃 5 | 블로그 또는 사이트 주소 | 문자 | 비어 있음 | http:// 또는 https:// 주소. 비워두면 숨깁니다. |
| 이웃 5 | 블로그 제목 | 문자 | 비어 있음 | |
| 이웃 5 | 누구인지 / 이름 | 문자 | 비어 있음 | |
| 이웃 5 | 표시 순서 | 문자 | 5 | 작은 숫자가 먼저 표시됩니다. 같은 숫자는 등록 칸 순서입니다. |
| 이웃 6 | 블로그 또는 사이트 주소 | 문자 | 비어 있음 | http:// 또는 https:// 주소. 비워두면 숨깁니다. |
| 이웃 6 | 블로그 제목 | 문자 | 비어 있음 | |
| 이웃 6 | 누구인지 / 이름 | 문자 | 비어 있음 | |
| 이웃 6 | 표시 순서 | 문자 | 6 | 작은 숫자가 먼저 표시됩니다. 같은 숫자는 등록 칸 순서입니다. |
| 검색엔진 SEO | Google Search Console 인증 코드 | 문자 | 비어 있음 | HTML 태그 전체가 아닌 content 값만 입력하세요. 티스토리 플러그인에서 인증했다면 비워두세요. |
| 검색엔진 SEO | 네이버 서치어드바이저 인증 코드 | 문자 | 비어 있음 | HTML 태그 전체가 아닌 content 값만 입력하세요. 티스토리 플러그인에서 인증했다면 비워두세요. |
| 검색엔진 SEO | Bing Webmaster Tools 인증 코드 | 문자 | 비어 있음 | HTML 태그 전체가 아닌 content 값만 입력하세요. 티스토리 플러그인에서 인증했다면 비워두세요. |
| 글 읽기 | 긴 글 목차 표시 | 켜기/끄기 | 꺼짐 | 소제목 h2/h3가 3개 이상인 일반 글에서 접이식 목차를 표시합니다. |
| 글 읽기 | 코드 복사 버튼 | 켜기/끄기 | 켜짐 | 코드블록이 있는 일반 글에서만 표시합니다. 클립보드 지원 브라우저가 필요합니다. |
| 업데이트 | 자동 업데이트 | 켜기/끄기 | 켜짐 | 끄면 설치한 로컬 CSS·JS만 사용합니다. |
현재 스킨을 백업하세요.
사용 중인 스킨과 설정값, 직접 넣은 광고·분석 코드를 보관합니다. 스킨을 바꾸면 기존 설정이 초기화될 수 있어요.
ZIP을 풀고 새 스킨을 등록하세요.
꾸미기 → 스킨 변경에서 스킨 등록으로 이동합니다. 압축을 푼
skin.html,style.css,index.xml, 미리보기 파일을 추가하세요.images안의 파일도 전부 추가하세요. 자동 업데이트에 필요한update.js와update-config.json도 포함돼야 합니다.저장한 스킨을 적용하세요.
등록한 스킨을 적용하고, 스킨 편집에서 프로필·커버·대표 컬러를 지정합니다. 홈은 커버가 아닌 글 목록으로 사용하세요.
모바일 화면을 확인하세요.
꾸미기 → 모바일에서 티스토리 모바일웹 자동 연결을 사용하지 않도록 설정합니다. 휴대폰에서 일반 블로그 주소로 접속해 확인하세요.
필요하면 이전 스킨으로 돌아가세요.
백업해 둔 스킨을 다시 적용하고, 저장한 옵션·사이드바·추가 코드를 복원하세요. HTML/CSS만 기존 스킨에 붙여 넣으면 옵션과 자동 업데이트 파일이 빠질 수 있으므로 전체 등록을 사용합니다.
설치한 다음에도
디자인과 기능은
자동으로 최신 버전.
1.7.0 이상을 한 번 전체 등록하면, 호환되는 CSS·JS 업데이트가 다음 방문이나 새로고침부터 반영됩니다.
모든 블로그에 공개
자동 업데이트에는 도메인 허용이나 별도 키 등록이 필요하지 않습니다.
구조가 바뀌면 새로 등록
HTML이나 관리자 설정 항목이 달라지는 업데이트는 새 ZIP을 직접 등록해야 합니다.
연결이 안 되어도 유지
업데이트 파일을 받거나 확인하지 못하면, 설치할 때 포함된 파일로 실행됩니다.
스킨 편집 → 업데이트 → 자동 업데이트를 끄면 설치된 파일만 사용합니다.
자동 업데이트가 켜지면 직접 수정한 로컬 CSS 대신 배포된 CSS가 적용됩니다. 프로필과 대표색은 스킨 편집의 설정을 이용해주세요.
좋아요와 외부 데이터
좋아요는 SkinData를 사용하며 블로그 주소, 글 경로, 좋아요·취소 동작과 익명 방문자 토큰으로 처리합니다. 글 본문이나 댓글 입력 내용은 보내지 않습니다. 토큰은 브라우저에 보관되고, 좋아요 집계는 서버에 저장됩니다.
SkinData 관리자에서 이 스킨의 좋아요 데이터 항목을 사용 중지하면 외부 반응 기능을 끌 수 있습니다. 자동 업데이트 파일 배포와는 별개입니다.
화면별 미리보기
같은 버전의 로컬 데모를 캡처했습니다.
변경 이력
v1.9.5 · 2026-10-31
모바일 글자 크기를 역할별로 축소. 카테고리 새 글 표시를 대표 컬러 글자 N으로 변경. 코드 복사·목차 옵션이 실제 티스토리에서 동작하지 않던 문제 수정. CSS·JS 변경으로 1.9.2 이상 설치본에는 자동 업데이트됩니다.
알아두면 좋은 것
적용 전 확인하세요.
좋아요도 바로 사용할 수 있나요?
좋아요는 티스토리 기본 공감과 별개인 SkinData 기능입니다. 사용하려는 블로그 주소를 SkinData의 해당 스킨 허용 도메인에 등록해야 합니다. 이 제한은 외부 데이터 기능에만 적용되며, 자동 업데이트는 누구나 받습니다.
저장한 글은 다른 기기에서도 보이나요?
글 저장은 현재 브라우저에 보관됩니다. 다른 기기로 동기화되지 않으며, 브라우저 데이터를 지우면 함께 삭제됩니다.
미리보기 사진과 글도 설치되나요?
설치되지 않습니다. 미리보기의 글과 사진은 예시이며, 적용한 블로그에서는 내가 등록한 글과 이미지가 표시됩니다.
SEO에는 어떤 기능이 있나요?
글의 제목·작성자·발행일·본문을 구조화된 데이터로 제공하고, 검색 사이트 인증값을 설정할 수 있습니다. 티스토리가 제공하는 메타 정보를 보존하며 검색 순위나 색인을 보장하지 않습니다.
화면은 예시 글을 사용한 로컬 미리보기입니다. 브라우저와 자동 업데이트 동작은 검증했습니다. 티스토리 실제 설치 후 댓글 등록·수정·삭제 등 플랫폼 기능은 별도 확인이 필요합니다.
이용 조건과 출처
개인 이용 가능 · 상업 이용 불가 · 수정 가능 · 재배포 불가. 제3자 아이콘은 별도 ISC/MIT 라이선스를 따릅니다. images/lucide-LICENSE.txt 참조.
문의: blog@ai-thanks.com · skin
시스템 글꼴 사용 · Lucide 아이콘: ISC / 포함된 Feather: MIT
예시 사진: Clay Banks / Unsplash · 사진은 데모에만 사용됩니다.
모멘트 다운로드
GitHub에서 다운로드하기
스킨 다운로드를 누르세요.
GitHub의 모멘트 릴리스 페이지로 이동합니다. 로그인하지 않아도 받을 수 있습니다.
Assets에서 moment.zip을 누르세요.
설치용 스킨은 moment.zip입니다. Source code (zip)와 Source code (tar.gz)는 선택하지 마세요.
압축을 풀고 위 설치 방법을 따라주세요.
이용 조건은 이 페이지와 ZIP 안의 LICENSE.txt에서 확인할 수 있습니다.
v1.9.5 · 217,440바이트 · moment.zip 하나만 받으세요.