程式設計師編寫技術文章需要的四個輔助神器 ,強烈建議收藏 !

勇哥编程游记發表於2024-09-19

編寫技術文章是程式設計師分享經驗和記錄學習成果的重要方式。

為了讓寫作變得更輕鬆,有許多實用工具可以幫助提升效率,比如 Markdown 編輯器、畫圖工具等。

接下來,筆者將介紹四款簡單實用的工具,幫助程式設計師更輕鬆地編寫技術文章。

1 Typora :Markdown 編輯器

Typora 是一款簡潔而功能強大的 Markdown 編輯器,提供了所見即所得的體驗。

Markdown 是用來編寫結構化文件的一種純文字格式,它使我們在雙手不離開鍵盤的情況下,可以對文字進行一定程度的格式排版。

typora官網

官網地址: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

相關文章