Select Page

今天這篇想要跟大家分享一下個人在撰寫部落格的一些流程、以及常用的軟體以及使用方法!雖然過去也曾使用 Sublime Text、Alternote、MultiMarkdown .. 等軟體來協助撰寫網誌 “文章” 與 ”語法”,但經過一段一段時間的磨合後、新歡舊愛之中總是有來有去…

近期使用的主力軟體

iThoughtsX

iThoughtsX 是一套 MindMap 的製圖軟體,也是目前使用過的 MindMap 軟體中介面設計最簡潔好用的。
iThoughtsX 是一套 MindMap 的製圖軟體,也是目前使用過的 MindMap 軟體中介面設計最簡潔好用的。

最近在寫網誌文章前都會先使用 iThoughtsX 來整理該主題要寫的內容,透過繪製心智圖的方式來思考要從什麼切入點來寫這次的主題、或是利用 iThoughtsX 整理收集一些相關資訊或是素材;讓寫作前的思緒能夠更集中,到了真的開始撰寫內文時也會更加流暢些。

iThoughtsX 也是目前使用過的所有的 “心智圖” 軟體中最簡潔、、美觀、快速的軟體。除了可以完全使用鍵盤快捷鍵來繪圖外還可以自訂自己的 MindMap 主題套版,省去不少排版以及修改主題的時間。

除了 iThoughtsX 以外,SimlpeMind 算是用的最久的 MindMap 軟體了!其最大特色是 Map 彼此之間可以建立超連結、但如果該 Map 檔案被移除或遺失的話... 連接也會跟著出現錯誤,(當初也是因為檔案忘記備份遺失後才發現 iThoughtsX 的)
除了 iThoughtsX 以外,SimlpeMind 算是用的最久的 MindMap 軟體了!其最大特色是 Map 彼此之間可以建立超連結、但如果該 Map 檔案被移除或遺失的話… 連接也會跟著出現錯誤,(當初也是因為檔案忘記備份遺失後才發現 iThoughtsX 的)

而且,使用 iThoughtsX 還有一個好處,那就是你可以直接使用 iCloud 同步到你的所有行動裝置上,例如 iPhone 或是 iPad ;當然你也可以把在通勤時繪製的 “心智圖” 同步到你的 “iMac” 桌機或是 ”MacBook Pro” 筆記型電腦上。

另外,如果有需要…你也可以將 iThoughtsX 繪製的 “心智圖” 透過 E-Mail 的方式傳送給你的同事或是朋友,iThoughtsX 會直接將該檔案轉換成 PDF 以及 文字,即使對方沒有安裝 iThoughtsX 也可以閱讀你繪製的心智圖。

Ulysses

在 Ulysses 裡你可以直接利用 # 字符號來區分標題級數、也可以直接坎入貼圖,甚至啟用 iCloud 同步資料。
在 Ulysses 裡你可以直接利用 # 字符號來區分標題級數、也可以直接坎入貼圖,甚至啟用 iCloud 同步資料。

如果時間允許的話,我通常會在撰寫網誌的前一個禮拜開始整理資料,等待繪製完成後再利用 Ulysses 來撰寫內容。

Ulysses 真的是一套非常方便好用的文字撰寫軟體,在 mrwuli.com 之前的文章中也曾經推薦過這套軟體。它的方便之處就是 “你可以直接使用快速標記語言( Multimarkdown)來進行文字排版;在不使用 HTML 的情況下,避免一些語法編輯上的錯誤。

不只是這樣,現在 Ulysses 也支援 WordPress 同步撰寫模式。只要在 Ulysses 軟體中登入你的 WordPress ,就可以將在 Ulysses 上撰寫完的文章,直接上傳到 WordPress 中;包含所有圖文格式以及資料,都會和你在 Ulysses 中所編排的相同。

另外、如果你會一些簡單的 Css 編碼的話,還可以將網站中的 CSS 編碼,直接寫入到 Ulysses 中的 Style 模式中;如此一來就可以在離線時 ”預覽文章在網站中的排版以及樣貌“!非常方便。

Affinity Designer

Affinity Designer 是一套非常好用的向量繪圖軟體、幾乎可以取代 illustrator 在所有網頁製作、與數位編排的工作需求中(雖然早期只有 Mac 版本、但現在也出了 Windows 版本)。
Affinity Designer 是一套非常好用的向量繪圖軟體、幾乎可以取代 illustrator 在所有網頁製作、與數位編排的工作需求中(雖然早期只有 Mac 版本、但現在也出了 Windows 版本)。

過去 Affinity Designer 經常都是被我拿來做一般的上字啊..製作網誌插圖或是坎入 Logo 等工作;但近期我開始用它來統一網誌內的圖文大小比例、讓網誌文章內的編排看起來在清爽一點(雖然有時候還是會偷懶用舊圖)。

目前的做法是將檔案版面設定在 1080 x 534 ,再將每一張圖以圖層的方式個別編輯、並依造文章插圖順序給予編號;這樣一來輸出圖片的時候就會自動依造編號排列,在重新命名時檔案也不會亂掉(例如:mac-info-o1.png、mac-info-o2.png .. 依序命名)。

最後再將從新命名好的圖檔直接拖移到 Ulysses 中進行編排、Key 上圖片描述與連結。

Coda

Coda 是一套介面設計精美的 “編碼軟體” ,你可使用它來製作網頁、上傳 FTP 或是下載額外的 Plugin 加強軟體功能。(圖片為日文版說明書)
Coda 是一套介面設計精美的 “編碼軟體” ,你可使用它來製作網頁、上傳 FTP 或是下載額外的 Plugin 加強軟體功能。(圖片為日文版說明書)

Coda 是一套程式撰寫軟體,而我現在則用它來取代 Adobe 的 Dreamweaver ,進行一些基本的網頁 CSS 編碼、以及圖床的 FTP 上傳工作。

個人覺得 Coda 不論在介面的設計或是使用上都還算是非常優秀的軟體,價格也不貴:只要 $99 美金 :大約新台幣 NT 3,000 左右。

基於考量 ”自己真正會用到的 Dreamweaver 功能並不多“;所以相較於整套 Adobe 的長期租用費用,買斷整套 Coda 軟體似乎划算許多。

但其實真正好用划算的編碼軟體也有很多,也不一定要使用 Coda ;像 Sublime Text 、ATOM、Brackets 都是非常不錯的免費程式撰寫軟體!

對了!你還可以將 Ulysses 中編輯好的文字直接用 Coda 開啟編輯唷;如果你和我一樣,有另外使用一個圖床的話...利用 Coda 來統一修改連結、編碼,還是比在 WordPress 或是 Ulysses 中來得方便許多。
對了!你還可以將 Ulysses 中編輯好的文字直接用 Coda 開啟編輯唷;如果你和我一樣,有另外使用一個圖床的話…利用 Coda 來統一修改連結、編碼,還是比在 WordPress 或是 Ulysses 中來得方便許多。

感謝你的閱讀與分享

以上就是近幾個禮拜的網誌作業流程與主力軟體介紹,如果你也想試試看上述的這些軟體的話,都可以先下載試用版本的安裝檔來研究一下~

覺得軟體好用的話也請購買正版軟體,以實際行動來支持好的開發廠商,好讓我們的未來能有更好的軟體功能,進行更有效率的工作!

再次感謝你的閱讀與分享~
本篇所提及的軟體,在下方都有整理好連結,如有需要請自行點擊服用!

相關連結

Affinity 系列軟體官方網站介紹

免費下載 Affinity Designer Windows beta 版本

ATOM 官方網站介紹 & 軟體安裝檔下載

Brackets 官方網站介紹 & 軟體安裝檔按下載

iThoughtsX 官方網站介紹/p>

Ulysses 官方網站介紹

Coda 官方網站介紹

Pin It on Pinterest

Share This