最後更新時間 7 9 月, 2022 by Mr. Curiosity
✉ 訂閱《 我很好奇！》電子報：固定於每週二中午寄出，除了獲取我最新的文章外，也會跟大家分享不錯的文章和推薦的 Podcast 或影片，讓我們一起成長吧！
❤️ 推薦你閱讀的文章：My Favorite Contents
⭐ 關注《好奇先生》： Facebook | Instagram | Portaly
❓ 如果你想問我問題，歡迎直接寫信到 gomrcuriosity@gmail.com 問我哦！
對於剛經營部落格的新手而言，要煩惱的事情很多，其中一件事絕對是要用哪些軟體才可以寫出有圖有文的文章？
你可能以為寫文章很容易，用到的軟體工具應該不會太多，然而一篇圖文並茂的文章，其實會用到很多軟體和工具，假如文章內又有 Gif 檔，就會用到更多軟體 ，所以在部落格上發佈一篇文章沒有想像中的那麼容易。
俗話說「工欲善其事，必先利其器」，但如果你連寫文章可以使用什麼工具都不清楚，又如何利其器呢？又如何完成一篇圖文並茂的文章呢？
所以在這篇文章中會跟你分享我寫一篇文章到發佈文章間使用的所有工具。
寫作軟體：Notion
連結：Notion 官網
有些人可能會用 Word 或者是其他的軟體進行寫作，但我個人是習慣使用 Notion 來寫文章。
剛經營部落格時，我是使用 Evernote 來寫作，不過因為 Notion 的資料庫設計，讓所有文章可以集中在資料庫內管理，讓我果斷從 Evernote 跳槽到 Notion。
Notion 的資料庫超級強大，你可以自訂很多不同的屬性（Properties）來紀錄想瞭解的事情，像我的資料庫內就會把文章的網址、分類、發佈時間等資訊放進去，日後有什麼想回頭看的東西，一下子就可以找到了，這些功能都是 Word 或其他軟體做不到的事情。
舉個例子好了，當你正在寫一篇文章，寫到一半時你覺得先前寫的文章跟這篇文章有關連性，可以做為延伸閱讀來吸引讀者點擊繼續閱讀，這時你只要打開 Notion 的資料庫就可以輕鬆找到每一篇文章的連結。
此外，在 Notion 寫好文章想在 WordPress 發佈也很方便，文字部分你可以直接複製沒問題，因為你的排版並不會跑掉。
至於圖片部分則會比較麻煩一些，因為這些照片必須先上傳到 WordPress 的媒體庫上才可以使用，不過這點不管用哪個軟體都必須這麼做，所以也不算是缺點。
如果你看到這篇文章，很心動也想透過 Notion 寫作，那麼你可以參考下面的這篇文章，在文章中分享了我個人寫作的模板，你可以直接複製使用。
免費圖庫：Unsplash
連結：Unsplash 網站
你在我的部落格看到的照片，幾乎都是出自於 Unsplash。
Unsplash 是一個免費的線上圖庫，在這個圖庫上的照片都可以免費下載並用於商業或非商業用途，所以這個圖庫也是很多媒體會使用的圖庫來源之一。
不過雖然是免費使用，也不用在文章內寫出來源連結，但為了感謝這些攝影師上傳的照片，所以我還是會在文章的末端放上來源，也建議你這樣做，來改這些攝影師一些鼓勵。
但如果你對於 Unsplash 的使用用途還是有疑慮，下面附上使用條款的連結。
Mockup 平台：MockupPhotos
如果我寫的文章是軟體教學，那麼我的文章封面照都是出自於這個 Mockup 網站。
這個網站主要是在幫你將適當的畫面跟 MockupPhotos 圖庫素材合成在一塊。
下面的圖片就是我將自己部落格的首頁截圖和圖庫素材合成在一起。
所以假如你仔細看我的教學文的照片，你會發現電腦螢幕內的照片都跟我的文章內容有關聯，這其實都是這個網站的功勞，而不是我自己花時間擺設出來再拍攝的背景。
設計軟體：Canva
連結：Canva 網站
如果你有注意的話，我的每一篇文章的第一張圖片都是背景圖加上文章的標題（你可以看這篇文章最上面的圖片）。
這些圖片就是用 Canva 做成的，Canva 是一個提供很多功能的設計軟體，你可以在這個軟體內完成許多的設計，有時部分文章的內文圖片也都是利用 Canva 完成的。
像我個人在產出文章封面的照片是在 Canva 做出一個樣板，然後再針對每篇文章放入不同的照片並改好標題，就可以匯出照片了，整個流程所耗費的時間不超過 2 分鐘。
不過 Canva 有部分功能是必須付費，所以需要付費的功能，我會用 PowerPoint 來取代，因為 PowerPoint 的功能也蠻多的，還是可以完成基本設計的，只是在存檔時要記得改用 JPG 或 PNG 檔輸出。
照片編輯軟體：Befunky
連結：Befunky 網站
Befunky 是一款操作簡單的照片編輯軟體，但我主要使用這個軟體來調整照片的大小（Resize 功能）。
因為從 Unsplash 下載下來的圖片格式對我而言都太大了，所以我會透過 Befunky 來調整照片的尺寸（我個人習慣使用的照片尺寸是 1080 X 720）。
另外要提醒大家的是，在部落格千萬不要使用大尺寸的照片，因為大尺寸的照片通常會比較大一些，這樣在載入頁面時也會比較花時間，而拖垮網頁的速度。
截圖及錄製 Gif 檔軟體：ShareX
連結：ShareX 網站
如果我寫的是教學文，那麼一定會有很多截圖照片和 Gif 檔，這些照片和 Gif 檔則都是用 ShareX 截圖或錄製下來的。
除了全頁面截圖和 Gif 檔錄製外，還提供的部分頁面截圖和 Gif 錄製的功能，所以相當的方便，而且你還可以依照使用習慣自訂快捷鍵，而非是死板板的要你使用固定的按鍵，這點我覺得很棒。
另外一個推薦的原因是這個軟體還支援繁體中文的功能，在使用上又更容易上手，不用擔心語言問題，但如果你下載後不知道怎麼變成繁體中文，可以參考這篇文章。
將 ShareX 介面改為中文：ShareX 目前 Windows 最強大、功能最豐富的免費截圖軟體
綜合來說，我覺得這款軟體遠比 Windows 內建的剪取工具好用許多。
轉圖片格式平台：AnyWebP
連結：AnyWebP 網站
最近在研究提升網頁速度的事情，才發現 WebP 格式的圖片可以減少圖片的檔案大小來提升網頁的載入速度，同時又可以保有和 JPG 或 PNG 等格式的圖片品質。
而 AnyWebP 可以免費的幫你把 JPG 或 PNG 等格式的檔案轉成 WebP 格式，而且如果你想轉成 WebP 格式的圖片很多，也是可以一次上傳再批次下載，來省下轉檔的時間。
只是因為我最近的部落格文章圖片才剛開始使用 WebP 格式，所以相較於其他軟體，我使用 AnyWebP 的時間並沒有很長，還沒辦法跟你保證這個軟體真的超好用，但可以確定的是我這幾次使用的體驗還不錯。
補充一點，AnyWebP 也可以將 WebP 格式的圖片轉成 JPG 或 PNG 等格式哦！
寫在最後
以上這 7 款工具，就是我從零開始到發佈文章間會使用的軟體，看完這篇文章後，你會不會開始覺得要在部落格發佈一篇文章要經過的步驟很多，而開始怯步了呢？
但這些軟體其實都還蠻好操作的，只要當你熟悉之後，並不會花太多時間，而且使用有些工具還可以加快網頁載入的速度，而提升速度又是影響 SEO 排名的因素之一，所以建議你還是要好好熟悉。
好啦！這篇文章就到這邊啦！我們下篇文章見，Peace！
（Photo by Justin Morgan on Unsplash & Free mockup by Pexels）
感謝分享！這篇有好多實用工具太棒了～
想請問好奇先生，我看到你有提到會在 Notion 打好文章，整篇複製貼到 WordPress。但我常常遇到一個問題，我在 Notion 打好一篇有分數個段落的文章，然後貼到 Canva 裡，但因為不同段落在 Notion 算是不同的「區塊」，所以當我全選、複製、貼過去之後，往往只有出現第一個區塊的內容，而且是電腦版就會這樣，手機版就不會，很想知道你會不會遇到這樣的問題呢？謝謝你～～
等了好久，終於又有人留言了，灑花 ~ 只是我過了 10 幾天才看到，Sorry！
針對你的問題，因為我沒有用過手機操作過，所以我以電腦版操作的回覆為主。
另因為不確定你說的是 WordPress 還是 Canva，所以我都回覆。
WordPress 的部分：在 Notion 打好文章，文字部分是可以一次全部複製到 WordPress 上；圖片的話因為要先上傳圖片到 WordPress 的媒體庫，所以就沒辦法。
Canva 的部分：因為我用 Canva 只有做封面圖而已，會複製的文字只有標題而已，沒有將文章內容貼到 Canva 過，不過我測試了一下，文字也是可以全部貼進去的，只是 Notion 不同的區塊複製到 Canva 內會變同一個區塊，而且排版會不好看。
希望我的回覆有回答到你的問題，如果還有疑問，歡迎繼續留言問我！