✔️ 빠르게 확인하실 분들은 글 하단의
‘훨씬 더 간편해진 방법 : HTML 블록없이 잔디주소로 바로 임베드 가능’ 부분부터 확인하세요!
Notion에 깃허브 잔디를 까는 이유
🔥느슨해진 노션씬에 긴장감을 줘🔥
자바 공부를 시작하면서
깃허브에 매일 공부하는 챕터의 예제들과 연습문제들을 직접 작성해보고
풀어보며 간간히 주석으로 코멘트도 달아두며 업로드 해두고 있었다.
개발자인 동생이 내 깃허브를 보더니 언니도 잔디를 깔았냐며,
하루하루 commit 할때마다 초록색으로 표시된다고 알려줬다.
일주일 정도 초록초록하게 깔려있는게 아닌가!
꽤나 귀여운데 뿌듯하기까지 했다.
노션에 매일 공부일지를 쓰고 있는데 여기에 깃허브 잔디를 연동하면
목표 달성에 대한 의지가 더 생길것 같다는 생각에
벨로그에 깃 잔디 연동을 검색해서 아래와 같은 꿀팁을 찾았다.
기존에 사용하던 방법 : HTML 블록 생성하여 Notion에서 임베드하기
꿀팁을 공유해주신 다희님의 벨로그 글을 첨부한다.
노션에서 제공하는 HTML 블록 생성 페이지 에
https://www.notion-tools.com/embeds/html
아래 html 코드를 입력 하여 html 블록을 생성하고
<img src="https://ghchart.rshah.org/RGB색상/Github계정명”/>
노션에서 임베드 하였지만 불러오지 못했다.
몇 RGB 색상 부분도 수정해보고 다른 계정으로도 입력해보았지만
전혀 불러오질 못했다.
훨씬 더 간편해진 방법 : HTML 블록없이 잔디주소로 바로 임베드 가능
📞 Notion Tools에 문의하다.
Notion Tools 에 해당 내용을 문의했고
혀느현스 담당자님이 친절하고 빠르게 답변을 주셨다.
🧑💻 " 따로 HTML 블록을 사용하실 필요없이 그냥 임베드하셔도 가능합니다.""
HTML 블록을 사용하지 않아도 기존 링크로도 임베드가 가능하다는 것.
바로 시도해보았다.
- 임베드 명령어를 선택한 후
- 링크 임베드에 나의 잔디 주소(https://ghchart.rshah.org/219138/geniigrace)를 입력하여 임베드 하면
- 끝이다.
최종적으로 내 노션에 매일 깔린 잔디를 보면서 뿌듯함을 느낄수 있다.
( 참고로, 임베드가 이미지화되어 진행되는것 같다.
커밋 후 잔디가 늘어나도 동기화가 되진 않는 것 같았다.
이부분도 나중에 노션툴즈에 문의해봐야겠다.)
2022년 연말엔
절반정도 푸릇푸릇한 내 잔디밭이 되어있길 바라면서 마무리 한다.
끝!
