Typora에서 GitHub에 이미지 자동 업로드

문제: 

Typora에서 이미지를 삽입하면 로컬에서 업로드되기 때문에 글을 작성하여 다른 환경에 붙여 넣기 하면 이미지가 연동이 안 되는 불편함이 있습니다. 이를 해결하기 위해 아래와 같은 방법을 사용해보시기 바랍니다. 

준비작업: 

1. 앱스토어에서 upic을 다운로드하려면 5900원 유료 결제가 필요합니다. 

upic

하지만 무료로 설치하고 싶다면 homebrew를 설치하시고 터미널에 아래 명령어를 붙여넣고 Enter 치면 터미널에서 설치 중인 것을 확인하실 수 있습니다. 설치가 완료되면 애플리케이션에서 이미 설치된 것을 확인할 수 있습니다. 

brew install bigwig-club/brew/upic --cask

설치된 uPic을 실행하면 메뉴바에 아이콘이 생성된 것을 확인할 수 있습니다. 

시스템 환경설정-> 확장 프로그램 -> Finder 확장 프로그램 -> uPic Finder Extension에 체크해줍니다. 

 

2. 이제 2단계 깃허브에 계정을 만들고, 아래 내용과 같이 New버튼을 클릭하거나, 오른쪽 위에  + 버튼을 누른 후 New repository를 클릭합니다.

repository name에 img라고 적고 Create repository버튼을 클릭합니다. 

오른쪽 모퉁이에 계정에서 Settings -> Developer settings -> Personal access tokens -> Generate new token을 클릭합니다. 

note에  typora로 적고 

아래 체크사항중 

1. workflow

2. write:packages

3. admin:repo_hook

4. write:discussion

4가지 항목 체크후 Generate token을 클릭하면 아래와 같이 token이 생성됩니다. 

*token은 한번 생성되기 때문에 잊어버리지 않도록 다른 노트에 메모해 놓는 것이 좋습니다.*

이제 모든 준비 작업은 끝났습니다. 

마지막 설정 단계 들어가도록 하겠습니다.  중국어 버전이라 아래 사진을 보고 偏好设置(설정)을 클릭해주세요. 

아래 사진같이 3번째 메뉴 图床（이미지)를 클릭한후 아래 +를 클릭하여 GitHub를 선택합니다. 

SMMS는 지워주는 게 편합니다. 안 지워주면 SMMS 가 기본으로 설정되어 있어서 나중에 메뉴바에서 아이콘 클릭 후 图床에서 GitHub를 선택해주셔야 업로드가 정상적으로 동작이 됩니다. 

用户名： GitHub 아이디를 입력 

仓库名： repository 이름을 입력 

Token：아까 생성한 token 붙여 넣기

保存（저장)을 클릭합니다. 

이제 마지막 단계입니다. 

Typora 앱을 실행시킨 후 환경설정(단축키 Command + ，）에서 이미지를 클릭한후 <이미지를 업로드> 선택해주시고 

이미지 업로드 설정에서 <uPic>을 클릭해주고 Typora를 재실행합니다. 

 

이제 글을 작성 후 사진을 추가하면 아래 링크 주소 이미지가 GitHub img-> uPic폴더에 저장된 것을 확인할 수 있습니다. 

GitHub로 가서 img/uPic에 dog.jpg가 업로드된 것을 확인할 수 있습니다.