MarkDown MWeb promote 一站式 編輯 靜態(tài)博客

MWeb：一站式 Markdown 編輯 + 靜態(tài)網(wǎng)站生成解決方案

Mac玩兒法編輯部 · 2015-02-01

今天要介紹的軟件有些小眾，并不是因?yàn)?TA 的 Markdown 編輯器身份，而是 TA 所自帶的靜態(tài)網(wǎng)站生成功能對于大部分朋友來說確實(shí)有些偏門，不過對于有實(shí)際需求的用戶來說是很有購買價(jià)值的，F(xiàn)rank 希望你在看完本篇 Review 后能對靜態(tài)網(wǎng)站的玩兒法產(chǎn)生興趣，這樣 Frank 的目的也就達(dá)到了。

MWeb 是一款融入了純靜態(tài)網(wǎng)站生成服務(wù)的 Markdown 編輯軟件，作者 oulvhai 在實(shí)際操作時(shí)覺得 Markdown 編輯不能即時(shí)預(yù)覽插入的圖片，這一點(diǎn)讓他感覺特別不方便，這才打算開發(fā)一款自己用著舒服的編輯工具，后來又因?yàn)樽约合矚g用靜態(tài)博客，所以又在編輯器的基礎(chǔ)上增加了靜態(tài)頁面生成功能，這樣的設(shè)計(jì)初衷倒是和 Mou 的誕生很類似哦。

使用 MWeb 可以做什么？

  • Markdown 語法編輯（帶有三種視圖編輯模式）
  • 支持預(yù)覽、分享功能
  • 一鍵生成全靜態(tài)網(wǎng)站
  • 自定義網(wǎng)站模板，可增加評論和分享功能

兩種編輯模式

MWeb 帶有三種視頻編輯界面可以用組合鍵快速切換，完整的三欄狀態(tài)下，從左到右分別是：「文檔管理」 – 「文檔列表」 – 「正文瀏覽/編輯」，同時(shí)，MWeb 也借鑒了前輩作品 Mou 和 MacDown，設(shè)計(jì)了以下功能：

  • 語法高亮
  • 預(yù)覽
  • Fenced code blocks
  • 代碼高亮
  • Math ML 支持
  • HTML/PDF 導(dǎo)出
  • 字?jǐn)?shù)統(tǒng)計(jì)
  • 大綱視圖
  • 自動保存
  • 文檔歷史版本

另外 MWeb 是分為兩種模式使用的：

  • 庫文檔模式，可以用來分類管理文檔，只有在這種模式下，用戶才能在正文編輯區(qū)拖拽插入/即時(shí)預(yù)覽圖片，并生成全靜態(tài)網(wǎng)站；

  • 外部文件模式，可以直接用來新建/打開 MD 文檔，相當(dāng)于一個(gè)普通的文本編輯器，在 MWeb 的 Menubar – File 菜單上選擇「New」選項(xiàng)就是新建一個(gè) MD 文檔，這種編輯模式下沒有圖片插入即時(shí)預(yù)覽功能，也不能生成網(wǎng)站；

插入圖片并顯示在編輯器內(nèi)

oulvhai 喜歡在寫文檔時(shí)隨時(shí)查看自己的配圖效果，而大多數(shù) Markdown 編輯器都是不能預(yù)覽的，需要你先把圖片上傳到網(wǎng)絡(luò)再插入，即使向 Ulysses 那樣提供了圖片插入的快捷方式，也只是雙擊或預(yù)覽才能看到。MWeb 設(shè)計(jì)了可直接查看拖入編輯器的圖片，非常方便。

一鍵將分類生成全靜態(tài)的網(wǎng)站和博客

組合鍵「CMD+L」進(jìn)入庫模式，你會發(fā)現(xiàn)一組 Example 數(shù)據(jù)已經(jīng)導(dǎo)入了軟件內(nèi)，最左側(cè)的「文檔管理」欄有 Inbox 目錄，可存放未歸類的文檔，下面就是自由組織的「分類目錄」，注意，如果你想對目錄下的文章生成靜態(tài)網(wǎng)站，并且要設(shè)計(jì)多個(gè)文章分類，你最好提前在父目錄下整理好對應(yīng)的子目錄，等網(wǎng)站生成后，子目錄就成了網(wǎng)站的文章分類目錄。

雙擊目錄，彈出靜態(tài)網(wǎng)站設(shè)置窗口，點(diǎn)擊「Set to site」，開始設(shè)置網(wǎng)站參數(shù)，比如：網(wǎng)站名稱名稱、描述，最后點(diǎn)擊「Build site」 即可完成生成，點(diǎn)「Preview site」 可預(yù)覽生成的網(wǎng)站，大家可以看看作者自己的

結(jié)語

Frank 在私下與作者聊了許多關(guān)于 MWeb 使用體驗(yàn)的話題，這款軟件還有很大的提升空間，但同時(shí)也希望作者能對庫模式與外部文件模式的操作引導(dǎo)設(shè)計(jì)上多下功夫，總得來說，這款軟件非常適合喜歡用 Markdown 做筆記的 Coder 們使用，如果你對感興趣可以戳這里的官方 FAQ 與作者進(jìn)行文字交流，同時(shí)，oulvhai 也為讀者朋友們提供了 20 枚 MWeb 兌換碼作為見面禮送給大家，活動規(guī)則還是老規(guī)矩，微博轉(zhuǎn)發(fā)本文同步微博，參與抽獎即可！

低價(jià)購買正版 MWeb
MarkDown MWeb promote 一站式 編輯 靜態(tài)博客
評論 17 條

  • 做事要講誠信

    我能認(rèn)為這是赤裸裸的欺騙么?碼什么時(shí)候發(fā)?都已經(jīng)轉(zhuǎn)了這么久了

    2015-03-28 13:20 回復(fù)

    • Frank

      活動是在微博搞的，早就結(jié)束了，別瞎說

      2015-03-29 09:18 回復(fù)

      • 做事要講誠信

        早結(jié)束為什么發(fā)布的時(shí)候不說明舉辦方開始時(shí)間-截止時(shí)間?看看大家還都在求碼免費(fèi)幫你們做宣傳????這伎倆..

        2015-03-29 16:22 回復(fù)

        • Frank

          好吧，標(biāo)題已修改

          2015-03-29 21:30

  • Vincent Lee

    我也求個(gè)碼http://weibo.com/qfdk

    2015-03-21 00:08 回復(fù)

  • addiwang

    http://weibo.com/addiwang 已發(fā)，求碼！

    2015-03-20 11:55 回復(fù)

  • 驕陽

    已發(fā)求碼 http://weibo.com/u/1598691160

    2015-03-18 06:03 回復(fù)

  • 謝小北

    http://weibo.com/p/1005052129489707/home?from=page_100505_profile&wvr=6&mod=data#place 求碼

    2015-02-22 15:57 回復(fù)

  • zl9394

    在v2ex上看到推薦很多次了，一直沒入。http://weibo.com/3197699265/profile?rightmod=1&wvr=6&mod=personnumber#_rnd1424486672511

    謝謝！

    2015-02-21 10:45 回復(fù)

  • magi

    http://www.weibo.com/u/1625074102?from=feed&loc=nickname， 求碼

    2015-02-09 15:08 回復(fù)

  • jerome

    http://weibo.com/1727944680/profile?topnav=1&wvr=6 已轉(zhuǎn)發(fā)

    2015-02-08 10:10 回復(fù)

  • 大話大偉

    求碼：http://weibo.com/1690710114/C342wivf0

    2015-02-06 17:44 回復(fù)

  • Rock

    已轉(zhuǎn)發(fā)，希望能有個(gè)碼。謝謝。http://weibo.com/p/1005052176742827

    2015-02-03 15:47 回復(fù)

  • 水嬰

    微博已轉(zhuǎn)發(fā)，來個(gè)碼~~http://weibo.com/1623349613/C2q6LpkTR?ref=

    145@msn.cn

    2015-02-02 12:04 回復(fù)

  • 水嬰

    不錯(cuò)不錯(cuò)，求個(gè)兌換碼~~

    2015-02-02 12:01 回復(fù)

  • lotus_solo

    看起來酷似ulysses，感覺不錯(cuò)，支持活動～

    2015-02-01 23:46 回復(fù)

  • 小迪

    不錯(cuò)的軟件，感謝分享經(jīng)驗(yàn)

    2015-02-01 22:56 回復(fù)