![[筆記] Carbon 程式碼使用 讓你的網頁程式碼顯示的更漂亮](https://smlpoints.com/wp-content/uploads/notes-carbon-show-your-image-1.jpg "[筆記] Carbon 程式碼使用 讓你的網頁程式碼顯示的更漂亮")
[筆記] Carbon 程式碼使用 讓你的網頁程式碼顯示的更漂亮
當你想在自己的個人網站顯示一些程式碼時，若在不安裝一些外掛的情況下，要呈現 Highlight 版本就是一件很有挑戰的事。這個 Carbon 的網站就是提供這樣 Read More …
作者: ANDY LIEN
![[筆記] 使用 Gulp 進行網頁前端自動化 – 初始化你的第一個 Gulp 編譯專案](https://smlpoints.com/wp-content/uploads/notes-using-gulp-to-automate-your-website-intro-1.jpg "[筆記] 使用 Gulp 進行網頁前端自動化 – 初始化你的第一個 Gulp 編譯專案")
[筆記] 使用 Gulp 進行網頁前端自動化 – 初始化你的第一個 Gulp 編譯專案
這篇筆記下用 Gulp 來編譯你的檔案，需要安裝 gulp-jade, gulp-sass, gulp-plumber 後，再 gulpfile.js 進行修改 Read More …
![[筆記] 開始使用 Github Pages](https://smlpoints.com/wp-content/uploads/notes-git-ignore-ds_store-files-and-so-on-gitignore-1.jpg "[筆記] 開始使用 Github Pages")
[筆記] 開始使用 Github Pages
身為數一數二知名的程式碼平台 – Github，如果你願意的話，你可以把你的簡易網頁托管在這邊，讓其他人容易瀏覽，並同步觀看你的程式碼。以下筆記如何 Read More …
[筆記] 使用 Gulp 進行網頁前端自動化 – 簡介
Gulp 是一個前端自動化工具。由於瀏覽器只認識原生的 HTML, CSS 和 JavaScript (ES6的支援度各瀏覽器不同)，而 Gulp 可以幫你節省 Read More …
![[食記] 台北 士林劍潭 繆斯餐酒館](https://smlpoints.com/wp-content/uploads/food-taipei-modism-muses-shilin-1.jpg "[食記] 台北 士林劍潭 繆斯餐酒館")
[食記] 台北 士林劍潭 繆斯餐酒館
摩德年代 – 繆斯餐酒館位在士林派出所對面，路程上距離捷運士林站比較近。店內的氣氛較為古色古香，佈置感覺上偏西方風格。令人印象深刻的是眾多的烈酒、日 Read More …
![[筆記] 網頁切版直播班 2020 春季班 – 第四週](https://smlpoints.com/wp-content/uploads/notes-slicing-live-broadcast-2020-hex-school-week1-1.jpg "[筆記] 網頁切版直播班 2020 春季班 – 第四週")
[筆記] 網頁切版直播班 2020 春季班 – 第四週
本週的知識含金量比起過往幾週，有者顯著性的提高。這週提及了模組化管理的基礎(像是 Pug 和 Gulp)，也講述了如何製作多頁式網頁，並擅用 SASS 的方式來 Read More …
![[筆記] 來訓練你的手指運動 – 英打練習 Typing Pratice](https://smlpoints.com/wp-content/uploads/notes-typing-pratice-training-1.jpg "[筆記] 來訓練你的手指運動 – 英打練習 Typing Pratice")
[筆記] 來訓練你的手指運動 – 英打練習 Typing Pratice
英文打字的快慢，在網頁開發上的影響是有著積少成多的效果。現在要練英文打字，比起過去，不再需要於電腦上安裝軟體，可以直接在瀏覽器上進行即可。這篇是要筆記在 Typ Read More …
![[食記] 台北 公館 Cafe Odeon](https://smlpoints.com/wp-content/uploads/food-taipei-cafe-odeon-1.jpg "[食記] 台北 公館 Cafe Odeon")
[食記] 台北 公館 Cafe Odeon
台灣大學所在的台北公館一帶，巷弄間隱藏著不少的個性店鋪。 Cafe Odeon 算是其中讓我印象滿深刻的一家。雖說店內的裝潢看得出來有些雜亂，不過負責人和客人間 Read More …
![[筆記] Emmet 網路開發必備簡碼 加速你的開發流程](https://smlpoints.com/wp-content/uploads/index-of-learning-codes-programming-1.jpg "[筆記] Emmet 網路開發必備簡碼 加速你的開發流程")
[筆記] Emmet 網路開發必備簡碼 加速你的開發流程
Emmet 是網路開發者 (尤其是前端人員) 必備的外掛套件之一。它可以節省你大幅度重複撰寫同樣或是類似程式碼的時間。另外搭配上 TabNine 來補足你在日常 Read More …
