YG BLOG

2025 OEM 網站開發筆記 [最後一篇] - 從 Django 開發伺服器轉成 uWSGI (Production Deployment)正式運營應用伺服器

用 uWSGI 取代 python manage.py runserver

2025 OEM 網站開發筆記 [101] - 從單一到多個 apps 的 Django 管理指南：專案結構調整、模組化後端設計與維護策略

2025 OEM 網站開發筆記 [98] - Django 連線 MySQL、資料遷移流程

apps 註冊、資料庫遷移、MySQL 資料表命名

Django + React 電商專案練習 [18] - 透過 Nginx 部署 Django 專案至私有主機(No PaaS)

讓 Nginx 透過 uWSGI 代理 Django，也不用受第三方平台的任何流量及檔案限制

Hexo 部署至 Nginx 設置 CI/CD 流程

除了 GitHub Pages 其實還有第二種選擇

Integrating GPT-3.5-Turbo with DC for Custom Bot Development

Create a custom Discord bot with OpenAI's GPT API

深入了解 SQL JOINS - Mastering SQL Joins [1]

A Comprehensive Guide to Inner, Outer, Self, and Cross Joins

2025 OEM 網站開發筆記 [999-2] - martor 編輯器圖片上傳至 localstrage 並自動以文章 slug 命名創建資料夾

不用再使用 imgur 上傳圖片、不用租用線上圖片儲存空間、直接上傳至本地 Server 專案資料夾中

2025 OEM 網站開發筆記 [番外篇] - 取代 Hash Route、最佳化 SEO 的 404 找不到路由替代方案

2025 OEM 網站開發筆記 [番外] - GSAP target [元素類別名稱] not found 問題解決

2025 OEM 網站開發筆記 [9999] - Django 郵件伺服器設定，前端代入寄送者資訊代入郵件

2025 OEM 網站開發筆記 [999] - 打造後台 Markdown 編輯器並於前端成功渲染

2025 OEM 網站開發筆記 [xxx] - 導入多語系 react-i18n 升級成國際化網站

2025 OEM 網站開發筆記 [100] - 後端文章管理系統 & 列表

ER Model 設計、ORM 模型設計，建立關聯資料表、資料庫遷移、文章列表 API 設計

2025 OEM 網站開發筆記 [99] - 後端產品列表 API 開發

從 dummydata 切換到真實資料庫，ER Model 設計、ORM 模型設計，建立 Product、ProductImage、Specification、Tag、ProductTag 關聯資料表、資料庫遷移、CORS Header 設定、產品列表 API 設計

2025 OEM 網站開發筆記 [80] - Django CORS Header 設定

2025 OEM 網站開發筆記 [5] - 製作 Timeline 里程碑

2025 OEM 網站開發筆記 [4] - 套用 GSAP 動畫至首頁元件

2025 OEM 網站開發筆記 [4-1] - shadcn/ui's Accordion with GSAP Expand/Collapse Animation

用 GSAP 撰寫手風琴折疊動畫

Typescript Path Alias 設定及錯誤解決

2025 OEM 網站開發筆記 [1] - 📌 Tech Stack

記錄一下專案使用到的技術，會隨著專案進行時更新

2025 OEM 網站開發筆記 [2] - 用 Dummy Data 熟悉前端開發 Workflow

React + Vite + TypeScript + Tailwind CSS + TanStack Query + Django + MySQL

2025 OEM 網站開發筆記 [3] - Swiper JS + shadcn/ui + Tailwind CSS 實作高質感產品卡片 Swiper

順便複習 useRef vs useState 的差異

Ext JS 筆記：異步函數(async/await) 的重要性

網速影響發生錯誤的機率

在沒有 Webpack 的非現代化專案 localize TailwindCSS CDN

紀錄 plain php 專案 Localize Tailwind CSS CDN 的步驟

深入了解 SQL JOINS - 實戰篇 [2]

A Comprehensive Guide to Inner, Outer, Self, and Cross Joins

Django + React 電商專案練習 [19] - 用戶頭貼更換/上傳功能

Django + React 電商專案練習 [17] - Hash Route

Django + React 電商專案練習 [16] - 整合前端(React)與後端(Django)

不再需要特地去前端執行 npm run start

Django + React 電商專案練習 [15] - 產品輪播圖

輪播顯示高評價的產品