Flutter開發-機殼篩選網頁
簡介
網頁連結： 機殼篩選
本專案是我使用Flutter開發的第一個正式專案，功能是讓使用者可以篩選出符合自己需求的機殼，可以使用的功能包括了搜索、排序以及篩選，希望對正在挑選機殼的人們有幫助，如果在使用過程中有遇到問題或有其他建議都歡迎向我回報。
機殼的資料來自 原價屋CASE機殼(+電源)總覽 網站，此專案所使用到的技術以及環境如下：
Flutter 3.19.0 (channel stable)
Dart 3.3.0
Python 3.12.2
Firebase Realtime Database
Github Actions
Github Pages
開發過程
蒐集機殼資料
在原價屋網站上的機殼資料主要包含以下項目：
機殼
品牌
容量
顯卡長
CPU高
主板
電供
內附風扇數
風扇 (前、後、上、下、側)
水冷 (120、140、240、280、360、420)
I/O (U3、U2、TYPE-C、HDMI、SD讀卡機)
硬碟 (2.5、3.5)
光碟機
側板類型
控制器&集線器
顯卡垂直安裝
圖片
而我所做的就是利用 Python 的 BeautifulSo ...
hexo建立Blog+魔改心得
Hexo 簡介
Hexo 是一個基於 Node.js 的靜態部落格框架，可以幫助使用者快速搭建並部署個人部落格，主要使用 Markdown 語法來編寫文章，然後透過 Hexo 提供的命令將文章生成靜態網頁，最後部署到伺服器上，且 Hexo 有以下幾個特色：
使用高效的渲染引擎和緩存機制，生成靜態頁面速度快
具有豐富主題、插件，可拓展性強
透過指令可以輕鬆的生成和管理內容
僅需要使用 Markdown 語法即可邊寫文章，對新手友好
安裝與建立
詳細安裝過程可以参考： 【學習筆記】如何使用 Hexo + GitHub Pages 架設個人網誌
安裝需求
Node.js
git
Hexo 安裝
安裝完上述軟體之後，在終端機 ( cmd 或 Git Bash ) 中輸入以下指令。
1npm install -g hexo-cli
之後可以輸入以下指令確認是否安裝成功。
1hexo -v
項目初始化
在目標路徑中打開終端機，輸入以下指令建立項目。
1hexo init {項目名}
進入所建立的資料夾，安裝相關的套件。
12cd {項目名&# ...
