打造軟體工程師的個人筆記: Sublime Text 3 + Evernote + Markdown

矽谷輕鬆談 Kenji
5 min readFeb 25, 2016

--

一直以來在 coding 的時候都有筆記的需求,雖然 Evernote 很方便,但是在貼程式碼的時候沒有 syntax highlighter 的話閱讀上很困難,之前也有試過 Marxico 來作筆記,介面真的很漂亮,操作也簡單,不過試用以後需要年費才能使用也就作罷,直到最近在 PTT Soft_Job 版上看到這篇文章 ([討論] 大家都用什麼筆記軟體?),才決定來研究一下軟體工程師怎麼作筆記可以讓工作更有效率,找了一下發現利用強大的 Sublime Text + 幾個強大的 plugin 後,就可以使用 Markdown 語法在本機的 Sublime Text 上面編輯,最後再同步到 Evernote 上簡直完美!覺得很方便分享給大家!

P.S. 我這篇文章就是在 Sublime 上面編輯,再同步到 Evernote 以後分享出來的

Step 1: 安裝 Sublime Text

請到此官方連結下載 Sublime Text 3,請注意不要下載到 Sublime Text 2,因為我們使用的 Evernote 外掛不支援 Sublime Text 2

Download Sublime Text 3

Package Control

要安裝 plugin,請先做以下設定,按 ctrl+ ` 叫出 console,接著把以下網址的指令複製貼到下方的輸入框就完成設定了。

Package Control Installation

Step 2: 設定 Evernote for Sublime Text

接著來安裝 Evernote 外掛,按下 ctrl+shift+p (Win) 或是 cmd+shift+p (OS X) 來開啟 Command Palette,輸入 Package Control: Install Package,接著輸入 Evernote 就會找到下面 Github Page 的套件,第一次使用請參考 First Use,將所需的 Evernote Token 存起來,用來作之後跟 Evernote 帳戶同步的所有行為。

Evernote for Sublime Text

常用指令

到這步就可以做到編輯 local 檔案,並且同步到 Evernote 的記事本,以下為常用指令

  • 上傳新筆記: 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

更多指令

格式設定

Preferences > Package Settings > Evernote > Settings — User 可以加入更多設定,請參考 Settings,像我主要是設定code_highlighting_style 來決定程式碼的顯示樣式,如果不知道每個 style 長什麼樣子,可以先把自己的 code 貼到Pygments: Python syntax highlighter 來預覽,以下是我最後設定的顯示樣式 friendly

public class HelloPTT {
public static void main(String[] args) {
System.out.println("Hello! PTT!");
}
}

Step 3: Markdown 以及其他外掛

Markdown

個人覺得使用 Markdown 語法來做筆記相當方便,希望編輯的時候簡單最後輸出的格式又漂亮,選擇 Markdown 就對了,如果對語法不熟可參考以下連結

Markdown Cheetsheet

Sublime Text 原生並沒有支援 Markdown 的快捷鍵,建議裝一下 MarkdownEditing,就可以使用快捷鍵來插入 Markdown 語法,相當方便呀!

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

可點擊的 Url

在編輯文件的時候,如果每次都要複製文件上的連結在手動貼到瀏覽器的話其實有點麻煩,裝了 Clickable Urls 就可以直接在 Sublime 上點擊連結直接在瀏覽器上開啟,裝了套件以後記得在 Preferences > Package Settings > Clickable URLs > Mouse Bindings — User 作以下的設定才能真正做到按住 ctrl 時點選游標上的連結在瀏覽器上開啟!

[
{ "button": "button1", "modifiers": ["ctrl"], "press_command": "open_url" }
]

自己想要的套件自己裝

每個人作筆記的方式以及習慣的方式都不太一樣,一百個人可能有一百個方式,我只是分享我自己喜歡的筆記方式給大家,我想也不是每個人都習慣這樣的方式,建議大家可以到下面的連結安裝自己喜歡的套件,增進作筆記的效率,把 Sublime Test 變成自己的形狀吧!YAYA!

Package Control

--

--

矽谷輕鬆談 Kenji

資深軟體工程師 @ 矽谷金融科技公司 Square,熱愛學習以及分享新事物,有多年的 Android 以及後端開發經驗,正在經營 Podcast 矽谷輕鬆談 Just Kidding Tech,每週帶給你來自矽谷科技業第一手的經驗分享,千萬不能錯過喔!