在開始介紹 SourceTree 的基本操作之前，先來說說一些 Git 的小觀念。筆者花了好多時間理解（真心佩服全天底下的工程師們！） 什麼是 Git？Git 是一套版本控制系統，使用 Git 來進行專案的版本控制或多人的團隊合作，是開發過程中不可或缺的強力工具。 身為設計師的筆者，其實看了很多資料跟指令還是一頭霧水，要做什麼的版本控制？設計師需要版本控制嗎？我們不就是一直瘋狂 Ctrl+C、Ctrl+V 再搭配 N 個超大容量的硬碟，就足以掌控我們的檔案了嗎？（現實生活絕對掌控不了） 直到筆者看到了這篇文章，喔喔！真心推薦剛接觸 Git 的朋友先去看看： 什麼是 Git？為什麼要學習它？ 簡單的說，Git 就像玩遊戲的時候可以儲存進度一樣。為了避免打頭目輸了而損失裝備，又或是打倒頭目卻沒有掉落期望的珍貴裝備，你也許在每次要去打頭目之前記錄一下，在發生狀況的時候可以載入舊進度，再來挑戰一次。 看到這段簡直是醍醐灌頂！！ 對！沒錯！設計師應該都會有個永遠也無法完稿的檔案吧。（被客戶被老闆瘋狂修改到第 N 個版本）它的命名就會產生了以下變化： name-完稿.psd name-最終完稿

用了 Fluid 主題一小段時間，也漸漸開始熟悉一些基本功能和樣式可以如何調整。剛開始真的是混亂中立，什麼都想改但什麼都改不到！ 不得不說，筆者身為設計師，在打文章的同時能挑選一張美美的 banner 來搭配主題，真的好幸福啊！ Fluid 主題介紹Fluid 是一款基於 Hexo 框架上開發的 Material Design 風格主題，由 Fluid-dev 負責開發與維護。主題 GitHub：https://github.com/fluid-dev/hexo-theme-fluid相關文檔：用戶手冊、更新日誌、文章配置範例網站：Rook1e’s blogzkqiang’s blog吃白饭的休伯利安号 使用指南關於主題配置，官方有提供一個詳細的 Hexo Fluid 使用指南 。裡面介紹的很詳細，網址也放在主題包的 _config.yml 檔案內。有興趣的朋友可以研究看看，本篇僅介紹筆者至今為止調整過的一些基本項目，與修改的方法。 主頁 Banner 大圖所有的頁面（含首頁、關於頁、文章頁…等），都有個 banner_img 的屬性，在 Fluid 的 _config.yml 配置檔

當你終於創建好了部落格，正在開開心心的打起文章。才赫然眉頭一皺，發覺案情並不單純。 這部落格，沒有留言板啊！！！！！（本人內心吶喊身為邊緣人，怎麼可以沒有留言板？本篇將會介紹，如何安裝 Disqus 留言板，讓邊緣的我們互相取暖吧！ Disqus印象中逛過很多平台、雜誌網站、或是一些部落格，底下的評論區幾乎都是用 Disqus。那時候還不知道這個叫做 Disqus，只覺得好像都是同一套留言板？當時還天真地以為，只要開個開關，從設定打開，就有留言板了…（工程師大大們對不起 關於 Disqus 的介紹，可以看看這兩篇文章： Disqus 詳細教學：讓網站擁有社群網路形式的網站留言服務系統、社會化評論框 hexo NexT主题集成disqus评论系统 安裝 Disqus首先，請先到 Disqus 的官網註冊一個帳號。它可以直接和 Facebook、Google帳戶、Twitter 做連動，非常方便。 註冊好登入後，請按下 GET STARTED，開始創建你的留言板。 按下開始後，請選擇 I want to install Disqus on my site。 到了 Create a

在成功將 Hexo 部落格搭建好後，身為設計師的筆者，看著原有的主題實在是渾身不對勁。本篇文章會介紹如何更換主題，讓你每天打開部落格都心情美美的：） 主題資源筆者找了以下幾個網站： Hexo 官方的主題 Themes 知乎 - 有哪些好看的 Hexo 主题？ 打造个性超赞博客 Hexo + NexT + GitHub Pages 的超深度优化 逛了將近三個小時後，寵幸了兩名選手……（揉眼 目前在 Github 上排名最高的主題 NexT預覽：https://notes.iissnan.com/ 一款 Material Design 風格的 Hexo 主题預覽：Rook1e’s blog、zkqiang’s blog 雖然 NexT 真的很簡潔舒服又好用，但逛了好多部落格，發現大多數都是套用 NexT 主題。設計師有個強迫症，就是要跟別人不一樣！於是本次選用第二個主題：Material Design 風格的主题 套用主題選擇好主題後，請到該主題的 GitHub 頁面（本篇文章以 fluid 主題為例） 頁面向下拉後，會看到主題的相關資源，右上角有一個綠色的 Clone or

關於 Hexo 與 Github 的相關介紹與安裝步驟，可以看看這幾篇文章。 Hexo+GitHub，新手也可以快速建立部落格 第一次架設Hexo網站 - MD工坊 開始吧！終端機首先要知道終端機是什麼（本人第一次用MAC裝東西，平常工作都是用PC…）看了教學才知道，原來MAC要安裝軟體基本上都要開終端機！震驚全球十億人！（只有你終端機就是這個東西，類似Windows的命令提示字元。 一開始看到它的時候很害怕，因為本身是設計師，平常不會有機會開到它。除非是電腦突然怎麼了不動了，只好低著頭去求求工程師大大…（跪 安裝步驟安裝 Hexo 的所有步驟都必須使用終端機。按照文章的步驟，安裝好以下軟體，並且用終端機設定完成： Node.js Git Xcode 或 VS Code（個人使用這個） 申請一個 GitHub 帳號 擴充套件因為筆者平時習慣用 vs code，所以這篇僅介紹如何使用 vs code 的 Hexo 擴充套件來製作部落格。上述軟體都安裝成功，並且也將 Hexo 配置到 GitHub 後，接著開啟 vs code 的擴充應用程式，下載 vscode-hexo 擴充套