CLIEN

본문 바로가기 메뉴 바로가기 보기설정 테마설정
톺아보기 공감글
커뮤니티 커뮤니티전체 C 모두의광장 F 모두의공원 I 사진게시판 Q 아무거나질문 D 정보와자료 N 새로운소식 T 유용한사이트 P 자료실 E 강좌/사용기 L 팁과강좌 U 사용기 · 체험단사용기 W 사고팔고 J 알뜰구매 S 회원중고장터 B 직접홍보 · 보험상담실 H 클리앙홈
소모임 소모임전체 ·굴러간당 ·주식한당 ·아이포니앙 ·MaClien ·방탄소년당 ·일본산당 ·개발한당 ·자전거당 ·이륜차당 ·소시당 ·AI당 ·패스오브엑자일당 ·안드로메당 ·나스당 ·클다방 ·바다건너당 ·걸그룹당 ·사과시계당 ·물고기당 ·전기자전거당 ·노젓는당 ·노키앙 ·가상화폐당 ·곰돌이당 ·윈폰이당 ·축구당 ·키보드당 ·리눅서당 ·IoT당 ·창업한당 ·소셜게임한당 ·여행을떠난당 ·골프당 ·콘솔한당 ·디아블로당 ·찰칵찍당 ·3D메이킹 ·X세대당 ·ADHD당 ·AI그림당 ·날아간당 ·육아당 ·배드민턴당 ·야구당 ·농구당 ·블랙베리당 ·비어있당 ·FM당구당 ·블록체인당 ·보드게임당 ·활자중독당 ·볼링친당 ·캠핑간당 ·냐옹이당 ·문명하셨당 ·클래시앙 ·요리한당 ·쿠키런당 ·대구당 ·DANGER당 ·뚝딱뚝당 ·개판이당 ·동숲한당 ·날아올랑 ·e북본당 ·갖고다닌당 ·이브한당 ·패셔니앙 ·도시어부당 ·FM한당 ·맛있겠당 ·포뮬러당 ·젬워한당 ·안경쓴당 ·차턴당 ·총쏜당 ·땀흘린당 ·하스스톤한당 ·히어로즈한당 ·인스타한당 ·KARA당 ·꼬들한당 ·덕질한당 ·어학당 ·가죽당 ·레고당 ·LOLien ·Mabinogien ·임시소모임 ·미드당 ·밀리터리당 ·땅판당 ·헌팅한당 ·오른당 ·영화본당 ·MTG한당 ·소리당 ·적는당 ·방송한당 ·PC튜닝한당 ·그림그린당 ·소풍간당 ·심는당 ·라즈베리파이당 ·품앱이당 ·리듬탄당 ·달린당 ·Sea마당 ·SimSim하당 ·심야식당 ·윈태블릿당 ·미끄러진당 ·나혼자산당 ·스타한당 ·스팀한당 ·파도탄당 ·퐁당퐁당 ·테니스친당 ·테스트당 ·빨콩이당 ·공대시계당 ·터치패드당 ·트윗당 ·VR당 ·시계찬당 ·WebOs당 ·위스키당 ·와인마신당 ·WOW당
임시소모임
고객지원
  • 게시물 삭제 요청
  • 불법촬영물등 신고
  • 쪽지 신고
  • 닉네임 신고
  • 제보 및 기타 제안
© CLIEN.NET
공지[점검] 잠시후 서비스 점검을 위해 약 30분간 접속이 차단됩니다. (금일 18:15 ~ 18:45)

MaClien

맥당이야기 Devonthink에 Markdown + code syntax 입히기 12

5
2019-07-12 16:53:19 121.♡.195.126
아마테리스

혹시 비슷한 고민하시는 분이 계실지도 몰라서 올립니다.


저는 개발용 노트앱을 항상 고민해오고 있습니다.. 좀 변태스럽긴 하네요 ㅠㅠ

OneNote 4년 => Evernote 3년 => Quiver 완전잠깐.. => Scivener + Dropbox 2년 => Ulysses + Dropbox 1년...


최근 Ulysses가 워낙 Sync도 잘되고, 이쁘기도 하고 이래저래 맘에 들어 만족하고 쓰고 있었습니다.

근데 문제는 아무래도 개발자다 보니 log 같은것도 넣고 할일이 있는데, 글의 양이 많아지면 쓰기 힘들정도로 느려지는 문제가 있죠.

아마도 Bear나 비슷한 류의 editor들 (Markdown기반)이 그럴거 같습니다.


그래서 이번에 Devonthink에 Markdown으로 옮겨 타볼려고 이래 저래 알아봤습니다.

css 파일과 js 파일을 이용해서 ulysses까진 아니어도 비슷하게는 만들 수가 있네요.

css파일과 js파일을 절대 바꾸지 않을 웹서버 공간에만 넣으면 Devonthink To Go에서도 이쁘게 나오네요.


아래 두개의 사이트를 참고한 내용에, 개인적으로 색상이나 스타일 수정했습니다.

- prismjs.com 홈페이지

- css와 syntax입히기 논의 사이트


Markdown 파일의 최상단에 아래와 같은 두줄을 넣어야만 하는 번거로움(?)은 있습니다.

<link rel="stylesheet" href="http://192.168.180.91/prism_jason.css">

<script src="http://192.168.180.91/prism.js"></script>


맥북에서의 모습입니다.

잘못된 형식의 이미지 링크입니다.


아이폰에서의 모습입니다.

잘못된 형식의 이미지 링크입니다.


아이패드에서의 모습입니다.

잘못된 형식의 이미지 링크입니다.


아마테리스 님의 게시글 댓글
SIGNATURE
내가 포기할거라는 생각을 포기해라 = 지라이야 =
서명 더 보기 서명 가리기
  • 주소복사
  • Facebook
  • X(Twitter)
댓글 • [12]
꽐라꽐라아
IP 121.♡.250.183
07-12 2019-07-12 18:20:26
·
정말 고민하고 솔루션 찾던 문제였는데 좋은 팁 감사합니다! 저도 한번 적용해봐야겠네요!!
/ clienkit3 beta
아마테리스
IP 223.♡.35.249
07-12 2019-07-12 18:35:18
·
mirabilia79님// css랑 js파일 연결하는 구문을 넣어서 템플릿에 추가해서 쓰면 되긴하네요 문제는 나중에 경로를 바꿀일이 생기면 골치가 아플수 있어요 :)
/Vollago
jmjeong
IP 121.♡.131.108
07-12 2019-07-12 22:45:54
·
멋진데요. css, js를 github public page에 올리고 link 해도 되겠네요.
상단에 두줄 넣는 것은 keyboard maestro나 typinator 같은 macro 도움을 받으면 편할것 같고요.
아마테리스
IP 223.♡.36.210
07-12 2019-07-12 23:46:45
·
jmjeong님// 마크다운 파일을 만드셔서 미리 두줄만 넣은 파일을 ~/라이브러리/어플리케이션서폿/데본싱크/템플릿/위치에 넣으시면 편해요
/Vollago
보렐칸텔리
IP 210.♡.35.250
07-13 2019-07-13 00:36:22
·
수식 쓰려고
<script src='https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js?config=TeX-MML-AM_CHTML' async></script>를 맨 위에 넣곤 했는데 이렇게 css까지 넣을 수 있었군요..!
혹시 위의 배경이나 폰트 흰색으로 하는 것은 다크모드 같은 기능을 사용하신 것인지, 아니면 직접 css 파일을 수정해서 사용하신 것인지 알려주실 수 있나요?
아마테리스
IP 1.♡.203.6
07-13 2019-07-13 09:19:51
·
보렐칸텔리님//네 css를 직접 수정해서 원하는 색상으로 맞췄습니다~ css를 변경하면 Devonthink를 껐다 켜야만 적용되서 약간 노가다네요~ 쪽지로 메일주소 보내주시면 제가 작업해 놓은 css 보내드릴게요 수정해서 쓰셔요.
보렐칸텔리
IP 210.♡.35.250
07-13 2019-07-13 09:41:12
·
@아마테리스님 헉 정말 감사합니다! 쪽지드리겠습니다!
아마테리스
IP 1.♡.203.6
07-13 2019-07-13 09:54:31
·
@보렐칸텔리님 보내드렸어요~
케이K
IP 221.♡.46.48
03-19 2020-03-19 17:23:47 / 수정일: 2020-03-19 17:24:10
·
일전에 보내주신 css파일 잘쓰고 있습니다. ^^
제 경우는 devon뿐 아니라 에디팅할 때, VScode도 사용하고 있는데요.
로컬의 파일을 데본에서처럼 경로를 지정해서 넣으면 적용이 잘 안되네요.

그래서 대신 생각해둔 것이 github에 css파일을 올리고, 해당 주소를 입력하니 데본과 vscode동시에 적용되네요.

다시 한번 감사드립니다.
아마테리스
IP 1.♡.203.37
03-22 2020-03-22 22:49:10
·
@케이K님 이렇게 또 comment 남겨주셔서 감사합니다~ 맥당에서는 도움만 받고 지낸거 같은데 이렇게 도움이 되다니 기쁘네요 ^^
케이K
IP 175.♡.20.196
03-24 2020-03-24 18:51:25
·
@아마테리스님 저도 도움만 받아서 부끄럽습니다^^
데본 마크다운을 쓰면서 한 가지 알게 된 것은...
데본에서 지원하는 마크다운 언어는 multimarkdown인 것 같네요.
GFM에 익숙해져 있는 가운데 가끔 안먹히는 문법이 있었는데 사용되는 언어가 달라서 였네요;;
삭제 되었습니다.
어석
IP 116.♡.178.136
04-04 2024-04-04 13:06:10
·
데본 찾다가 오래전 글 보게되었네요.
저는 데본에다가 올려두고 copy to file link 형태로 붙여서 사용합니다.
Global 은 항상 싱크에 둬서 큰 문제 없이 연동해서 사용하는 거 같아요.
새로운 댓글이 없습니다.
이미지 최대 업로드 용량 15 MB / 업로드 가능 확장자 jpg,gif,png,jpeg,webp
지나치게 큰 이미지의 크기는 조정될 수 있습니다.
목록으로
글쓰기
글쓰기
목록으로 댓글보기 이전글 다음글
아이디  ·  비밀번호 찾기 회원가입
이용규칙 운영알림판 운영소통 재검토요청 도움말 버그신고
개인정보처리방침 이용약관 책임의 한계와 법적고지 청소년 보호정책
©   •  CLIEN.NET
보안 강화를 위한 이메일 인증
안전한 서비스 이용을 위해 이메일 인증을 완료해 주세요. 현재 회원님은 이메일 인증이 완료되지 않은 상태입니다.
최근 급증하는 해킹 및 도용 시도로부터 계정을 보호하기 위해 인증 절차가 강화되었습니다.

  • 이메일 미인증 시 글쓰기, 댓글 작성 등 게시판 활동이 제한됩니다.
  • 이후 새로운 기기에서 로그인할 때마다 반드시 이메일 인증을 거쳐야 합니다.
  • 2단계 인증 사용 회원도 최초 1회는 반드시 인증하여야 합니다.
  • 개인정보에서도 이메일 인증을 할 수 있습니다.
지금 이메일 인증하기
등록된 이메일 주소를 확인하고 인증번호를 입력하여
인증을 완료해 주세요.