by Mr.Wuli | 12 月 6, 2015 | 軟體推薦 |
以前剛開始寫網誌的時候，都是 “想到什麼寫什麼..“ ，比如說今天想寫一篇教學…就會直接登入網站寫在後台的文字編輯區域，導致常常會因為 WordPress 的語法漏洞，寫出很多問題。（像是字型跑掉..照片破格之類的..）後來開始爬文下載一些網誌撰寫軟體，嘗試離線編輯，在最後文章完成時再一併上傳內文以及圖片。
使用離線編輯軟體的小缺點
在使用離線編輯軟體的時期中，我用過很多不同的軟體，像是 MultiMarkdown 和 MarsEdit .. 等軟體。雖然這些軟體可以離線編輯，但真的要上傳內容時…還是會有很多要另外設定的選項；之前也曾經因為直接複製貼上 MultiMarkdown 撰寫好的內容，發生網誌 RSS 失靈的悲慘情況..。(因為查了很久都不知道問題到底出在哪裡，最後還得每篇重新打過才修復完成..)
嘗試將文字與排版分開
堅持了一段時間的離線編輯軟體後，決定還是把 “文字撰寫” 和 “排版” 分開，在構想內文的時候就用單純的筆記編輯軟體，像是 Evernote 或是 Simplenote 這類的文字編輯軟體。(撰寫好內容後再將文字貼上到 WordPress 後台的語法編輯版面排版..）
使用 Evernote 整理資料
Evernote 這套軟體應該不用再介紹了，用過的人就知道有多好用！不但可以把在網頁中看到的資訊直接快速擷取、儲存在 Evernote 中；還可以辨識所有圖片中的文字，強大的搜尋功能可以說是一大特色。
Simplenote 行動筆記
Simplenote 則是我最近才發現的一套軟體，當初之所以會想找另一套筆記軟體..其實只是因為希望在觀看或編輯文字時，可以呈現像 Instpaper 一樣擁有深底色的閱讀模式，比較不傷眼睛…。(單純心理作用？)
Simplenote 的功能很簡單，是個極簡的文字編輯軟體，設計走簡單大方路線；適合在通勤或是在咖啡廳時做一些簡單的筆記，回家後再同步到電腦中。
Alternote 的專注模式
但現在最常用的文字編輯軟體還是以 Alternote 為主。Alternote 是一套可以與 Evernote 資料同步的軟體，同時支援多數 Evernote 內部的功能..；像是 標籤 、筆記本、文章捷徑…等主要功能。雖然 Alternote 目前還沒有 Work Chat （未來可能也不打算加入..），但其主要特色還是擁有一個 “極簡的編輯版面”，不但讓你在編輯的時候可以更專心在文字的內容，同時還支援前面所提到的 Night Mode ! （只可惜目前還沒有手機版 App）
（其實…就是喜歡它的設計拉！用喜歡的軟體寫起文章來就是不一樣～～～）
影像製作 Affinity Designer
當我把網誌的內容構想好了以後，就會開始用 Affinity Designer 來編輯網誌中需要的圖片。 Affinity 是一套專門針對 Mac 用戶所研發的繪圖軟體；（目前尚不支援 PC 的 Windows 作業系統）其強大的功能幾乎可以披敵 Adobe 的 Illustrator 和 Photo Shop ！還有一個重點是 ”價格超值“ ~~
Affinity 目前的產品分成 Affinity Designer 和 Affinity Photo 兩款軟體。 Affinity Designer 等同 Adobe 的 Illustrator 、而Affinity Photo 則是和 Photo Shop 一樣是專門拿來修相片的軟體。
如果你和我一樣不需要將檔案送到印刷廠，只是在網路上寫寫圖文部落格…光是這兩套軟體，基本上就已經很夠用了。可以幫助你省下大筆的繪圖軟體費用！相較於正版 Adobe 軟體 / 年費約 NT 19,440； Affinity 兩套軟體加起來才不到 NT 3,000 ，對於尊重製作財產權的創作者來說，真的是個不錯的選擇唷～
語音朗讀
完成所有的文章內文與圖片後，我會使用 Mac 的 ”朗讀功能“ ，請 ”美加“ 小姐幫我把所有的文章念一次，聽聽看文法通不通順，或是有沒有錯字。（實驗證明..利用朗讀功能檢查後..確實可以找出很多錯字與不通順的地方 !）最後在把所有的文章內容貼到 WordPress 後台的文字編輯區域；單存用 CSS 語法編輯排版，避免用預覽模式減少語法亂掉的情況。（另外，因為圖片現在都會上傳到另外租用的圖床空間，所以則改用 Coda 內部的 FTP 功能上傳後，再以坎入連結的方式寫到文章編輯區域中。）
感謝閱讀與分享
以上就是我個人在撰寫更新網誌時的流程，很高興能與大家分享；如果你有任何更棒的方法，也歡迎你與我分享！感謝你的閱讀與分享 O.OP
文章相關連結
下載 MultiMarkdown
MarsEdit 介紹與下載
WordPress 繁體中文網頁
Evernote 中文官方網站
Simplenote 介紹與下載連結
Alternote 官方網站
Affinity Designer 官方介紹
Affinity Photo 官方介紹
by Mr.Wuli | 11 月 29, 2015 | 軟體推薦 |
如果你也跟我一樣收藏了很多不同類型的 PDF ，在電腦前沒空看，想看的時候又沒帶電腦 …那麼「把 PDF 匯入 iBook 會是一個好辦法！」
iBook 分類藏書好簡單
在還沒有使用 iBook 之前，我會把 PDF 全部放到一個資料夾，然後在該資料夾裡再分類成不同類別的資料夾..例如：音樂軟體說明書、SEO 電子書、電子器材說明書…等；但過了一陣子後我突然在想..有沒有什麼辦法可以簡單的管理這些 PDF， 或是把它們同步到 iPAD / iPhone 裡，這樣就可以在通勤的時候拿出來看拉！
雖然目前為止我都還沒有在 iBooks線上購買書籍，但是卻開始用它來分類 PDF 以及自己購買的電子書，把所有的 PDF 都放在iBook裡面。
原因是在 iBook 裡你可以很輕鬆的分類自己的電子書籍以及 PDF，不需要再以新增資料夾的方式來分類，可以直接用拖拉的方式來分類藏書；也可以用內建的搜尋功能，找到相同作者的書籍，不需要再另設標籤。
當初只是希望能在 iPad 裡閱讀 PDF 時 ..找了很多 PDF 閱讀器後才發現：「我幹嘛不直接用 iBook 就好了!」反正 iBook 也無法刪除，再下載其他 App 還要多佔一個空間！
使用 iBook 整理 PDF 的方式很簡單，只要把你下載的 PDF 拖移進去就可以了。用 iPad / iPhone 的 Safari 在瀏覽網站時，如果看到不錯的 PDF ，也可以直接儲存在 iBook 中開啟！
雖然目前 iBook 裡的 PDF 還沒辦法透過 iCloud 來自動同步，但如果是在 iBook Store 上購買的書籍的話，可以直接在 iPad / iPhone 裝置上同步、下載。
感謝你的閱讀與分享！
以上就是自己整理 PDF 的經驗，如果你有更方便的方法也歡迎在下面留言告訴我～～～～
感恩！下次見~ (・ω・)ノ
by Mr.Wuli | 11 月 17, 2015 | 網站經營 |
想讓網站或網誌內容大量的曝光嗎？
相信只要是用心經營網站或是部落格的朋友，應該都希望自己生產的內容能夠獲得大量曝光吧？但如果沒有廣告預算的情況下，要怎麼樣才能吸引到大批的網友瀏覽內容呢？
我們就先從這兩件事情開始說起吧～
SEO 能讓你的網站內容脫穎而出!
當初在沒有行銷預算的情況下，開始經營自己的第一個教學網站 （ LiSWEi.com ）；為了讓網站能方便瀏覽、獲得更多的曝光…上網搜尋了很多相關的資訊：像是 “UI設計” 、“UX設計” 、“色彩學”、“CSS”、”HTML”、“SEO”… 等等。
但查到的資訊越深入…就越覺得要當個部落客還真辛苦 ^_^川 要學的事情實在太多了，根本學不完啊！而且在所有相關知識裡，最花時間的大概就是 SEO（Search Engine Optimization） 了吧？
註：SEO 的中文是 “搜尋引擎最佳化”的意思，也就是搜尋引擎的關鍵字優化”
畢竟 ”搜尋引擎優化“ 要真的做出成績，除了要有大量的資訊內容輔助外，還需要結合 ”電子報“、”粉絲專頁“、”社群網站“、以及 ”網友留言“ 與 ”分享“ 才能真正產生提升搜尋排名的效果。但如果你懂得這些技巧，就可以讓你省下一筆龐大的 “關鍵字廣告” 費用！
如何讓網站成為搜尋結果中的第一名？
通常當我們在 “Google” 或 “Yahoo” 搜尋關鍵字的時候，會搜尋到兩種相關資訊內容：一種是根據內容的相關強度與品質所產生的自然搜尋結果、另一種則是透過付費取得曝光的廣告內容。而 “搜尋引擎優化” 也就是讓網站內容針對搜尋引擎的規則，做一些適當的調整，來讓我們的 “文章” 能更容易被 Google 或 Yahoo 找到、甚至是提升網站內容的搜尋排名。
雖然聽起來很複雜，但其實也不需要真的擁有超強的網頁編碼能力。重點是搞清楚你的網站主題是什麼？什麼人會想看..他們想看什麼？會搜尋什麼關鍵字？接著開始規劃你的網站架構，持之以恆的整理、撰寫你想分享的資訊內容。一開始你可以先分享給身邊的朋友，然後再慢慢透過轉發來增加文章曝光的機會。
同時你也可以使用 Google 提供的 「Search Console」 服務，來管理你的網站、確保你的網站資訊以及內容正確且符合 Google 搜尋引擎的演算規則；藉此來提升網站在 Google 搜尋結果中的排名。
優質的內容自然名列前茅！
當然你也可以把這件事情想得再簡單一點：「優質的內容自然會被分享！」
只要是你寫的內容符合訪問者的期待，排名自然就會提升；因此請確保你的網站做到下面的四個重點。
✍ 在網站內提供優質的內容。
Google 為了提升用戶在搜尋過程中的體驗，會根據一些規則與統計數據來決定相關資訊在搜尋結果中的排名。至於是什麼樣的規則..簡單來說就是 ”你的內容能否幫助訪問者解決問題“？
✍ 讓您的網站與行動裝置相容。
在2015年的 4月 Google 已經大幅調整的手機搜尋引擎的演算方式，也就是說如果 Google 發現你的網站能夠在 “手機” 或 “平板電腦” 上舒適瀏覽, 便會將你的網站排列在較優先的搜尋順位；至於那些不符合 “行動裝置” 瀏覽規範的網站…就只好被排除在行動搜尋引擎中了。
✍ 使用資訊詳盡的標題和摘要。
清楚、明瞭的標題和輔助標記有助於 Google 瞭解網頁的用途，並且在搜尋結果中產生明確的摘要，推薦給需要該內容的搜尋用戶。要 “瞭解標題和摘要” 詳情資料請參考 ”監控您的訊息和網站“
✍ 提升網站在讀者心目中的價值。
除了提供有系統且多元的資訊外，網頁瀏覽起來是否便利、順暢也會間接影響到搜尋排名；如果可以的話盡量不要使用太多華而不實的設計。重點還是放在如何讓使用者快速找到他所需要的資訊，是否能夠提供更多元的解決方案與延伸資訊。
感謝你的閱讀與分享
以上是一寫小小的心得分享，如果你對 SEO 有興趣的話可以看看這篇 Google Console 的教學文章，裡面會有更多詳細的介紹，幫助你製作出優質的網站內容。
by Mr.Wuli | 10 月 24, 2015 | 更新紀錄 |
最近因為收到 Email 信通知虛擬主機的硬碟的使用量已經超過 90 % ，所以不得不開始考慮是否要另外租用圖床伺服器，來舒緩硬碟使用量。以下簡單做個筆記，以防下次有需要時可以參考。
1︎⃣ 先到 CPanel > phpMy 管理 >備份所有資料庫
如果你也像我一樣使用的是像 WordPress 這樣的 CMS (內容管理系統 / Content Management System) 在寫網誌的話，記得要隨時備份資料庫內部的資料，以免哪天主機商或是伺服器有問題時，可以降低網誌內容的損失。當然搬家前也要記得備份。
2︎⃣ 確認所有移轉網站的資料庫名稱是否已經移轉
在 WordPress 內部有個 wp-config.php 檔案，在正式開始更改網站內部圖片連結之前，請先確保內部的 [資料庫名稱] 是否已經完成移轉設定。
// ** MySQL 設定 – 您可以從主機服務提供商獲取相關資訊。 ** //
/** WordPress 的資料庫名稱，請更改 “database_name_here” */
define(‘DB_NAME’, ‘位置是否已經移轉’);
/** MySQL 資料庫使用者名稱，請更改 “username_here” */
define(‘DB_USER’, ‘位置是否已經移轉’);
3︎⃣ 保留原資料庫費份 2~3 個月, 確保沒有問題再刪除。
同時為了防止將來檔案有什麼問題，所以的資料庫備份請保留 2 ~ 3 月。
4︎⃣ 替換資料庫內的圖片連結
我承認要搬動 4000 比資料，一開始還真的有點怕怕的..想說「還是一張一張搬好了..」。但後來想想..「既然有備份,怕什麼？」真的有問題再回朔就好拉～於是心一狠就照著爬文得來的資料輸入 SQL 指令..
從 CPanel 主機後台進入「phpMyAdmin」管理程式，然後按〔SQL〕指令按鈕，輸入以下的語法：
update wp_posts set post_content=REPLACE(post_content,’原來字串’,’新的字串’)
如果「wp_」的前置碼有改過的話請改成前置碼 !
像我如果要將所有「mrwuli.com/image」替換成「image.mrwuli.com」就下：
update wp_posts set post_content=REPLACE(post_content,’mrwuli.com/image’,’image.mrwuli.com’)
結語
好險，最後有驚無險的順利搬完了！有圖床的好處除了網站可以分流應付更多流量外，也可以省下大流量的伺服器租用費；使用 FTP 空間當作圖床，之後搬家也方便。如果你也是圖文部落客，而且上傳的圖片還不多的話，我建議起先租個圖床吧！
by Mr.Wuli | 10 月 19, 2015 | 免費素材 |
在國外有很多設計師都會製作一些 iCon 或是 Theme 免費提供網友使用，有興趣的朋友可以看看下面這幾個網站。這次收集的主題是 10 個與 SEO 相關的 iCon 圖示。像是關鍵字行銷、業績成長、搜尋、推播、分享之類的 iCON 圖示。
40 Free SEO & Online Marketing Icons
Free SEO Icon Set: 35 Exclusive Icons in Vector Format
Vector Outlined SEO Icons
60 SEO Services Icons
Free Seo Icons
Seo Icons V 1.1
FREEBIE: 36 Free SEO Icon Set
Freebie: Beautiful SEO Icon Set in PSD, SVG and More (36 Icons)
36 vector SEO Icons Free Download
28 Flat and Slim SEO Icons – FREE!
![?? [ GR-23 ] WRI ?????](https://unovoyage.com/cdn/shop/products/Guardampergr23_withphone_3a6f8282-5875-41a6-965c-3c42283d1a12_1800x1800.jpg?v=1710382762)
近期留言