ChatGPT와 함께 수익형 블로그 작성하기 (흙수저 Edition)

저번에 ChatGPT에게 블로그 홈페이지를 만드는 방법을 공부했습니다.

하지만, 역시 노코드로 사이트 운영하는 솔루션(Wix, 아임웹 등)이 돈이 들지만 더욱 효율적이죠.

아니면, 티스토리나, 네이버 블로그 등, 다양한 방법이 있죠.

하지만, Github 에서는 (거의)노코드로 블로그를 손쉽게 운영할 수 있습니다.

구글 애널리틱스도 넣을 수 있고, 검색엔진 최적화 작업(SEO)도 가능합니다.

준비물은 아래와 같습니다.

  • ChatGPT

  • Github 계정

  • 자신의 도메인

  • 쿠ㅍ 파트너스

  • Markdown 지식(보통 ChatGPT가 다 해줌)


Github 블로그 사이트 준비

먼저, 제 블로그 소스를 들어가 보겠습니다.

GitHub - composite/ai-info-blog: AI is infomation blog

그러면 상단에 Fork가 있습니다. 누르면 여러분의 블로그 소스가 생겼습니다.


이제 세팅을 해야 합니다. 세팅은 간단합니다. 파일 목록 바로 아래를 봅니다.

_config.yml 파일을 누른뒤, 상단에 연필 모양을 누르면 바로 편집할 수 있습니다.

이제 편집할 부분을 알려드리죠.

제가 손대지 마세요라고 하면서 노란 부분을 제외한 부분을 건드리면 됩니다.

사이트 제목, 태그, 사이트 설명. 이들은 검색 엔진에 노출됩니다.

작성자명과 페이지를 넣으면 되겠습니다.

paginate 는 한 페이지당 몇 개의 포스트를 노출할지 입니다. 특별히 노출될 수를 지정하고 싶을 때만 숫자 값을 넣으면 됩니다.

그리고, 편집했으면, 상단에 Commit Changes 를 넣고, 대화 상자에 Commit 눌러주면 사전 설정은 끝났습니다.


그다음, 사이트를 활성화해야 합니다. 상단에 Settings 버튼을 눌러줍니다.

그리고 왼쪽 메뉴에 Pages를 누릅니다.

그러면 아래와 같은 화면이 보입니다.

Source 는 Deploy from branch로 맞춰져 있도록 클릭하여 선택하시고,

그다음 브랜치는 main 있으니 그걸로 선택하면 됩니다. 화면처럼 구성하면 됩니다.

그리고 Custom Domain 에다가 도메인을 자신의 도메인으로 설정하면 됩니다.

Enforce HTTPS 도 체크하면 좋습니다. 이렇게 하면 이제 페이지 띄울 준비는 끝났습니다.

Github이 초기 사이트를 반영하는데 약 5분 내외의 시간이 필요합니다.

그리고 위 페이지에서 들어가라는 도메인 또는 자신이 설정한 도메인으로 들어가면 됩니다.


이제 ㅋㅍ 파트너스에서 링크를 생성해서 넣습니다. 배너를 넣어도 되고, 여러분이 상품을 검색해서 넣어도 되는데, 여기서 되는 방식은

  • iframe 링크

  • 블로그형 이미지 링크

입니다. 스크립트 방식은 당연히 안됩니다. 티스토리같은 솔루션형 블로그가 가지지 못한 장점이 여기서 존재하죠.

이제 생성한 태그를 준비하여 이제 ChatGPT에게 컨텐츠 생성을 요청하도록 하겠습니다.

ChatGPT에게 콘텐츠 생성 요청하기

어쩌면 개발자가 아니고서야 Markdown 이라는 용어에 대해 생소해할 겁니다. HTML도 버거운데 마크다운이라니, 하지만 우리가 이런 어려운 선택을 하는 이유는, ChatGPT가 해주기 때문입니다.

예시 문구를 작성하였습니다. 해당 문구를 더욱 개선해서 여러분이 더 다양하고 자연스러운 블로그 본문을 작성하도록 도와주면 됩니다.

너는 제품 리뷰를 전문적으로 작성하는 인기있는 마케팅 블로거야.

나는 jekyll 본문에 작성할 블로그 포스트를 작성하여 올리고 싶어. 그러기 위해 규칙을 알려줄게.

- 블로그를 작성할 때 한국어로 작성해 줘.

- jekyll 포스트 옵션에 주제와 어울리는 태그는 반드시 하나 이상 추가해 줘.

- 부제목 이후 본문을 시작할 때, 다음과 같은 이미지 양식을 지켜서 본문에 마크업 결과를 생성해 줘. 이 때, 프롬프트는 반드시 영어로 기입해야 해: `![Image](https://image.pollinations.ai/prompt/{description}), where{description}={sceneDetailed),%20{adjective1},%20{charactersDetailed},%20{visualStyle2),%20(visualstyle3},%20{genre}`

- 파일명은 포스트 끝난 뒤 마지막에 jekyll 포스트 형식에 맞춰서 알려 줘.

- 나는 하나의 주제와 각 주제별 HTML 태그를 줄 거야. 너는 이 HTML 태그를 새 창으로 열 수 있도록 Github flavored Markdown 형식으로 변환한 뒤, 내가 마크업 이전에 제시한 주제를 전문 블로거답게 인상적인 부제목으로 바꿔주고, 변환한 소스를 그대로 넣어 줘.

- 전체적으로 풍부하고 화려한 Github flavored Markdown 형식으로 작성해 줘.

- `excerpt_separator: <!--more-->` 문구는 포스트 본문이 아니라 옵션 마지막에 추가해 줘. (더보기 버튼 없애는 기능)

- 본문 마지막에 `이 포스팅은 ㅋㅍ 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.` 문구를 꼭 추가해 줘.

준비되면, 내가 주제와 부제목에 맞는 HTML 마크업을 알려줄게.

너는 블로그 포스트를 Jekyll 포스트에 맞는 Github Markdown 형식으로 소스 코드를 생성한 뒤, jekyll 포스트에 맞는 파일명으로 작성해 줘.

이걸 DeepL로 번역해서 작성하면 더욱 잘 알아듣습니다. 무료인 ChatGPT 3.5도요.

자 여기서 뭔가 생소한 단어가 하나 나왔습니다. Jekyll?

Jekyll 은 Github 에서 지원하는 일종의 사이트 생성 프레임워크입니다.

사이트 틀과 마크다운으로 된 포스트를 작성하면, Github 같이 PHP같은 서버 언어가 되지 않는 호스팅 서비스에서 자신의 홈페이지를 운영할 수 있도록 해줍니다.

그리고, 이 프레임워크는 꽤 오래됐기 때문에 ChatGPT도 충분히 지식을 가지고 있습니다.

따라서 “Jekyll, Github Markdown 형식에 맞춰 블로그 포스트 작성해 주고, 소스 코드와 포스트 파일명을 마지막에 알려 줘.” 라고 명령하면, 아주 잘 작성해 줍니다.

기본적으로 제목과 작성일을 넣어줍니다. 그리고 좀 랜덤하지만 태그와 카테고리도 넣어줍니다. 만약 항상 넣고 싶으면 명시하면 됩니다. “포스트 옵션에 태그 꼭 넣어줘” 이렇게만 말해주면 잘 넣어줍니다.


준비됐으면, 주제와 상품 키워드, 그리고 생성한 마크업을 첨부해 보았습니다.

생성은 잘 해줍니다. 하지만, 개선해야 할 게 있습니다.

  • AI로 이미지 생성하는 저 사이트에 프롬프트를 한글로 적었네요. 영어로 적게 합시다.

  • 링크를 마크다운으로 변환했습니다. 이건 괜찮고, 변환하지 않아도 왠만하면 잘 동작합니다.


AI 생성 이미지는 영어로 넣어줬고, 전체적으로 만족스러워 보입니다.

이렇게 파일명도 알려줍니다. 저렇게 형식대로 나오면 성공입니다.

이제 포스트를 등록하겠습니다. 다시 Github 으로 갑니다.

블로그 글은 위 _posts 폴더에 등록하면 됩니다.

그리고, 그 폴더명을 누른 다음,

여기서 Add File 누르면 두개의 메뉴가 뜨는데, 만약 로컬에서 ChatGPT가 제시한 파일명으로 ChatGPT가 생성해준 본문 작성했으면 업로드 하면 되는데, 여기서는 바로 온라인에서 작성하기 위해 Create New File 누르겠습니다.

_posts / 라고 써있는 뒤에 네모칸이 있는데, 여기에 파일명을 넣으면 됩니다.

그리고, 아래에 텍스트 편집기에다가 ChatGPT가 작성해준 본문을 넣어줍니다.

그리고 완료됐으면 Commit Changes 누르고, 대화 상자가 뜨면 초록색 Commit Changes 누르면 됩니다.


그리고 약 5분을 기다려야 합니다. 반영하는데 시간이 좀 걸립니다.

블로그에 접속해 봅니다.


간단한 블로그가 완성되었습니다. (iframe 태그 결과물은 테스트를 위해 임의로 넣은 결과입니다)

물론 아직 해야 할 일은 있습니다.

  • 구글 애널리틱스 등록

  • ㅋㅍ 파트너스의 최종 승인

그리고, 내용을 고도화하여 AI가 작성하지 않은 것 같은 티를 내는(?) 프롬프트 개선이 있겠습니다.

저는 10번 시도한 끝에 준수한 결과가 나왔습니다. 10번 찍어 안넘어가는 나무는 없을 겁니다. 아마도.

아마 여러분이라면 더 빨리 성공할 수 있을 겁니다.


참고로 저는 T-F 번역기 프로젝트에 기술 지원으로 참여 중입니다.

갑작스레 급한 일이 겹쳤지만, 지속적으로 T-F 프로젝트 성공을 위해

이 아름다운 프로젝트를 응원해 주시면 감사하겠습니다…


저의 스터디는 이상입니다. 6기 여러분들 ChatGPT 화이팅입니다.











7
1개의 답글

👉 이 게시글도 읽어보세요