被程式設計的猴子
Nuxt 系列 - #7 啟用 ESLint 跟 stylelint 保持良好的 Coding Style
無論是一人開發或是多人協作，寫出來的程式碼可能會有一些差異。為了讓程式碼比較好維護、閱讀，可以利用 ESLint 與 stylelint 這兩個工具來幫助我們保持良好的 Coding Style。本篇主旨是要說明在 Nuxt.js 專案中使用的方式、設定與筆者選用的規則。
Nuxt 系列 - #6 整合 CMS 服務 contentful
contentful 是一個內容管理的服務，提供了 RESTful API、友善的編輯介面、排程發佈、Webhooks…等功能，並且提供了一個免費空間(有上限)。如有更進階的需要可付費購買，收費方式是每月依購買的方案收取指定的費用。
Nuxt 系列 - #4 自訂 HTML 模板、Header、佈局與 Pages
了解如何調整畫面顯示相關的設定來滿足需求，除了基本的 Pages 與 Layout vue 組件的開發之外，也可以調整 HTML 模板還有 Head 可達到不同頁面使用不同的 meta 設定，優化 SEO。
Nuxt 系列 - #2 關於 nuxt.config.js 的設定
官方提供了很多可設定的項目，不會講到全部的項目，主要是說明我在開發 blog 時用到的一些設定，提供給大家參考。透過一些實例來理解為何要設定與如何設定。
Nuxt 系列 - #1 介紹、建專案與資料夾配置
前端框架(vue、react、angular)是一種 Client Side Rendering(CSR)的技術，由於網頁是到用戶端才會進行 render，這樣的方式不利於搜尋引擎爬蟲抓取網頁。為了解決這樣的問題，就必需做到 Server Side Rendering(SSR)。而 Nuxt.js 就是一個基於 vue 的 SSR 應用框架。這一系列的文章用來記錄使用 Nuxt.js 開發個人 blog 的重點與過程，先從介紹什麼是 Nuxt.js開始。
使用 BEM 與 SCSS 讓 css 不再眼花撩亂
命名規則一直是寫程式的重點，當然網站樣式也是有一樣的問題。最近看到幾個方式覺得可以參考，就在某個專案中實作了這部份。的確在樣式的調整上變的快速而且容易許多。配合客戶東改西調不再是問題！？(笑)
利用 shell script 快速產出前端專案交付上版檔案
近期專案進入測試階段，經常需要包版與加密壓縮交付給客戶，每次手動都要花費不少時間(又怕出錯)。為了可以準時下班，就想說來寫一個 shell script 來做這段重覆又花時間的事情。咻一下就可以把檔案準備好了，快又爽!
Mac 端終機大改造， iTerm2 + Oh my zsh 好看也好用
Mac 內建的端終機一向都是黑底白字，讓人覺得很無趣，不夠酷炫。為了讓工作的心情更加愉快，必需要有一個好看好用的介面。改用 iTerm2 並且搭配 Oh my zsh 就可以讓你平常使用的終端機大變身。此篇文章用來紀錄本猴的開發環境設定，以後萬一不幸電腦重灌還可以回的去。