打造 macOS 風格的 Web 應用

專案概述 在當今的 Web 開發領域,使用者體驗和介面設計變得越來越重要。 Mac Web Vue Template 是一個受 macOS 設計啟發的現代優雅的 Vue.js Web 模板,它是一個基於 Vue.js 的現代化 Web 應用模板,其設計靈感來源於 macOS 的優雅介面。這個專案不僅提供了美觀的 UI 設計,還包含了完整的專案結構和最佳實踐。 線上演示 你可以透過造訪 WebAi 來體驗這個模板的實際效果。邀請碼(MoeJue) 核心特色 macOS 風格的 UI 設計 採用 macOS 的設計語言 精緻的毛玻璃效果 優雅的動畫過渡 現代化的技術棧 Vue.js 作為核心框架 Vite 作為建構工具 Pinia 進行狀態管理 Vue Router 處理路由 SCSS 預處理器 ES6+ 現代特性 響應式設計 完美適配各種螢幕尺寸 流暢的行動裝置體驗 專案結構解析 專案採用了清晰且模組化的目錄結構: src/ ├── assets/ # 靜態資源 ├── components/ # Vue 組件 │ ├── common/ # 通用組件 │ ├── system/ # 系統組件 │ └── apps/ # 應用組件 ├── views/ # 頁面視圖 ├── router/ # 路由配置 ├── stores/ # 狀態管理 └── utils/ # 工具函數 這種結構設計使得專案具有良好的可維護性和可擴展性。 ...

2025年5月11日 · 1 min · MoeJue

萌音商城移動端版本發售

專案介紹 萌音商城行動版是一個基於uniapp開發的多端商城系統,支援iOS、Android、H5及小程式等多個平台。系統採用PHP + MySQL + FastAdmin作為後端技術棧,實現了完整的電商功能。 核心功能 商品管理:分類、列表、詳情展示 購物流程:購物車、結算、支付、訂單管理 用戶系統:會員中心、個人資訊管理 多商戶模式:商戶獨立管理商品與訂單 發貨系統: 支援推送訂單至ERP(管家婆)系統處理 雙模式交易: 線上下單快遞發貨 線上下單到店自取/外送員配送 系統預覽 後台管理介面 小程式端介面 版本說明 目前版本為V1.0版,部分介面為預留規劃,將根據實際需求持續更新完善。由於尚未正式發布版本並上線小程式營運,因此目前沒有線上版本可供演示。 購買說明 價格:188元 (版本更新後將會視情況調整價格,請以實際價格為準) 內容:完整原始碼(含行動端和後台,無加密無授權) 推薦返利:推薦好友購買可獲20%返利 更新服務:終身免費更新 使用須知:禁止私自轉售,違規將停止更新服務 開發支援:原始碼含詳細註釋,方便二次開發 專案託管:程式碼託管於GitHub,更新日誌完整透明 多端支援: 需要自行編譯其他客戶端,基於微信小程式環境開發 聯繫方式 QQ交流群:點擊加入 由於沒有個人QQ連結,加群後請@群主諮詢購買事宜 專案滯銷了,請幫幫阿珏醬 線上演示 微信小程式端演示影片 後台演示環境請聯繫諮詢 微信小程式可聯繫添加體驗權限

2025年4月17日 · 1 min · MoeJue

如何自製一個便攜式顯示器

如何手搓一個便攜式顯示器 前言 家裡有一台老舊的筆記型電腦,除了電池不行了,其他部件都還能正常使用。然而,由於技術更新換代太快,這台筆記型電腦除了瀏覽網頁外,幾乎沒有其他用途。丟掉可惜,賣掉又不值錢。所以我決定將它改造成一個便攜式顯示器,這樣就可以連接筆記型電腦、桌上型電腦,玩遊戲、看影片了,讓它繼續發揮餘熱。 順便提一下,硬碟已經被我改造成了一個行動硬碟。 材料準備 廢棄的顯示器 LED螢幕驅動板 螢幕排線 按鍵板 高壓板 電源 (12V 5A) 主要材料就是這些了,直接上某寶就可以買到,價格也不貴。 電源還是從我爸頸部按摩器上直接拆下來的,又省一筆。 改造過程 拆開筆記型電腦顯示器,將螢幕取出來。 如果你不知道你的螢幕所對應的驅動板,可以將螢幕後面的參數拍一張照片給商家,他們會根據你的參數給你推薦合適的驅動板。 當然如果你是電路大佬,也可以自己設計圖紙打樣手搓驅動板。 接線並用熱熔膠固定 ps:熱熔膠真是窮人的3D打印機 通電測試 我這邊為了圖省事,已經讓商家幫我裝好了相應的驅動。 接入訊號 測試按鍵板功能調節 使用瓦楞紙做一個外殼 看來我用廢紙皮做外殼的天賦還是不錯的。怕太醜還貼了張壁紙上去。 家裡有3D打印機的小夥伴直接設計外殼打印出來,效果會更好。 成品: 前面被熱熔膠黏得有點慘不忍睹。

2025年4月13日 · 1 min · MoeJue

請查看阿珏醬の2024年度報告!

2024年,對於我的部落格 阿珏醬のBlog 來說,是充實又有趣的一年。在技術開發、內容更新以及二次元文化分享上都做了很多嘗試,回頭看看,這一年過得還挺滿滿當當的! 這一年來的技術嘗試 這一年,我開發了幾個讓我相當滿意的專案: MoeKoe Music: 這是我自己開發的一款酷狗第三方客戶端,主打簡潔高顏值。它支援多平台使用,還實現了酷狗帳號登入、歌詞顯示、每日推薦等功能。用上自己開發的軟體,這種感覺真的很爽。 ArticleSync: 一款多平台文章同步的瀏覽器外掛程式,為了讓自己和大家的內容管理更高效,我花了不少時間優化了同步邏輯,結果還挺實用。 萌音商城: 為了填充線上商城的空白區,我開發了萌音商城,實現了從商品管理到下單的全流程功能,雖然還在不斷完善,但這是我Node.js的終極之作了!(萌音社群是我PHP的終極之作) 部落格的內容更新 今年我的部落格主要更新了以下幾個方向: 技術分享: 寫了幾篇技術文章,比如Web3.0的應用、區塊鏈圖片上傳的實踐、ESP8266-NodeMCU開發的探索,都是我在嘗試新技術過程中的心得總結。 個人動態: 年初,我把網域換了,然後成功恢復了部落格營運。這個過程中折騰了不少,但看到部落格重新上線時,還是挺感慨的。也發了一大堆的碎碎念,也不知道有沒有人看。 二次元文化: 作為一個堅定的二次元黨,今年我分享了不少二次元相關內容,比如我最愛的相簿又回來了,真是開心到飛起! 和大家的互動 今年,我的留言板依然熱鬧,很多讀者會在上面留言互動,有的給我提建議,有的分享自己的想法。每次看到這些留言,都覺得自己的分享是有價值的,也更加有動力去更新部落格。 回顧2024年,我的部落格從技術到文化,再到互動,都在慢慢進步。這一年不僅是分享的一年,也是學習的一年。希望在2025年,我能繼續寫更多好文章,做更多有趣的專案,同時和大家一起成長! 感謝一直支持我的小夥伴們,你們真的超棒!❤️ AI賦能的一年,來看看AI給我總結的 歡迎加入我的個人粉絲互動群,目前已經成功舉辦了三次周邊活動(^-^)V 已經不怎麼在小破站上看番了。 遊戲,有菜又愛玩,今年玩得最多的是Apex,沒聽過就對了,因為他快涼了。 民以食為天,再苦也不能苦了肚子 拼好飯? 今年沒有撿多少破爛 聽歌,我只在自家平台聽 一年下來,不僅不掙錢還倒貼一日三餐加房租水電,還巨能吃 下面才是我的正兒八經該幹的事,向各位雲股東交代了。

2024年12月31日 · 1 min · MoeJue

你有多久沒喜歡上一個女孩子了?

如果聲音有形狀,那一定是我愛你的樣子。——《聲之形》 你將不再是道具,而是人如其名的人。——少佐《紫羅蘭永恆花園》 似乎那個網站只會與不幸的人相遇。所以她們才被選中了。——《魔法少女網站》 所謂朋友,就是不會讓你孤獨一人的存在喔。——天王寺瑚太朗《Rewrite》 我是一個經常笑的人,可我不是經常開心的人。——面碼《未聞花名》 正因為生來什麼都沒有,因此我們能擁有一切。——《遊戲人生》 就算是對我抱有敵意的人,也是被某個人深愛著而降生在這個世界上的。——集《罪惡王冠》 所謂正確,就是即使做錯也不後悔。——紅A《Fate/stay night》 天若無能制裁邪惡,我等將會於黑暗之中給予消逝——。 ——我等全員,職業殺手團《斬·赤紅之瞳》 我討厭毫無力量的自己,但是無論如何都沒辦法壓抑住那種憧憬。——《某科學的超電磁砲》 最後我還想再拜託你一件事,希望你可以把我忘掉。——珂朵莉《末日時在做什麼?有沒有空?可以來拯救嗎?》 後悔所帶來的苦澀,恰好印證了自己曾經有所作為。——《玉子市場》 分別的話從嘴裡說出來的話,就要分別了;只要不說出分別就不會分別,那就是世界的真理。 ——七宮智音《中二病也要談戀愛》 只因為太喜歡,所以更害怕失去。——《刀劍神域》 越是美好的回憶,有時可能會令人越痛苦。——艾拉《可塑性記憶》 我不說不代表我不了解,我不哭不代表我不傷心。——《來自風平浪靜的明天》 沒有未來的未來不是我想要的未來。——神原秋人《境界的彼方》 即使你忘記了我,我也不會遺忘你。——《Re:從零開始的異世界生活》 沒必要的事就不做,必要的事就盡快做。——折木奉太郎《冰菓》 什麼都無法捨棄的人,什麼也改變不了。——諫山創《進擊的巨人》 不管是怎樣的回憶,都是我們活過的人生。——《Angel Beats》 (二次元的存在,讓我們擁有共同的回憶。無論未來會怎樣,二次元常伴永恆。)

2024年12月1日 · 1 min · MoeJue

我的二次元相簿又回來了

從最早的圖庫,到圖床,再到現在的相簿。我對圖片的執著已經可以說是跨越了好幾個世紀了。圖庫的圖片是存在七牛雲的,後來流量被刷就關閉了。圖床,現在轉為為部落格提供圖片上傳服務了。相簿,就是手機中相簿的概念,它既可以存圖片也可以放影片。逐漸是越來越完善了。 這兩天就把平常保存的影片圖片什麼的上傳到了伺服器,寫了個介面和介面,順帶開源出來。(我要做一個堅定的開源愛好者) 我的二次元相簿前端介面 這裡是阿珏醬的私人相簿,保存著阿珏在平常收集的圖片,和各大平台中點讚收藏的影片。 包括但不限於B站、YouTube、抖音、X、facebook、pixiv等平台的影片或圖片,相關的數據資訊版權歸原作者所有。 數據將不定期手動更新,如果你想要某些圖片或者影片,請直接聯繫阿珏醬獲取。 預覽 https://photo.moejue.cn 特性 支援圖片和影片的展示 支援相簿的展示 支援相簿的密碼保護 支援18+保護 支援搜尋 待辦事項 優化特效展示 優化介面流暢度 安裝說明 複製倉庫到本地: git clone https://github.com/iAJue/PhotoGallery.git 進入專案目錄: cd PhotoGallery 安裝依賴: npm install 打包專案 npm run build 後端介面 僅供參考 https://github.com/iAJue/wasteCode/tree/main/photo 返回數據格式 照片介面 [ { "date": "\u6628\u5929", "items": [ { "src": "https:\/\/moejuevideo.pages.dev\/file\/1730957555106_ocgRCdDEA07fAILEKEFOA8ADAyETABBMffIBE6~tplv-dy-aweme-images_q75.webp", "alt": "ocgRCdDEA07fAILEKEFOA8ADAyETABBMffIBE6~tplv-dy-aweme-images_q75.webp", "isVideo": false, "duration": null } ] } ] 相簿介面 [ { "folder_id": "3", "folder_name": "images", "created_at": "2024-11-07 15:09:06", "photo_count": "61", "latest_image": "https:\/\/moejuevideo.pages.dev\/file\/1730963758087_GZIaBGlbAAALz_E.jpeg", "attribute": "2", "ispassword": true } ] 隨機介面 ...

2024年11月8日 · 1 min · MoeJue

一款開源簡潔高顏值的酷狗第三方客戶端V1.0.0 Beta

MoeKoe 音樂 一款開源、簡潔、高顏值的酷狗第三方客戶端 🌎 GitHub 儲存庫 | 📦️ 下載安裝包 | 💬 瀏覽部落格 前言 早在約 10 年前,當時我還在使用網頁版 QQ 時就已經開始使用酷狗音樂了(也是十多年的老粉絲了),所以這些年收藏的歌曲全部都在上面。後來我也嘗試開始使用網易雲或 QQ 音樂,也嘗試把酷狗的歌單匯入進去,但是效果都不盡理想。我聽的大多是日漫 OP,好多歌曲都沒辦法找到。 兜兜轉轉最後還是回到酷狗,但是在 Mac 端的酷狗,時常可能會出現不能播放的情況,雖說介面沒什麼功能,但也挺好的。在網友的推薦下,我現在一直是在酷狗的概念版上聽歌,並且是市面上為數不多能免費聽 VIP 歌曲的音樂播放軟體了,強力推薦。 我在我的個人介紹頁面說我特別喜歡聽歌,尤其是日漫 OP。怎麼證明呢?(之前我網頁版歌單也年久失修了)那就自己開發一個音樂播放器。 ✨ 特性 ✅ 使用 Vue.js 全家桶開發 🔴 酷狗帳號登入(掃碼/手機/帳號登入) 📃 支援歌詞顯示 📻 每日推薦歌曲 🚫🤝 無任何社交功能 🔗 官方伺服器直連,無任何第三方 API ✔️ 每日自動領取 VIP,登入即是 VIP 🎨 主題色切換 👋 啟動問候語 ⚙️ 多平台支援 🛠 更多特性開發中 待辦清單 [ ] 📺 支援 MV 播放 [ ] 🌚 自動切換淺色/深色模式 [ ] 👆 支援 Touch Bar [ ] 🖥️ 支援 PWA,可在 Chrome/Edge 中點擊網址列右邊的 ➕ 安裝到電腦 [ ] 🟥 支援 Last.fm Scrobble [ ] 🎧 支援 Mpris [ ] ⌨️ 自訂快捷鍵和全域快捷鍵 [ ] 🤟 多語言支援 [ ] 📻 桌面歌詞 [ ] ⚙️ 系統架構優化 [ ] 🎶 歌曲、歌單管理/收藏、取消收藏 📦️ 安裝 請造訪本專案的 Releases 頁面下載安裝包。 ...

2024年11月3日 · 2 min · MoeJue

你猜猜今天是什麼節日?

你不會跟我說你忘記今天是什麼節日了吧?你怎麼這樣,忘記了我們之間如此重要的節日。我們分手吧 好吧,言歸正傳,今天可是個不得了的日子,因為今天過節的這些人他們改變了這個世界,他們就是—–無人問津的程式設計師。 每年這個重要的日子我怎麼可能會忘記,真是一大早就開始碼部落格了 碎碎念 在寫公司或者外包專案的時候,那程式碼真的就是能實現能運行就行,從來也沒辦法考慮優雅的說,再優雅的程式碼給你一天改幾十個需求那也變成一坨了。反觀是自己那些開源的沒錢掙的破專案,從目錄結構、專案架構、技術棧、實現方式、效率優化,再到一個縮進、一個換行、一個檔案命名。那都是反覆斟酌打量出來的。所以有那麼一天,我在markdown上花了幾個小時 行動力 我現在是那種說幹就幹的狀態,早上9點剛有一個一閃而過的想法,11點的時候就已經開始落筆寫程式碼了。 聽音樂沒有VIP,廣告太多了怎麼辦?那就自己開發..高顏值簡約大氣的酷狗第三方客戶端在開發中。 我沒有在摸魚 最近寫了好多的程式碼,我在Visual Studio Code上安裝了個WakaTime外掛,記錄我每天的寫程式碼時長,同時我也給同步到了GitHub上面,給各位雲股東監督 同時也把GitHub給裝修了一下,看起來像個大佬了。嘻 繼續念 其實今天本也沒什麼好說的,但是這個節日我一定要簽到。在這個人工智慧盛行的時代,我經常看到有人說,程式設計師創造了AI,而AI卻替代了程式設計師,是程式設計師自己斷送了自己。可我不這麼想,我相信創造出AI的程式設計師他們也不會這麼想。程式設計師他們就像是一出生就背負了一種使命,他們是為了改變這個世界而誕生的,而不是考慮自身處境,他們將用程式碼改變這個世界,讓這個本就不完美的世界走向理想化。 Write code, change the world 往年此時 1024程式設計師節,寫最棒的coding,做最靚的仔 1024 程式設計師節日快樂 1024 程式設計師節日快樂 程式設計師的節日1024!今天你過節了嗎~ 今天你過節了嗎?

2024年10月24日 · 1 min · MoeJue

多平台文章同步瀏覽器外掛程式 - ArticleSync

ArticleSync - 多平台文章同步插件 ArticleSync 是一個瀏覽器擴充功能,幫助使用者輕鬆將文章同步發佈到多個社交平台。支援將文章從本地草稿發佈到各大平台,如知乎、Bilibili 等。它提供了一站式解決方案,讓你在不同的社交媒體平台上同步文章變得簡單高效。 基於瀏覽器外掛程式模式,自動偵測本地登入帳號,杜絕帳號洩露、環境異常等風險 基於 Chrome Manifest v3 瀏覽器擴充功能標準開發,請注意核心版本要求 背景 你也知道,我這又一下子多了好幾個部落格平台,和一大堆社交網站,如果我想讓它們之間都能保持活躍的更新怎麼辦。(證明我還活著) 還能一鍵盜文章 我最常更新的就是我自己的小破站了,但是其他平台,我可能就只是偶爾更新一下,但是又不想每次都去手動發佈,所以我就想,能不能寫一個外掛程式,自動偵測我本地登入的帳號,然後自動發佈呢。 正所謂,自己動手豐衣足食。鼓搗了好幾天,勉強算是能用的樣子,剩下的就有空再更新了。除非你給我錢 外掛程式還有很多不完善的地方,我也沒有多平台正式在生產環境中實測,如遇報錯,實屬正常,那就提交 issue 吧,或者自己改改,改好了再提交 PR 吧。嘻嘻~ 為了不影響我說話,截圖放最後了 還有,開源不易,來個 star 吧,嘿嘿嘿~ 本來想加一點私貨進去的,自動關注我的社群平台 功能特色 多平台支援:支援知乎、Bilibili 等各大主流平台,支援自建開源 CMS 系統。 狀態追蹤:在外掛程式介面中查看文章的同步狀態。 帳號管理:可查看與外掛程式綁定的各平台帳號資訊。 可擴展性強:支援開發者透過轉接器模式輕鬆擴展到更多平台。 安全可靠:外掛程式基於瀏覽器擴充功能模式,確保帳號安全,避免帳號洩露等風險。 待辦事項 [ ] 獨立文章編輯器 [ ] 圖片一鍵同步 [x] Markdown 與 HTML 互轉 [ ] 第三方圖床系統 [ ] 多帳號管理 [ ] 多系統客戶端版本 [ ] 一鍵 AI 總結 [ ] 影片同步 [ ] 標籤、分類的支援 [ ] 更友善的錯誤處理 [ ] 更多平台的接入 支援管道 媒體 ...

2024年10月16日 · 2 min · MoeJue

打贏復活賽,我活過來了

近況 距離上次的閒言碎語已經兩個多月沒說話了,是時候整理整理我的思緒了。上回是發表了一堆感慨,之後就沒聲了,所以是有一點倉促了,後續的活就跟不上了。 又是一年國慶,果然我的國慶堪比雙十一。之前旗下的三個域名(52ecy.cn,moeins.cn,moeins.com),雖然復活賽是打贏了,但是裝備沒有了。 所以只能新購域名了,同時又把部落格給恢復了,可能還是想自己折騰吧,掛靠在部落格園還是不大舒服的樣子。 之前一直在用的emlog,這會也來場大動作,直接給系統換到了WordPress,同時也換上了新主題。這款主題是由專收爆米花在21年前後的時候就發布了,那會我在loc看到的時候我就star了,一直在我GitHub裡躺了4年lolimeow,因為那會一直在用emlog,所以就不願意折騰。乘此契機,乾脆一戰到底,所以也是花了一點大功夫,包括數據的遷移,和主題的適配。 雖然作者一直以來都在積極推進主題的更新,也正因此我在使用中沒有遇到太大的麻煩,但也有缺少我之前系統的設定,所以我也一併把這個主題做了更新,並且pull到了原倉庫。上面放的GitHub的連結是我更新後的。 最麻煩的數據遷移部分,我在網上兜兜轉轉了半天,只找到exe版本的,先不說exe版本給人一種莫名的不放心的感覺,況且我現在用的還是Mac的系統,根本就不能直接運行。所謂自己動手豐衣足食,所以我只能花點時間給自己寫一個遷移腳本了。GitHub的地址我放在了文章的底部了,可以完美遷移emlog的數據到WordPress系統中。不愧是我! 圖片我還是一樣,一份存七牛雲備份,一份存新浪圖床,轉過來發現市場上沒有好用適合我的七牛雲插件,我又自己撸了一個 新域名 雖然我也很不想,但是又只能換域名了,之前的域名就給人做嫁衣了。萌音系列: MoeKot.cn。萌音系列的包括(萌音筆記、萌音發卡、萌音社群、萌音商城等)以後都會放在這個域名下。主站系列: MoeJue.cn。這是我的主站,包括部落格和一些不帶系列的項目都會放到這個域名下面。 解釋 Moe: 日文裡的「萌え」的讀音,羅馬音的寫法,中文裡一般翻譯成「萌」。 Kot: 日語「聲音」的意思,羅馬音寫法。 Jue: 阿珏醬的簡版音譯。 部落格 我又是一個特別念舊和重感情的人,所以連之前的部落格我都一同保留下來了。Xlog cnblogs emlog Blog 相關的網站的域名我也做了遷移,就不一一列出來了,當然也可能會漏掉一些連結沒替換全。 所有的數據都是原汁原味的,不漏掉每一個人的數據。甚至是部落格的註冊用戶的數據我也一同搬遷過來了,可以直接在新系統上登入,密碼是一樣的。 快來star一下吧! 食用方法也一併寫到了README.md裡了,如果遇到什麼問題也可以直接提交issue。 emlog遷移WordPress腳本 我的部落格即將同步至騰訊雲開發者社群,邀請大家一同入駐:https://cloud.tencent.com/developer/support-plan?invite_code=15kxzzid10tgx

2024年10月3日 · 1 min · MoeJue