douobb

簡介 網頁連結： 機殼篩選 本專案是我使用Flutter開發的第一個正式專案，功能是讓使用者可以篩選出符合自己需求的機殼，詳細介紹可以參考上一篇文章 後續 網頁連結： 【攻略】原價屋機殼篩選 在完成了上一篇文章的隔天，我把網站分享到了巴哈姆特 - 電腦應用綜合討論區，到現在也過了一個禮拜了，沒想到竟然已經有 10k 的瀏覽量，這幾天收到許多的建議，也因此對網頁進行了不少的更新改進，多了一些功能，因此想在這邊做一點紀錄。 新增功能 機殼邊長 原本在設計網頁時其實也有考慮到加入這個邊長篩選的功能，讓使用者可以判斷機殼是否適合放入指定空間，但是因為原價屋網頁上的機殼邊長順序並非固定的 寬 * 深 * 高 排序，因此難以去做判斷，而如果使用長度去做排序，因為不同的機殼外觀不同 (高>深 or 深>高)，可能會造成誤判，就改以公升數進行篩選。 後來也收到許多人的建議加入此功能，最後採用了最長邊、次長邊、短邊的篩選方式，剩下的就交給使用者自行判斷了，以下是修改後的結果： 實現的方法就是在蒐集資料時利用 sort 函數將三邊長進行排序，存入三個變數後上傳到資料庫中儲存，之後在 ...

簡介 網頁連結： 機殼篩選 本專案是我使用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 簡介 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 {項目名&# ...