ORPG 세션 종료 후 로그 백업이 매우 귀찮아 졌습니다.
티스토리 구 에디터 종료로 html 문서의 파일을 긁어서, 내용을 또 수정하고, 그걸 인라인 html로 만들어서 올리는게 귀찮지 않으셨습니까?
(제가 참고한 게시글은 이것입니다. -> 코코포리아 로그를 백업해보자 )
저는 매우 귀찮았습니다.
그래서 'html 문서를 아예 쌩으로 넣어버릴 수 있는' 블로그를 찾다가
깃허브 페이지로 간단하게 웹페이지 호스팅을 하면 가능하다는 것을 알게 되었습니다.
beautiful Jekyll 테마를 활용해서, orpg 백업 블로그를 만들었습니다.
원본 프로젝트를 쓰셔도 되지만, 한글이 지원 가능하도록 설정을 이것저것 바꿔두었기 때문에 제 것을 그냥 쓰시는 걸 추천합니다.
뭔가 무서운 코드들이 나열되어 있지만 이 글을 작성하는 저도 문과이기 때문에 여러분도 할 수 있습니다 (엄지 척)
깃허브에 가입한 후, 아래 링크의 레포지토리를 포크하면 됩니다.
자세한 내용은 링크에 들어가서 설명을 읽어주세요.
https://github.com/for-trpg/rpglogbackup
(우측 상단에 Fork 버튼이 있습니다. 레포지토리를 통째로 복사하는 버튼입니다.)
장점
- html 파일을 복잡하게 수정할 필요 없이, 그대로 업로드하면 됨.
html로 된 채팅 로그를 맨 앞줄의 <!DOCTYPE HTML> 요거 딱 한 줄 지우시면 되고, 그것도 아톰, VScode 등의 에디터 설치 필요 없이 깃허브에서 직접 고치시면 됩니다.
- 구글 등 검색에 뜨지 않음
티스토리에 올리면 종종 시나리오 이름으로 검색창에 서치하면 로그 게시물이 나올 때가 있더라고요. 비밀글로 저장되어 있어서 내용은 안보이지만, 그래도 신경쓰이게 하는 것보단 아예 안보이는게 낫죠.
- html 로그가 아니더라도 업로드할 수 있음
pdf 로그도 html 태그를 이용해서 임베드하면 업로드할 수 있습니다.
- 비밀글 작성 가능함
비밀번호를 설정할 수도 있고, 아예 게시글 목록에서 안보이게 해서 링크가 있는 사람만 볼 수 있게 할 수도 있습니다.
- 모바일 레이아웃 지원
이건 제가 사용한 beautiful jekyll 테마의 기능 덕분인데, 모바일 레이아웃도 깔끔하고 예쁘게 보입니다.
주의
- 마크다운 문법을 알아야 함
포스트를 쓰려면 마크다운 문서로 써야 합니다.
마크다운 문법은 정말로 간단하고 어렵지 않으니, 링크된 문서를 참조해보시기 바랍니다.
혹은 복잡한 게 싫으면 그냥 제가 사전에 만들어 둔 샘플 포스트를 그대로 복사한 후 수정해 보세요.
- 블로그 꾸미기가 자유롭지만, html 과 css 관련 지식이 있어야 함
맨 상단의 아바타 고치는 건 굉장히 쉽게 가능한데, 나머지 블로그 색깔을 고친다던가 레이아웃을 바꾼다던가 하는 것은 조금 더 지식이 필요합니다.
블로그 꾸미기를 안해도 어련히 잘 돌아가기 때문에 너무 걱정은 마시길.
많은 지식을 요구하는 건 아니기 때문에 지식이 있는 분이라면 자유롭게 수정하세요!
영어가 가능하다면 원본 프로젝트 페이지에 들어가셔서 좀 더 자세한 정보를 알아보세요.
복잡한 거 싫으면 꾸미기 정도는 안해도 괜찮지 않을까요? 전 안할겁니다...
- 보는 사람이 프로그래밍 관련 지식이 있으면 곤란함
암호화 된 html 로그의 경우, 안의 내용물까지 완벽히 암호화되기 때문에 문제 없지만 암호화 되지 않은 html 파일은 누군가가 자신의 깃허브 레포지토리를 열어본다면 내용물을 열람할 수 있습니다.
물론 내용물은 깔끔한 글이 아니라 날 것의 html 코드들과 함께겠지만요...... 정말 그렇게까지 구질구질하게 남의 로그를 보고 싶어하는 사람이 있을까 싶기도 하지만, 혹시나 시나리오 스포일러나 룰북 내용 유출 등이 걱정되시는 분들은 꼭 암호화한 후에 html 파일을 업로드하시길 바랍니다.
혹은 페이지에 따로 도메인을 설정해서 자신의 깃허브 유저명이 들키지 않도록 하는 방법도 있습니다. 자세한 방법은 이쪽 -> 링크
도메인 구입은 저는 내 도메인에서 무료로 하고 있습니다.
+ 추가 (2021.04.27)
Roll 20 로그는 어떻게 백업하면 좋느냐는 질문이 들어와서 최대한 간단한 방법으로 쉽게 백업할 수 있는 방법을 안내드리겠습니다.
혹시 이해가 되지 않는 부분이 있다면 질문 부탁드립니다.
1. Roll 20 로그 페이지에 접속
2. 빨간색의 'Show on One Page' 버튼 클릭 -> Ctrl+A 로 로그를 전체 선택
3. Ctrl+C 로 복사
4. 한글과 컴퓨터를 켭니다.
5. Ctrl+Alt+V 로 골라 붙이기 -> 인터넷 문서 소스
로그 양이 많으면 이 때 시간이 좀 오래 걸릴 수 있습니다. 최대한 인내심을 갖고 천천히 기다리세요.
6. (옵션) 프로필 이미지가 깨질 때를 대비한 후처리
6-1. 이미지 링크 찾기
종종 프로필 이미지가 깨지는 경우가 있습니다.
원인 : 프로필 이미지는 URL을 통해 첨부되는데, roll20 서버에 올린 이미지를 삭제하면 URL을 타고 들어가도 그 사진이 없는 현상이 벌어지게 되는 것입니다.
해결 : 깨지는 이미지의 URL을 다른 사진으로 바꾸어 경로를 수정해주어야 합니다.
우선, Roll 20 로그 페이지에 다시 들어가서 원하는 프로필 이미지에서 마우스 우클릭 -> 이미지 주소 복사
이렇게 하면 원하는 프로필 이미지의 이미지 주소를 복사할 수 있습니다.
다음으로, 이 이미지를 대체할 새로운 이미지의 경로가 필요합니다.
티스토리에 업로드할 때에는 귀찮게 새로운 게시글로 이미지를 업로드해야 했지만, 우리는 그럴 필요가 없습니다. 깃허브에 올리면 되거든요.
6-2. 깃허브에서 assets->img 폴더에 대체할 프로필 이미지 업로드
6-3. 이미지 링크를 /assets/img/이미지 파일 이름 으로 일괄 변경
한글과 컴퓨터로 다시 돌아가서, Ctrl+F 을 누른 후, '바꾸기' 버튼 클릭.
<img src="(대상 이미지 URL)"> 부분을,
<img src="/assets/img/이미지 파일이름"> 으로 모두 바꾸기 합니다.
이미 이미지 주소를 알고 있기 때문에 '찾을 내용' 칸에 붙여넣기 한 후, '바꿀 내용' 칸에 새로운 경로를 입력해주면 되겠지요?
이 작업을 변경하고 싶은 이미지 종류만큼 반복합니다.
7. 깃허브에 html 문서 만들기
한글과 컴퓨터로 다 수정했으면, ctrl+a 로 내용을 전체 선택, ctrl+c 로 복사합니다.
다시 깃허브로 돌아와서, posts 폴더로 들어가서 우상단의 Add file-> Create New File 버튼을 클릭, 그 안에 복사한 내용을 붙여넣기 한 다음, 제목을 '원하는 문자열.html' 로 지정하여 저장합니다.
이 이후는 깃허브에 써둔 포스팅법과 동일하기 때문에, 그 쪽을 참고해 주세요!
완성물은 아래와 같습니다.
크로넬님의 창작활동을 응원하고 싶으세요?
