不會寫程式，也能自己架一個免費網站：Publii + GitHub Pages
本篇文章介紹了如何使用 Publii 和 GitHub Pages 來建立一個免費的網站，即使你不會寫程式。文章內容涵蓋了從下載和安裝 Publii，設定基本資訊，到在 GitHub 上建立帳號和取得 token 的步驟。最後，還提供了一些使用 Publii 和 GitHub Pages 的提醒事項。
IntersectionObserver：下篇 – 實際應用 lazyload、進場效果、無限捲動
本篇大綱：使用資源。lazy load 延遲載入（圖片、影片）、一個神奇的狀況（坑？）。進場效果。無限捲動。原始碼、Demo。接續上一篇的IntersectionObserver基本使用（以下簡稱IO），本篇來寫三個實際應用。
IntersectionObserver：上篇 – 基本介紹及使用
本篇大綱：IntersectionObserver？拿超商的歡迎光臨來說明。IO 使用 3 步驟：1 建立觀察器（observer）、2 指定觀察器要觀察的獵物（entry）、3 當獵物進入（true） / 離開（false） 觀察器視窗的範圍，觀察器就執行 callback。原始碼。參考資源。
Vue.js 用 computed 跟 filter 做一個簡易搜尋功能
本篇大綱：Demo 說明。抓 RSS 的 XML，並轉成 JSON。RSS to JSON 線上工具。Google Apps Script 寫一個 XML to JSON。Computed + filter 執行搜尋功能。原始碼、Demo。
postMessage：主頁、iframe 頁可互相傳值
本篇大綱：前端的一個困擾 管不到 iframe。Google、Facebook 也是這樣傳值的。postMessage 基本使用、傳值、接值。原始碼、Demo。本篇筆記要記錄的就是 A、B 頁面 iframe 的情況下，A 傳給 B，或 B 傳給 A 的問題怎麼解決。
拿 Trello 當資料庫 建一個店家清單 – 下篇：建立清單頁面
本篇大綱：上篇的最後取得了 URL、整理取得的資料、製作顯示清單頁面、捷運站選單、清單卡片部份、店家詳細資料、原始碼及 Demo。本篇要筆記的是取得資料後的整理，以及處理成一個店家清單的頁面。為了有切換的功能，除了上篇的公館站外，Augustus 另外又建了一個古亭站。
拿 Trello 當資料庫 建一個店家清單 – 上篇：Trello 基本使用
本篇大綱：Trello 可以排工作，更可以吐出 JSON、Trello 建立資料步驟、建立團隊、建立看板、建立列表、建立卡片、建立待辦清單、輸入資料、取得 Trello JSON 的 URL。本篇是記錄如何將 Trello 的看板設成公開，並建一個清單來接。
JavaScript 載入方式 defer、async
本篇大綱：defer、async、都不寫。這是很久以前的筆記，這次來整理並更新，主要是筆記載入 JavaScript 時，defer、async 這兩個標籤的不同。
SpeechSynthesisUtterance 讓瀏覽器說話
本篇大綱：瀏覽器本身就可以發音、頁面製作、SpeechSynthesisUtterance、第一坑 拿瀏覽器支援的所有語音、第二坑 調整速度倍率、第三坑 Chrome 的 Google 語音、原始碼、筆記後心得。
Markdown 常用語法筆記
本篇大綱：愈來愈常用到 Markdown了、Markdown 編輯器 Typora、標題、內文、文字斜體、粗體、清單、引言、超連結、圖片、圖片加上連結、寫程式碼、行內程式碼。本篇主要是筆記 Augustus 用 Markdown 寫文時，最常用到的幾個。
D3.js、Vue 畫一個台灣地圖
本篇大綱：畫一個台灣地圖需要很多資源的幫忙、畫台灣地圖步驟、下載縣市界線經緯度、SHP 轉檔 GeoJSON、製作頁面、HTML、引用 D3.js、D3.js append SVG path、參考資源、原始碼、Demo。
切詞工具結巴 Jeiba 優化標籤關鍵字
本篇大綱：切詞功能 幫你找到適合的標籤、結巴 Jieba 基本使用、切詞功能實際應用、參考資料。每篇文章都需要下標籤（tags），有時會不知道要下哪些，或是這個詞是不是大家比較常搜尋的關鍵字。WordPress會把每個標籤獨立成一頁，所以想把標籤盡量設成跟關鍵字有關，以利 SEO。
Recent Comments