Helena Workflow · Process Standard v1.0

Paste Pipeline

터미널에서 티스토리까지 — Claude Code → GitHub → Telegram → 5클릭 → 발행

🎯 이게 뭔가

Claude Code로 만든 HTML 페이지를, Telegram 첨부파일 하나로 받아서, 티스토리 HTML 모드에 5번 클릭으로 붙여넣는 파이프라인.
티스토리는 발행 API가 없다. 브라우저 GUI 자동화는 유지보수 비용이 사람 5클릭보다 크다. 그래서 이게 유일한 실용 솔루션.

🗺️ 전체 워크플로우

PHASE 1 ─ 자동 S21 터미널 + GitHub Actions (사람 개입 0) 💻 Claude Code proot Ubuntu·S21 Boss 프롬프트 → 코딩 🔀 GitHub Actions git push → trigger MD→HTML 변환·전송 📱 Telegram @helena_logbot .html 첨부파일 수신 📦 helana_log GitHub 영구 저장 grep 검색 가능 ⚡ 사람 손 구간 (5클릭) PHASE 2 ─ 사람 Boss가 웹 브라우저에서 30초 1 .html 다운로드 Telegram → 파일 열기 Ctrl+A · Ctrl+C 2 Tistory 접속 tistory.com 로그인 유지됨 3 글쓰기 클릭 우측 상단 버튼 에디터 열림 4 HTML 탭 선택 기본/HTML/마크다운 중 HTML 탭 5 Ctrl+V·발행 붙여넣기 ✅ 완료 ✅ Tistory HTML 페이지 발행 완료 🔄 RSS 순환 피드백 tistory_sync.sh → Tistory RSS → helana_log/기자/ 동기화 → GitHub Pages 칠판보드 출판 ⚡ 자동 구간: Boss가 Claude Code에 지시하면, GitHub Actions가 변환·전송까지 모두 자동으로 처리 ⚡ 사람 구간: .html 다운로드부터 티스토리 발행까지 — 5클릭 30초. 이 유일한 수동 구간이 전체 파이프라인을 현실로 만든다 ⚡ RSS 피드백: 티스토리 발행물은 RSS로 다시 helana_log로 동기화 → GitHub Pages에 영구 출판 (완전한 순환) ⚡ 비용: 전 구간 $0. GitHub Actions = public repo 무료. Telegram Bot API = 무료. 티스토리 = 무료.

🤔 왜 이렇게 해야 하나

❌ 티스토리 API — 발행 API가 없다

티스토리 Open API는 읽기 전용이다. 글 목록, 카테고리, 댓글 조회는 가능하지만 글 발행·수정 API는 존재하지 않는다. 기술적으로 막혀 있다.

❌ API 자동화

API 엔드포인트 자체가 없음. 불가능.

✅ Paste Pipeline

API 없이도 발행 가능. 유일한 방법.

❌ GUI 자동화 (Selenium/Puppeteer) — 가성비 0

브라우저 자동화로 티스토리 글쓰기 화면을 제어할 수는 있다. 하지만:

문제설명
로그인 세션티스토리 로그인은 카카오 계정 연동. 세션 만료·2FA·보안문자 대응 필요
UI 변경티스토리 에디터는 주기적으로 UI 변경. 그때마다 셀렉터 수정 필요
서버 비용headless 브라우저를 24시간 유지하거나, 발행할 때마다 띄워야 함
디버깅발행 실패 시 원인 파악 어려움. 스크린샷·로그 수집 파이프라인 추가 필요
월 유지보수 비용 > 사람 5클릭 30초 × 월 10회. 자동화는 ROI가 마이너스.
❌ 티스토리 마크다운 모드로 충분하지 않나?

마크다운 모드는 인터랙티브 요소를 표현할 수 없다:

❌ 마크다운 모드

아코디언 ❌ · SVG 다이어그램 ❌ · CSS 애니메이션 ❌ · 다크모드 ❌ · 탭 ❌ · 맞춤 레이아웃 ❌

✅ HTML 모드

아코디언 ✅ · SVG ✅ · 애니메이션 ✅ · 다크모드 ✅ · CSS-only 탭 ✅ · flex/grid 레이아웃 ✅

Tistory HTML 모드는 <script>와 on* 이벤트만 필터링한다. <style>, <svg>, <details>, CSS 애니메이션은 전부 통과. JS 없이도 풀인터랙티브 페이지를 만들 수 있다.

❌ GitHub Pages만으로 충분하지 않나?

GitHub Pages는 기술적으론 완벽하지만, 한국 검색 생태계와 분리되어 있다.

기준GitHub PagesTistory
네이버 검색 노출거의 안 됨✅ 잘 됨
다음 검색 노출거의 안 됨✅ 매우 잘 됨
댓글 시스템별도 구축 필요✅ 기본 제공
방문자 통계별도 구축 필요✅ 기본 제공
한국 블로그 생태계없음✅ 이웃·구독·공감
결론: GitHub Pages는 글로벌 아카이브, Tistory는 한국 유입 채널. 둘 다 필요하고 서로 보완한다.

💻 터미널에서 무슨 일이 일어나나

1 Boss가 Claude Code에 프롬프트 입력

S21 proot Ubuntu 터미널에서 claude 실행. DeepSeek 모델로 구동.

예: "ParksyCapture 백서를 티스토리 HTML 형식으로 만들어서 텔레그램으로 보내"

비용: DeepSeek API = 토큰당 저렴. GitHub Actions = public repo 무료. 총 비용 $0.
2 Claude Code가 HTML 파일 생성·커밋

Write 도구로 templates/*.html 작성. 확인 사항:

  • JS-free (script 태그 없음)
  • CSS-only 인터랙티브 (details/summary, :checked, :target)
  • 다크모드 대응 (prefers-color-scheme + data-theme)
  • Tistory XSS 필터 통과 확인

→ git commit → git push 자동 실행.

3 GitHub Actions가 자동 트리거

helena-programming 레포에 push 감지 → workflow 실행:

git push 감지 on: push → log_to_telegram.sh MD/HTML 듀얼모드 → sendDocument Telegram Bot API → @helena_logbot .html 첨부 도착
4 @helena_logbot 메시지 도착

Boss의 Telegram (아무 기기 — S21, PC, 태블릿)에 .html 첨부파일 + 설명 메시지가 도착.

📱

아무 기기

Telegram만 깔려 있으면 PC·폰·태블릿 어디서든 확인 가능

🔔

푸시 알림

새 글이 올라오면 자동으로 알림. 따로 확인할 필요 없음

📎

파일 첨부

.html 파일 1장. 다운로드 → 전체 복사 → 바로 붙여넣기

📝

영구 보관

Telegram 채팅방이 곧 발행 대기열. 지난 파일도 검색 가능

🖱️ 5클릭으로 티스토리 발행

Telegram에서 .html 파일을 받은 후 웹 브라우저에서 5번 클릭, 30초.

1
.html 다운로드·열기·Ctrl+A
→
2
tistory.com 접속
→
3
글쓰기 버튼
→
4
HTML 탭 선택
→
5
Ctrl+V → 발행!
각 클릭 상세 — 어디를 누르는지
#동작위치팁
1Telegram → .html 다운로드 → 파일 열기 → Ctrl+A, Ctrl+C아무 기기PC에서 하면 복붙 더 빠름
2브라우저 → tistory.com 접속주소창로그인 상태 유지되면 클릭 생략
3우측 상단 "글쓰기" 버튼 클릭헤더 우측연필 아이콘
4에디터 상단 탭: "HTML" 선택에디터 좌측 상단기본/HTML/마크다운 중 HTML
5Ctrl+V → 제목 입력 → 하단 "발행"에디터 + 하단미리보기 확인 후 발행
자동화 vs 사람 — 비용 비교
Paste Pipeline
30s
GUI 자동화
구축 20h+
API 개발
불가능
외주 발행
건당 비용

Paste Pipeline = 30초/회. 나머지는 구축·유지보수·건당 비용이 발생.

🔍 3가지 관점에서 본 Paste Pipeline

구간기술비고
코드 생성Claude Code + DeepSeekS21 proot Ubuntu 터미널
버전 관리Git + GitHubhelena-programming / helana_log
CI/CDGitHub Actionspush 트리거 → workflow
MD→HTML 변환parksy_to_html.pyPython, 대화록 전용
전송Telegram Bot API (sendDocument)log_to_telegram.sh
인증TG_TOKEN + TG_CHATGitHub Secrets
발행사람 (5클릭)Tistory HTML 모드
RSS 피드백tistory_sync.shTistory RSS → helana_log
항목월 비용비고
Claude Code (DeepSeek)~$5토큰 사용량에 따라
GitHub Actions$0public repo 무제한
Telegram Bot API$0무료
Tistory$0무료
서버$0S21 폰 = 항상 켜져 있음
합계~$5/월DeepSeek API 토큰뿐
전체 파이프라인 월 $5. 콘텐츠 무제한 발행. GUI 자동화 구축 비용(수백만원)과 비교하면 사실상 공짜.
단계소요시간자동/수동
Boss → Claude Code 프롬프트30초수동
Claude Code → HTML 생성·커밋1~3분자동
GitHub Actions → Telegram 전송30초~1분자동
Boss가 Telegram 확인·다운로드10초수동
티스토리 5클릭 발행30초수동
총 소요시간~5분사람 1분 + 자동 4분
Boss의 실제 노동 시간: 약 1분. 나머지 4분은 Claude Code와 GitHub Actions가 알아서. Boss는 프롬프트 입력하고, Telegram 알림 오면 5클릭만.

📊 멀티채널 전략 — 하나의 콘텐츠, 다섯 개 채널

Paste Pipeline의 진짜 힘은 한 번의 코딩으로 5개 채널에 콘텐츠가 퍼진다는 것:

Claude Code HTML · MD · 영상 스크립트 📦 GitHub 영구 저장·버전 관리 grep 검색 📝 Tistory 한국 검색·블로그 유입 Paste Pipeline (5클릭) 🌐 GH Pages 글로벌 접근·빠른 로딩 자동 (GitHub Actions) 🎬 YouTube 숏폼 영상·구독자 PD Pipeline (P0~P6) 📰 Naver 웹진·미끼·카페 유입 Paste Pipeline (수동) 🔄 RSS 자동 동기화

✨ Paste Pipeline의 철학

99%는 자동화한다. Claude Code가 코딩하고, GitHub Actions가 변환·전송한다.

1%는 사람이 한다. 티스토리 HTML 모드에 붙여넣는 5클릭. 이 1%가 없으면 콘텐츠는 GitHub에만 머문다.

완전 자동화가 기술적으로 불가능한 플랫폼에서, 가능한 모든 것을 자동화하고 마지막 인간 터치만 남긴 설계. 과도한 자동화는 ROI가 마이너스다. 30초 × 5클릭이 가장 효율적인 솔루션이다.
🔧

기술적 한계 인정

티스토리 발행 API 없음 = 바꿀 수 없는 현실. 싸우지 않고 우회한다.

💰

ROI 기반 판단

GUI 자동화 구축 20시간 vs 사람 5클릭 30초. 후자가 합리적.

🔄

순환 구조

Tistory 발행 → RSS → helana_log 동기화 → GitHub Pages. 콘텐츠가 한 바퀴 돈다.

📈

확장 가능

같은 HTML로 Tistory·GH Pages·네이버 동시 발행. 한 번 코딩으로 N채널 커버.

터미널에서 한 줄 → 5분 후 티스토리 첫 페이지
Claude Code · GitHub Actions · Telegram · Boss의 5클릭
월 $5. 무제한 발행.