首頁 > web前端 > css教學 > 在靜態站點上使用Markdown編寫應用程序的注意事項

在靜態站點上使用Markdown編寫應用程序的注意事項

尊渡假赌尊渡假赌尊渡假赌
發布: 2025-03-19 11:08:08
原創
708 人瀏覽過

Considerations for Using Markdown Writing Apps on Static Sites

如果您運行或最近切換到靜態網站生成器,您可能會發現自己編寫大量的Markdown。您寫得越多,您就越希望工具體驗消失,以便內容成為焦點。

我將為您提供一些選項(包括我最喜歡的),但更重要的是,我將介紹這些應用程序提供的功能,這些功能在選擇時尤其重要。以下是一些關於Markdown編輯應用程序的關鍵考慮因素,以幫助文字流暢。

考慮因素#1:分離的寫作和閱讀模式

用戶體驗原則告訴我們,模式是有問題的。但也許文本編輯軟件是個例外。從vi(m)到Google Docs,用於寫作和閱讀的獨立模式似乎吸引了作家。類似地,許多Markdown編輯器具有用於寫作、編輯和閱讀的獨立模式或視圖。

我喜歡提供並排或窗格設計的Markdown編輯器,這樣我就可以同時看到兩者。編寫Markdown與編寫代碼不同。它的外觀很重要,預覽可以讓你感受到這一點。這有點像自動刷新的靜態網站生成器,這樣你就可以在進行更改時看到更改。

相反,我不喜歡一種模式統治所有模式的設計,在這種設計中,Markdown格式會自動轉換為樣式化的文本,隱藏格式化的代碼(Dropbox Paper、Typora、Ulysses和Bear以某種形式實現)。例如,我無法忍受為此應用程序更改標題級別而費力的工作。我是點擊它,雙擊,還是三擊?如果我只是使用鍵盤呢?

我希望看到我編寫的所有Markdown,即使最終用戶不會看到。這是我確實希望Markdown編輯器從代碼編輯器中藉鑑的一點。

考慮因素#2:優秀的主題

一些Markdown編輯器允許完全自定義編輯器主題,而另一些編輯器則自帶不錯的主題。無論如何,我認為一個好的編輯器應該具有恰到好處的樣式來區分純文本和格式化文本,但不要太多以至於分散你閱讀和專注於內容的注意力。即使預覽窗格打開,我也通常大部分時間都在查看編輯視圖。

每種樣式的不同顏色

由於編輯器中的大部分文本不會像在瀏覽器中那樣呈現,因此快速查看使用Markdown格式化的文本非常有用。這有助於您確定,例如,URL是否實際寫在文本中或用於超鏈接中。因此,我喜歡為每種Markdown樣式(標題、鏈接、粗體、斜體、引用、圖像、代碼、項目符號等)使用不同的顏色。

也應用粗體和斜體樣式

我更喜歡在我的能力範圍內使用星號進行Markdown格式化(例如,粗體、斜體和無序列表),因此我發現除了顏色之外,還需要額外的樣式來區分粗體、斜體和粗體斜體。在略讀時,很難區分**這是重要的**和*這是重要的*,而**這是重要的**和*這是重要的*更容易區分。它還可以幫助我查看是否意外錯配了星號(例如,**這重要嗎?*)。

每個標題級別的不同字體大小

這可能有點爭議,可能會分裂受眾。代碼編輯器不會在一個文件中顯示不同的字體大小。顏色和样式可以,但大小不行。但是,對我來說,這很有幫助。

在寫作中,層次結構是組織的關鍵。使用不同字體大小的標題,您只需瀏覽一下就可以看到正在撰寫的任何內容的大綱。

快捷鍵和智能鍵盤行為

我希望所有在文本編輯器中有效的標準快捷鍵都能工作。 CTRL/CMD B用於粗體, I用於斜體等,以及一些在撰寫文章時很方便的快捷鍵,特別是CTRL/CMD (數字)用於標題。 CTRL/CMD 1用於H1等。

但是,我還喜歡一些從代碼編輯器中藉鑑的鍵盤行為。例如,如果我選擇一些文本並按下[或(,它不會覆蓋該文本,而是用開頭和結尾字符將其括起來。對於使用文本格式化字符(如*、`和_)也是如此。

我還依賴鍵盤快捷鍵來創建鏈接和圖像。即使在定期編寫Markdown五年多之後,有時我還是會忘記方括號或圓括號哪個先出現。因此,我真的很喜歡有一個方便的快捷鍵來正確插入它們。

更好的是,在某些編輯器中,如果您在剪貼板中有一個URL,並且您選擇文本然後使用鍵盤快捷鍵將其製成鏈接,它將在超鏈接字段中插入URL。這確實加快了我的工作流程。

附加功能:複製到HTML

我經常使用的編輯器有一個一鍵式“複製HTML”功能(帶鍵盤快捷鍵),它會獲取我編寫的所有Markdown並將HTML複製到剪貼板。當使用具有代碼/源選項的在線編輯器(例如,WordPress)時,這非常方便。

考慮因素#3:獨立編輯器與CMS/IDE插件

我知道許多使用靜態網站生成器的人喜歡他們的IDE,甚至可能在同一天在代碼和Markdown之間來回切換。我經常這樣做。所以我明白為什麼使用熟悉的IDE比為Markdown使用單獨的應用程序更具吸引力。

但是,當我坐下來用Markdown編寫頁面或文章時,我專注於文本本身,我更喜歡單獨的應用程序。

我不狂熱地使用獨立的Markdown編輯器而不是IDE編輯器或插件;我偶爾會將它用於復雜的查找和替換任務以及其他編輯。只要它提供上述好處,我就不會試圖勸說任何人放棄它。

以下是一些為什麼獨立應用程序可能更適合寫作的原因:

  • 更簡潔的界面。我不是那種在寫作應用程序中需要“禪模式”的人,但是當我寫作時,我喜歡盡可能少打開面板,這通常需要在IDE中關閉很多東西。
  • 性能。大多數Markdown工具對我來說感覺更輕便。它們肯定不那麼複雜,而且功能更少,因此它們應該更快。我永遠不想感覺我的寫作應用程序正在付出任何努力。它應該快速啟動並立即響應,始終如此。
  • 可用性。我只是沒有在IDE中找到我真正喜歡的Markdown編輯器。也許那裡有一個;我只是沒有時間嘗試所有這些。但是我喜歡我使用過的大多數獨立Markdown編輯器,而對於我在IDE領域嘗試過的內容,我不能這麼說。
  • 心理轉變。當我打開我的IDE時,我在考慮編寫代碼,但是當我打開我的Markdown編輯器時,我在考慮編寫文字。我喜歡它讓我進入正確的心態。

我最喜歡的Markdown編輯器

雖然這些是我的首選,但這並不意味著如果某個應用程序不在此列表中,它就不好。我沒有提到幾個不錯的應用程序,因為它們的功能太多或價格太貴,因為有很多不錯的免費或廉價選項。與IDE軟件包類似,那裡有很多Markdown應用程序,我還沒有嘗試過所有這些(但我嘗試過很多!)。

關於幫助您“進入區域”的功能的說明,例如“打字機”或“焦點”模式,或舒緩的背景音樂。它們對我來說從來都不起作用,我最終會關閉它們,所以這不是我尋找的功能。 (但是,如果您喜歡這些,您可以嘗試Typora,它是免費的(在Beta版期間)並且可在Mac、Windows和Linux上運行。)

我的首選

MacDown

免費;Mac

滿足上述所有標準。它輕巧快捷,並且是開源的。

Windows和Linux的一個不錯的類似替代方案是Ghostwriter (也是免費的)。

值得推薦

Lightpaper

$15;Mac

如果您只需要更多功能,則非常適合。它添加了第三個窗格,以便您可以輕鬆地在文件和文件夾之間切換。

Obsidian

個人使用免費;Mac、Windows、Linux

對於功能更全面的應用程序,編輯器界面非常好,並且滿足上述大多數標準。 Zettlr提供了類似的功能,但在我看來,它只是感覺更複雜。

Byword

$11;Mac、iOS

不是我編寫和編輯文本的最喜歡的應用程序,但它具有很好的附加功能,可以發佈到各種平台(例如,Medium、WordPress、Tumblr、Blogger和Evernote)。

Bear

免費或每月1.49美元的專業版;Mac、iOS

如果您將Markdown用於不僅僅是網站內容(個人筆記、任務管理等),這是一個不錯的選擇。在外觀和可用性方面也得分很高。

總結

隨著越來越多的場所支持Markdown語法——包括Slack、GitHub、WordPress等——它正在迅速成為我們日益基於文本的生活中更豐富溝通的通用語言。它將繼續存在,因為它不僅易於學習和使用,而且直觀。幸運的是,在高質量的Markdown寫作應用程序方面,我們目前的選擇很多。

以上是在靜態站點上使用Markdown編寫應用程序的注意事項的詳細內容。更多資訊請關注PHP中文網其他相關文章!

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板