更新系上長達五年未更新的高中生網站
https://highschool.nctucsunion.me/
Vue.js v3
網頁框架
https://github.com/vuejs/vue
TailwindCSS v2.2.9
方便實現RWD
https://v2.tailwindcss.com/
VueSplide
照片滑動效果
https://github.com/Splidejs/vue-splide
GSAP
網頁動畫效果
https://greensock.com/gsap/
@vueuse/motion
物件動畫效果
https://github.com/vueuse/motion
fontTools
python 字體檔案解析工具
https://pypi.org/project/fonttools/
解決方法:
把src用require()包起來
問題原因 -> webpack 的打包機制
解決方法:
壓縮字體檔案
問題原因 -> 中文字體檔案過大
Reference:
https://fontforge.org/en-US/
https://fontdrop.info/#/?darkmode=true
https://hsingko.github.io/post/compress_webfont/
https://fonttools.readthedocs.io/en/latest/index.html
pyftsubset 字體檔案.ttf --text=$(cat 內文.txt) --no-hinting
npm install
npm run serve
npm run build
npm run lint