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 {項目名 ...






