YG BLOG

Akebi & Young's Metaverse ;)

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

目錄結構 由於大多數網路上及教學，專案大都只含一個 app，而實際上多數商......

Posted by Young on 2025-03-05

Django Python

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

記錄一下專案使用到的技術，隨專案更新至結束

前言 這次開發 OEM 代工網站會多使用 Vite 來簡化前端建構的流程與......

Posted by Young on 2025-02-07

Tailwind CSS Django React MySQL TypeScript Vite TanStack Query

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

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

Tech Stack Linux(Ubuntu 20.04+) 主機：本......

Posted by Young on 2022-12-08

Django Linux Nginx uWSGI

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

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

Prerequisite DNS、VPS,Shared Host,Serv......

Posted by Young on 2022-11-20

Linux Nginx CI/CD Vim

2025 OEM 網站開發筆記 [SEO] - 用 Prerender.io 解決 CSR 網站無法擷取 meta property="og:* 的問題

CSR 網站常見 SEO 問題，在 Facebook、LINE、LinkedIn 分享時，沒有標題、描述、縮圖...等

CSR 原理及常見問題 用純 React 開發 CSR(Client-Si......

Posted by Young on 2025-02-07

Tailwind CSS React Nginx TypeScript

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

Create a custom Discord bot with OpenAI's GPT API

Tech Stack 本篇文章將會使用到以下的技術： 基本的 JavaSc......

Posted by Young on 2024-01-22

JavaScript node.js discord.js GPT

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

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

Cross-table Queries 的種類 有 4 種常用的跨表查詢的......

Posted by Young on 2022-12-17

SQL

2025 OEM 網站開發筆記 [100] - 前端點擊分類，篩選並只顯示出該分類的文章列表功能

後端 後端工作流程: serializer 開發 View 開發 URL......

Posted by Young on 2025-05-29

Django React Python TypeScript TanStack Query

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

用 uWSGI 取代 python manage.py runserver

前言 本篇著重在從開發環境切換至 uWSGI 正式環境需改動的地方，而不是......

Posted by Young on 2025-05-06

Django Linux Nginx uWSGI

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

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

自訂上傳圖片目的地 透過 imgur 來管理專案圖片是不理想的且 imgu......

Posted by Young on 2025-04-21

Tailwind CSS Django React Typescript

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

為何不用 Hash Route 了？ 這一篇文章有提到如何解決 React......

Posted by Young on 2025-04-17

React Nginx TypeScript

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

問題 GSAP target .page-title not found......

Posted by Young on 2025-04-02

React GSAP

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

前言 像這種郵件發送的功能，通常會在後端處理，前端只需提供表單內容，這樣做......

Posted by Young on 2025-04-01

Django React TypeScript

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

前言 本專案選擇 martor 作為後台的文章內文 Markdown 編輯......

Posted by Young on 2025-03-28

Tailwind CSS Django React MySQL

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

下載套件 1npm install react-i18next i18ne......

Posted by Young on 2025-03-22

React TypeScript npm

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

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

後端 整體後端大致工作流程為 ORM 模型設計 serializer 開......

Posted by Young on 2025-03-20

Django Python SQL

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

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

後端 整體後端大致工作流程為 ORM 模型設計 serializer 開......

Posted by Young on 2025-03-19

Django Python SQL

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

為什麼需要 CORS Header？ 當 React 前端（運行於 htt......

Posted by Young on 2025-03-12

Django

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

下載現成套件 此專案追求的是在最短的時間開發出成果，因此直接找到並使用： ......

Posted by Young on 2025-03-05

Tailwind CSS React TypeScript Vite

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

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

註冊 Django 應用程式(APP) 在專案中會將大部分功能模組化，每個......

Posted by Young on 2025-03-05

Django Python SQL

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

用 GSAP 撰寫手風琴折疊動畫

問題重點 由於專案使用 GSAP 而非 framer motion 導致 ......

Posted by Young on 2025-03-03

Tailwind CSS React TypeScript Vite

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

為什麼選擇 GSAP？ 原本想直接選跟 React 最契合的 framer......

Posted by Young on 2025-03-03

Tailwind CSS React TypeScript Vite

Typescript Path Alias 設定及錯誤解決

設置 @ 路徑別名 到 tsconfig.json 加入 compiler......

Posted by Young on 2025-02-10

React TypeScript npm

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

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

前言 先不用實際去後端寫 API Endpoint，直接用 Dummy d......

Posted by Young on 2025-02-07

Tailwind CSS Django React MySQL TypeScript Vite TanStack Query

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

順便複習 useRef vs useState 的差異

在 React + TypeScript 專案中導入 Swiper JS ......

Posted by Young on 2025-02-07

Tailwind CSS React TypeScript Vite

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

網速影響發生錯誤的機率

問題說明 前陣子看到了同事 A 與老闆不斷爭執一個內部系統的其中一個問題，......

Posted by Young on 2023-05-10

Ext JS JavaScript

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

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

Why don’t just simply use CDN? CDN 只適......

Posted by Young on 2023-02-13

Tailwind CSS CSS

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

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

實戰範例 INNER JOIN 目標： 優化 SQL 查詢效能 必須要有......

Posted by Young on 2022-12-18

SQL

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

後端 在 UserProfile 模型中加入 avatar 欄位 建立 ......

Posted by Young on 2022-12-09

Django React Redux Linux

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

為何需要 Hash Route？ 解決 React Router 在部署到......

Posted by Young on 2022-12-07

Django React Redux Linux
FEATURED TAGS
Ext JS JavaScript Tailwind CSS CSS Django React Redux Linux node.js discord.js GPT Nginx uWSGI Python CI/CD Vim JQuery PHP MySQL SQL SSH Whisper API Sentiment analysis Algorithm NLP Maching Learning TypeScript GSAP Typescript Vite TanStack Query npm
ABOUT ME
avatar_pic

正在打造優(V2.0.1)的自己

RECENT POSTS
FRIENDS
archives
categories
ESC