使用 MWeb + Typora 寫作並發布到博客園

使用 MWeb + Typora 寫作並發布到博客園

目錄

• 1. 圖床准備
• 2. 基礎樣式示例
  • 2.1 代碼示例
  • 2.2 表格示例
  • 2.3 引用示例
• 3. 發布到博客園
• 4. 優化體驗
  • 4.1 如何讓 Typora 能和 MWeb 兼容呢？
  • 4.2 通過 Typora 上傳圖片到圖床

一直沒有一個稱手的寫作工具，博客園自己的 markdown 寫作工具又太難用，所以被迫尋找 markdown 寫作工具，最后入了 MWeb。
以下是使用 MWeb 在博客園創作會遇到的問題。
最后會有使用 MWeb 的樣式展示例子。

第三方圖床，因為用了 MWeb 就不能使用博客園自帶的圖床了。

1. 圖床准備

使用 uPic 上傳到圖床， uPic 是一款免費且功能強大的圖床工具。
uPic 下載地址

我這里選擇了使用碼雲作為圖床，具體的配置可以下載之后配置圖床的時候填寫，如果不知道怎么填，可以問我。

上面的圖片就是通過 uPic 上傳生成的。

2. 基礎樣式示例

2.1 代碼示例

<?php
$html = file_get_contents('regex.html');
preg_match_all('#https://www\.zhihu\.com/question/(\d+)#', $html, $qids);
print_r($qids);

2.2 表格示例

表頭1	表頭2	表頭3
內容

寫作的樣式也比較好，如上圖，再次點擊表格按鈕，就回重新彈出這個窗口

2.3 引用示例

孟子說：中午不睡，下午崩潰。孔子說：孟子說得對

---

整體來說很滿意，只不過預覽按鈕一直亂晃不知道是什么原因，可能是在瘋狂的渲染頁面，所以在一直寫作的時候可以點一下工具欄圖表把預覽按鈕關掉，或者使用 cmd + 4 關閉

3. 發布到博客園

博客園設置中添加權限。

設置中選發布服務，選 允許 MetaBloglog 博客客戶端
填寫你的信息

最后寫完之后，點擊 菜單欄 > 發布 > 【你的博客名】

4. 優化體驗

因為無法忍受在有圖片的情況下 MWeb 的預覽效果。所以決定使用 Typora 來改進流程。

具體工作流程如下：

1. MWeb 中創建文檔
2. 在 Typora 中寫作直到滿意，包括上傳圖片
3. 通過 MWeb 發布文檔到線上博客
4. 通過 MWeb 修改錯誤

4.1 如何讓 Typora 能和 MWeb 兼容呢？

在 Typora 的設置中選擇：

選擇 MWeb 的文檔庫位置。

在 typora 中可以將邊欄切換到 文檔列表 視圖，並且將文檔列表的排序修改為 按修改時間排序，就能看到如下圖所示效果：

4.2 通過 Typora 上傳圖片到圖床

在設置中選擇 圖像

選擇 插入圖片時 上傳圖片

上傳服務設置為咱們前面配置好的 uPic

好了，舒服了，午睡 10 分鍾。