編寫技術文章是程式設計師分享經驗和記錄學習成果的重要方式。
為了讓寫作變得更輕鬆,有許多實用工具可以幫助提升效率,比如 Markdown 編輯器、畫圖工具等。
接下來,筆者將介紹四款簡單實用的工具,幫助程式設計師更輕鬆地編寫技術文章。
1 Typora :Markdown 編輯器
Typora 是一款簡潔而功能強大的 Markdown 編輯器,提供了所見即所得的體驗。
Markdown 是用來編寫結構化文件的一種純文字格式,它使我們在雙手不離開鍵盤的情況下,可以對文字進行一定程度的格式排版。
官網地址:https://www.drawio.com/
筆者之所以喜歡 Typora ,是因為筆者 認為 Typora 在設計方面做了幾點貼心的設計 :
1、實時預覽和原始碼模式
如上圖,當離開正在編輯的有格式的文字段後,Typora 會自動隱藏 Markdown 標記,展現「所見即所得」的效果。
為了防止一些程式 bug 的發生導致格式問題無法修改,Typora 保留了一個「原始碼模式」。
我們可以透過 檢視 - 原始碼模式
或左下角的 </>
按鈕進入。
2、打字機模式和專注模式
「打字機模式」使得你所編輯的那一行永遠處於螢幕正中。
「專注模式」使你正在編輯的那一行保留顏色,而其他行的字型呈灰色。
我們可以在 檢視 - 專注模式 / 打字機模式
中勾選使用這兩個模式。
3、圖片處理
你可以在 Typora 中:
- 直接使用
右鍵 - 複製 Ctrl + V
將網路圖片、剪貼簿圖片複製到文件中 - 拖動本地圖片到文件中
Typora 會自動幫你插入符合 Markdown 語法的圖片語句,並給它加上標題。
下圖,我們可以設定圖片上傳伺服器以及插入圖片時候的圖片配置。
2 Markdown Nice :自定義樣式
Markdown Nice 是一個線上工具,允許使用者自定義 Markdown 樣式,可以用來生成美觀的 Markdown 文件。它提供了豐富的主題選擇,支援微信、知乎等平臺。
官網地址:https://www.mdnice.com/
接下來,我們演示如何使用 Markdown Nice 。
進入首頁 ,點選「寫文章」按鈕,進入編輯頁面。
如圖,編輯頁面分為三個區域:
- 內容區域:最左側,我們把 markdown 檔案複製到內容區域;
- 自定義樣式區域:最左右側,我們將自定義的樣式複製到該區域
- 預覽區域:中間部分,當內容或者樣式發生變化,則預覽就會變化。
演示效果見下圖:
3 Drawio :強大的畫圖工具
draw.io
是一款免費的線上圖表編輯工具,無需註冊或登入即可使用,安全、開源,且功能強大,廣泛應用於各類圖表繪製。
除了線上版,draw.io 還支援安裝到 Windows 和 Mac 進行離線使用。它能夠繪製的圖表型別豐富,包括流程圖、思維導圖、組織結構圖、文氏圖、資訊圖、樓宇平面圖、網路圖、架構圖、電氣工程圖、UML 圖等,滿足多樣化的繪圖需求。
我們可以在官網線上畫圖,也可以將軟體下載到本地,筆者推薦下載到本地。
官網地址:https://www.drawio.com/
下面是 DrawIO 的操作介面:
DrawIO 畫圖操作非常簡單,可以實現非常多實用的功能。
1、基本流程圖
2、邏輯圖
3、資料結構演示
4、UML 圖
4 Carbon :程式碼片段生成美觀圖片
Carbon 是一個用於將程式碼片段生成美觀圖片的工具,使用者可以選擇不同的背景、字型、顏色和樣式,使程式碼展示更具美感。
官網地址:https://carbon.now.sh/
最後,筆者將四種輔助工具的使用方式做了個簡單影片,並上傳到了 B 站 ,有興趣的同學可以訪問:
https://www.bilibili.com/video/BV1aT4y1p7R2/?spm_id_from=333.999.0.0&vd_source=a167ce1b655931b132bb9bbb22609d12