2017年11月23日 星期四

sublime & markdown研究

由於我想用markdown這方便的語法去做筆記,但礙於線上編輯有時候沒網路不能用,或是上傳圖片卡卡,真的蠻困擾,所以找看看有沒有離線也可以編輯的md
發現sublime 3 加上套件就可以做出markdown效果,摸索的過程紀錄一下
參考來源:打造軟體工程師的個人筆記

下載sublime 3

官網下載,需要付費
sublime 3 downloadpage

安裝Package Control

為了安裝Plug-in,必須先安裝package control
要安裝 plugin,請先做以下設定,按 ctrl+ ` 叫出 console,接著把以下網址的指令複製貼到下方的輸入框就完成設定了。
進入頁面取得code
import urllib.request,os,hashlib; 
h = 'df21e130d211cfc94d9b0905775a7c0f' + '1e3d39e33b79698005270310898eea76'; 
pf = 'Package Control.sublime-package'; 
ipp = sublime.installed_packages_path(); 
urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); 
by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); 
dh = hashlib.sha256(by).hexdigest(); 
print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) 
if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)

安裝evernote package

按下 ctrl+shift+p (Win) 或是 cmd+shift+p (OS X) 來開啟 Command Palette,輸入 Package Control: Install Package,接著輸入 Evernote

evernote plugin 常用指令ctrl+shift+p
上傳新筆記 Command Palette > Evernote: Send to Evernote
開啟筆記 Command Palette > Evernote: Open Evernote Note
更新筆記 Command Palette > Evernote: Update Evernote Note
上傳附件 Command Palette > Evernote: Attach current file to a note
搜尋筆記 Command Palette > Evernote: Search Note
更多 查詢更多指令
evernote package contrl message



paste user token & URL

更改evernote設定
設定查閱

像我主要是設定code_highlighting_style 來決定程式碼的顯示樣式,如果不知道每個 style 長什麼樣子,可以先把自己的 code 貼到Pygments: Python syntax highlighter 來預覽
Pygments: Python syntax highlighter
markdown 語法參考: markdown cheatsheet
安裝markdowndocument


快捷鍵
插入已複製的連結: ctrl+Win+V
插入圖片: shift+Win+K


安裝MarkdownLivePreview
preview: alt+m
link
有些語法不支援,不好用,還是線上好用,還可以插入圖片…
圖片傳到imgur在複製網址是無效的
clickable URL
[
    { 
    "button": "button1", 
    "modifiers": ["ctrl"], 
    "press_command": "open_url",
    "clickable_urls_browser": "\"C:\\Program Files (x86)\\Google\\Chrome\\Application\\chrome.exe\" %s &"  }
]
無效
安裝markdown preview

可以在browser看結果
code snippet看起來很好用說明
sublime介紹
試試看typoratypora


結論

好吧,實在是找不到離線又能貼上圖片自動幫我處理的(眼神死
只好乖乖用線上編輯器了

補充

imgur現在蠻好用的
如果遇到HackMD卡死不給上傳的情形:
打開 https://imgur.com/upload
ctrl+C截圖 直接點一下網頁ctrl+V 就會上傳了

點旁邊的arrow -> get shared link

copy Markdown點一下就複製網址了

到HackMD這邊打一下!再ctrl+V就可以顯示了

現在這樣也蠻方便的

沒有留言:

張貼留言