My route

0226

成功建立github page

0304

1. 加入venv確保執行環境乾淨 & 加入.gitignore確保不會上傳venv
   
2. 將本地端融合進遠端repository

0312

1. 決定網站內容大綱和工具規格，同時寫一些細項
   
2. 使用claude sonnet4.6進行python渲染，讓網頁有滑動動畫等
   

0318

1. 學期目標清單從raw data形式改為清單式的方框
   
2. 改善2026年技術學習路線圖太小的問題，以輪換式卡片呈現各階段目標改善

0325

1. 調整學習路線圖卡片的互動動畫:移除原本左右側提示的 pulse 動畫效果（不再閃爍/脈衝）。
   現在滑鼠移到左/右區域時，改為穩定的靜態光暈高亮提示圖案(圓形 + 方向箭頭)。
   
2. 把 render.py 的內嵌 HTML/CSS/JS 拆成 template + css + js 三層
   

• template.html:模板層，放 HTML 骨架
• style.css:樣式層，承接原本內嵌 CSS，並保留 PYGMENTS_CSS，讓 Python 動態注入語法高亮樣式。
• app.js:行為層，承接原本頁面互動 JS（進度條、reveal、Mermaid lightbox、roadmap 互動等）。
  

3. 微調佈局

0329

1. main作為主線，創建分支m_b_layout及test，前者測試layout更改，後者測試上線前最終版
   
2. Github Action雙軌（預覽 + 正式）設定:
   

• 預覽:執行pull request，測試版會部署到Netlify，並產生預覽URL檢查效果
  
• 正式: 預覽確認沒問題後，push 到 main ，正式部屬到github page