by Mr.Wuli | 8 月 26, 2018 | 網站經營, 隨手雜記 |
在這個大家都在網路上找資訊、找產品的時代，如果你的商品或是服務無法在搜尋引擎被消費者找到，那麼你要生存下去的機率，基本上應該已經少了至少 50 ％ 了。（ 雖然說這個數據完全沒有任何取樣基準，單純個人不負責的猜測 ..）
但是要怎麼讓自己的商品在網路上被你的目標族群，也就是客人（恩客？） 發現，進而購買你的商品或是服務？寫寫 Blog 、成立 FACEBOOK 粉絲專門頁面（ 粉專 ）或是搞一下時下年輕人流行的 Instagram ( iG )，光是這樣就能創業了嗎？
目前主要經營的兩個網站，左邊是 MRWULI.COM 右邊是 LiSWEi.com ; 分別記載著不同的內容。
算一下自己寫 Blog 的到現在，真正認真開始寫應該也有 ４年了吧…。剛開始每天都寫一篇，一天只有 4 個親友來看；到後來一個禮拜寫一篇 ， 直到後來一個月一篇，單月瀏覽量 78,373 up。一路走來、邊走邊試，開始成立自己的工作室和朋友合作接案，開始專心做自己喜歡的工作。
在周遭的朋友看來，你過得自在又輕鬆，但其實你一直都沒有真正下班的時間，就算沒有與人面對面工作，腦袋裡也總是想著怎麼走向下一步？
身邊的朋友們，要嘛覺得你工作很輕鬆、賺很大；不然就是覺得你怎麼每天都要工作…？（ 卻很難體會背後的辛勞與開銷 🤷🏻♂️）
上圖為我在上傳 WordPress之前會使用的編碼軟體 Coda。目前使用的版本是 2.6.1
其實光是要寫好 blog ，要做的事情就不只是打打字這麼簡單了。寫文章前要先查資料、整理資料、找圖（如果不想侵權的話，最好還是自己拍照、自己做圖）學一些簡單的 HTML 跟 CSS 編碼（ 而且這還只是寫程式的幼稚園等級而已）。
就以我個人的寫作流程來說..：通常我會先用蘋果電腦的 Safari 瀏覽器來找資料，因為 Safari 對 mac 電腦來說比較不會耗損電腦資源（ 畢竟寫作時幾乎都會同時開很多軟體 ）、接著再用 Ulysses 來撰寫文章內文，預覽圖片與文章的排版。為了確認資料的正確性；比較沒有把握的部分，通常會使用日文與英文的 Google 搜尋資料、交叉比對一下。
大部分的圖像以及照片我都在 Affinity Designer 中處理，因為多數都是插畫或是截圖，所以反而比較少看 Affinity Photo修圖。
文章附圖的部分，盡可能自己拍；沒有實品的話就用 affinity designer 畫圖、或是採用螢幕截圖的方式（ 螢幕截圖的話，基本上就不會上logo或浮水印 ；畢竟那些不是自己做的東西..）。
接著，我會把用 Ulysses 寫好的文章用 Coda 打開、調整一下圖片的排版與備註；最後才把整篇文章連同語法貼到 WordPress 的網誌頁面中。
以自己的網誌來說..比起花俏的視覺效果、我會比較在意行高以及排班的設計（ 其實太難的我也還沒有時間完成.. ），所以有時心血來潮會打開 Coda 調整一下 CSS 來改變網誌的排版，希望前來觀看的人能夠更舒服的閱讀體驗。
雖然萬事起頭難，但 Youtube 的經營對目前的我來說，有點吃力…希望能盡快上手。
雖然最近也開始嘗試拍些簡單的影片上傳 Youtube ，開始摸索、了解 Youtube 的邏輯以及與寫作不同的地方；但就目前來說，似乎還是寫作比較得心應手？ 啪啪啪的就可以隨手打個 1,000 ～ 3,000 字。（雖然用啪啪啪的聲狀詞來形容似乎有點奇怪？）
目前的體會是… 製作影片與寫作不同的地方在於，文字要修改很快，即使後來發現整篇文章的流動或是語意（ 錯字 ）有需要修改的部分，也可以迅速地做修正；而拍影片講錯字或是說錯話時，如果要一一校正修改的話，那真的需要花很大的工程，甚至有可能需要整段影片、重新拍攝。非常不適合完美主義的人以及強迫症患者，尤其是在剛入門影片剪輯的時候，需要學習剪輯影片的軟體、同時也要有整理歸檔影片素材的意識，不然很多素材就無法再利用。對後期來說可能會有點可惜，導致花上更多不必要的時間。相較於拍攝／剪輯、修改影片 ／ 修復音頻／上字幕／編輯影片介紹與資訊；修改文章錯字真的是小菜一碟！
感謝您的閱讀與分享
非常感謝您，觀看這篇隨手寫寫的網誌，雖然在文中分享的經驗很有限，但確實是從開始到現在的一些真實感觸。社群以及自媒體的經營，真的不是一條輕鬆的路。如果你也是同好的話，就讓我們彼此互相加油吧。（ 認真對自己說 ）
順便分享一下此篇所提到的幾個程式連結：
Affinity Designer & Affinity Photo
Coda 2 編碼軟體、網頁設計軟體
Facebook Business
Instagram
WordPress
YouTube Spotlight
Ulysses
by Mr.Wuli | 8 月 29, 2016 | 軟體推薦 |
今天這篇想要跟大家分享一下個人在撰寫部落格的一些流程、以及常用的軟體以及使用方法！雖然過去也曾使用 Sublime Text、Alternote、MultiMarkdown .. 等軟體來協助撰寫網誌 “文章” 與 ”語法”，但經過一段一段時間的磨合後、新歡舊愛之中總是有來有去…
近期使用的主力軟體
iThoughtsX
iThoughtsX 是一套 MindMap 的製圖軟體，也是目前使用過的 MindMap 軟體中介面設計最簡潔好用的。
最近在寫網誌文章前都會先使用 iThoughtsX 來整理該主題要寫的內容，透過繪製心智圖的方式來思考要從什麼切入點來寫這次的主題、或是利用 iThoughtsX 整理收集一些相關資訊或是素材；讓寫作前的思緒能夠更集中，到了真的開始撰寫內文時也會更加流暢些。
iThoughtsX 也是目前使用過的所有的 “心智圖” 軟體中最簡潔、、美觀、快速的軟體。除了可以完全使用鍵盤快捷鍵來繪圖外，還可以自訂自己的 MindMap 主題套版，省去不少排版以及修改主題的時間。
除了 iThoughtsX 以外，SimlpeMind 算是用的最久的 MindMap 軟體了！其最大特色是 Map 彼此之間可以建立超連結、但如果該 Map 檔案被移除或遺失的話… 連接也會跟著出現錯誤，（當初也是因為檔案忘記備份遺失後才發現 iThoughtsX 的）
而且，使用 iThoughtsX 還有一個好處，那就是你可以直接使用 iCloud 同步到你的所有行動裝置上，例如 iPhone 或是 iPad ；當然你也可以把在通勤時繪製的 “心智圖” 同步到你的 “iMac” 桌機或是 ”MacBook Pro” 筆記型電腦上。
另外，如果有需要…你也可以將 iThoughtsX 繪製的 “心智圖” 透過 E-Mail 的方式傳送給你的同事或是朋友，iThoughtsX 會直接將該檔案轉換成 PDF 以及 文字，即使對方沒有安裝 iThoughtsX 也可以閱讀你繪製的心智圖。
Ulysses
在 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 經常都是被我拿來做一般的上字啊..製作網誌插圖或是坎入 Logo 等工作；但近期我開始用它來統一網誌內的圖文大小比例、讓網誌文章內的編排看起來在清爽一點（雖然有時候還是會偷懶用舊圖）。
目前的做法是將檔案版面設定在 1080 x 534 ，再將每一張圖以圖層的方式個別編輯、並依造文章插圖順序給予編號；這樣一來輸出圖片的時候就會自動依造編號排列，在重新命名時檔案也不會亂掉（例如：mac-info-o1.png、mac-info-o2.png .. 依序命名）。
最後再將從新命名好的圖檔直接拖移到 Ulysses 中進行編排、Key 上圖片描述與連結。
Coda
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 中來得方便許多。
感謝你的閱讀與分享
以上就是近幾個禮拜的網誌作業流程與主力軟體介紹，如果你也想試試看上述的這些軟體的話，都可以先下載試用版本的安裝檔來研究一下～
覺得軟體好用的話也請購買正版軟體，以實際行動來支持好的開發廠商，好讓我們的未來能有更好的軟體功能，進行更有效率的工作！
再次感謝你的閱讀與分享～
本篇所提及的軟體，在下方都有整理好連結，如有需要請自行點擊服用！
相關連結
Affinity 系列軟體官方網站介紹
免費下載 Affinity Designer Windows beta 版本
ATOM 官方網站介紹 & 軟體安裝檔下載
Brackets 官方網站介紹 & 軟體安裝檔按下載
iThoughtsX 官方網站介紹/p>
Ulysses 官方網站介紹
Coda 官方網站介紹
![?? [ GR-23 ] WRI ?????](https://unovoyage.com/cdn/shop/products/Guardampergr23_withphone_3a6f8282-5875-41a6-965c-3c42283d1a12_1800x1800.jpg?v=1710382762)
近期留言