Mark Ku's Blog

#

#標籤

#All articles

Explore all articles

244 篇文章

用 AI 打造全新技術部落格：從舊架構到 Next.js 15 的完整改版歷程
Tech Sharing
Mark Ku
·

用 AI 打造全新技術部落格：從舊架構到 Next.js 15 的完整改版歷程

Vibe Coding 經驗分享
AI
Mark Ku
·

Vibe Coding 經驗分享

用 AI Agent + LangChain 打造基於大語言模型的自然語言 BI 報表系統
Tech Sharing
Mark Ku
·

用 AI Agent + LangChain 打造基於大語言模型的自然語言 BI 報表系統

Claude Opus 4.5 實戰心得：AI 輔助開發的現實與限制
AI
Mark Ku
·

Claude Opus 4.5 實戰心得：AI 輔助開發的現實與限制

AI 時代的舊系統重構翻新策略
.NET Core
Mark Ku
·

AI 時代的舊系統重構翻新策略

解決 Node.js 單執行緒效能瓶頸的幾種實戰解法
Backend
Mark Ku
·

解決 Node.js 單執行緒效能瓶頸的幾種實戰解法

電商閃購搶購系統設計：樂觀鎖、悲觀鎖、Redis 原子性、佇列完整解決方案
Architecture
Mark Ku
·

電商閃購搶購系統設計：樂觀鎖、悲觀鎖、Redis 原子性、佇列完整解決方案

工程師救髮實戰：四個月把髮量救回來
Life
Mark Ku
·

工程師救髮實戰：四個月把髮量救回來

半年回顧：中大型系統 API Gateway (Kong) 架構評估及驗證
DevOps
Mark Ku
·

半年回顧：中大型系統 API Gateway (Kong) 架構評估及驗證

Argo CD 實戰筆記：從 Helm 安裝到搞定 GitLab SSO
DevOps
Mark Ku
·

Argo CD 實戰筆記：從 Helm 安裝到搞定 GitLab SSO

KubeWizard x LINE Bot 實戰筆記：用聊天管理 Kubernetes
AI
Mark Ku
·

KubeWizard x LINE Bot 實戰筆記：用聊天管理 Kubernetes

用 Helm 佈署應用：為什麼選 Helm 佈署Kubernetes 容器應用、怎麼裝、和純 YAML 的差異
DevOps
Mark Ku
·

用 Helm 佈署應用：為什麼選 Helm 佈署Kubernetes 容器應用、怎麼裝、和純 YAML 的差異

Visual studio 程式碼品質管理筆記：透過 Roslyn Analyzer + EditorConfig + Code Cleanup + Copilot 提昇級約束程式碼品質
.NET Core
Mark Ku
·

Visual studio 程式碼品質管理筆記：透過 Roslyn Analyzer + EditorConfig + Code Cleanup + Copilot 提昇級約束程式碼品質

Docker 及 K8s 如何拉取映像檔
DevOps
Mark Ku
·

Docker 及 K8s 如何拉取映像檔

幾個常見在 K8s 上的映像檔建置方法：Docker(DinD DooD)/Kaniko/BuildKit
DevOps
Mark Ku
·

幾個常見在 K8s 上的映像檔建置方法：Docker(DinD DooD)/Kaniko/BuildKit

Kong Custom ACL 套件開發教學
DevOps
Mark Ku
·

Kong Custom ACL 套件開發教學

使用 Vibe Coding 打造 Uptime Kuma 集群系統：從單機到高可用監控平台
DevOps
Mark Ku
·

使用 Vibe Coding 打造 Uptime Kuma 集群系統：從單機到高可用監控平台

深入探討 Vibe Coding 限制
AI
Mark Ku
·

深入探討 Vibe Coding 限制

Uptime Kuma 省錢實戰：從 SQLite 升級 MariaDB 提升效能，並開啟 RESTful API
DevOps
Mark Ku
·

Uptime Kuma 省錢實戰：從 SQLite 升級 MariaDB 提升效能，並開啟 RESTful API

多通路聊天整合實戰：開源聊天軟體 Rocket.Chat Omnichannel 平台部署與應用
DevOps
Mark Ku
·

多通路聊天整合實戰：開源聊天軟體 Rocket.Chat Omnichannel 平台部署與應用

更彈性且開源的 API Gateway APISIX：實測與 Kong API Gateway 比較
DevOps
Mark Ku
·

更彈性且開源的 API Gateway APISIX：實測與 Kong API Gateway 比較

VSCode 下 Lua 除錯全攻略（含 OpenResty 實例）
DevOps
Mark Ku
·

VSCode 下 Lua 除錯全攻略（含 OpenResty 實例）

OpenResty 與 Kong：高效能 Web 平台與 API Gateway 初探
DevOps
Mark Ku
·

OpenResty 與 Kong：高效能 Web 平台與 API Gateway 初探

Oracle Cloud 永久免費方案 Linux 主機及固定 IP ：0 元打造雲端解決方案
Cloud
Mark Ku
·

Oracle Cloud 永久免費方案 Linux 主機及固定 IP ：0 元打造雲端解決方案

打造高效 API 管理平台：客製化 Kong API Gateway 套件開發 - Part 2
DevOps
Mark Ku
·

打造高效 API 管理平台：客製化 Kong API Gateway 套件開發 - Part 2

打造高效 API 管理平台：從 0 開始部署 Kong Gateway - Part 1
DevOps
Mark Ku
·

打造高效 API 管理平台：從 0 開始部署 Kong Gateway - Part 1

一款免費開源類似於 Notion 類知識庫系統 — Outline Wiki 佈署與備份全攻略
Management
Mark Ku
·

一款免費開源類似於 Notion 類知識庫系統 — Outline Wiki 佈署與備份全攻略

2025 淺談AI 趨勢
AI
Mark Ku
·

2025 淺談AI 趨勢

Our Banaue & Sagada Adventure 我們的巴拿威與薩加達之旅
Travel
Mark Ku
·

Our Banaue & Sagada Adventure 我們的巴拿威與薩加達之旅

Rethink Your Why - The Real Reason to Learn English / 重新思考 - 你為什麼要學英文？
Learning
Mark Ku
·

Rethink Your Why - The Real Reason to Learn English / 重新思考 - 你為什麼要學英文？

Solo Surfing Adventure in San Juan - 三灣衝浪獨旅
Travel
Mark Ku
·

Solo Surfing Adventure in San Juan - 三灣衝浪獨旅

Speaking Study Notes - 口說學習筆記
Learning
Mark Ku
·

Speaking Study Notes - 口說學習筆記

Life with My Japanese Roommate - The Legend of Bed Potato with his dream
Travel
Mark Ku
·

Life with My Japanese Roommate - The Legend of Bed Potato with his dream

Visited the ancient town of Vigan, built by the Spanish
Travel
Mark Ku
·

Visited the ancient town of Vigan, built by the Spanish

Studied at Pines Academy in Baguio - Climb the MT.Ulap 3/10 Weeks
Travel
Mark Ku
·

Studied at Pines Academy in Baguio - Climb the MT.Ulap 3/10 Weeks

Studied at Pines Academy in Baguio - Find a away to learn english 3/10 weeks - 找到適合自己的學習英文的方法
Learning
Mark Ku
·

Studied at Pines Academy in Baguio - Find a away to learn english 3/10 weeks - 找到適合自己的學習英文的方法

Studied at Pines Academy in Baguio – English Classes, Strawberry, and Horse Poop 2/10 weeks
Travel
Mark Ku
·

Studied at Pines Academy in Baguio – English Classes, Strawberry, and Horse Poop 2/10 weeks

First Weekend at Pines Academy in Baguio - Exploring Camp John Hay 1/10 weeks
Travel
Mark Ku
·

First Weekend at Pines Academy in Baguio - Exploring Camp John Hay 1/10 weeks

My first roommate's roosters in Baguio
Travel
Mark Ku
·

My first roommate's roosters in Baguio

談談為什麼我要學英文?
Learning
Mark Ku
·

談談為什麼我要學英文?

透過 GTM 客製化實現 GDPR 的同意聲明模式 (Consent Mode)
Google Analytics
Mark Ku
·

透過 GTM 客製化實現 GDPR 的同意聲明模式 (Consent Mode)

GA4 升級筆記 Part's 3 - 報表解讀和自訂報表
Google Analytics
Mark Ku
·

GA4 升級筆記 Part's 3 - 報表解讀和自訂報表

Jira Cloud 導入筆記
Management
Mark Ku
·

Jira Cloud 導入筆記

GA4 升級筆記 Part's 2 - 事件
Google Analytics
Mark Ku
·

GA4 升級筆記 Part's 2 - 事件

使用Wireshark 抓出辦公室中蠕蟲的電腦
Security
Mark Ku
·

使用Wireshark 抓出辦公室中蠕蟲的電腦

回顧改善開發者體驗，我做了些什麼?
Management
Mark Ku
·

回顧改善開發者體驗，我做了些什麼?

系統性問題
Management
Mark Ku
·

系統性問題

防範蠕蟲的Docker的遠程管理攻擊
Security
Mark Ku
·

防範蠕蟲的Docker的遠程管理攻擊

從Windows 到 Linux (Ubuntu) 開發環境遷移筆記
Infra
Mark Ku
·

從Windows 到 Linux (Ubuntu) 開發環境遷移筆記

Ubuntu 上的 Kubernetes 安裝 Metrics Server
DevOps
Mark Ku
·

Ubuntu 上的 Kubernetes 安裝 Metrics Server

在 Ubuntu 上設置 Samba 來共享資料夾，讓 Windows 11 用戶可以存取
Infra
Mark Ku
·

在 Ubuntu 上設置 Samba 來共享資料夾，讓 Windows 11 用戶可以存取

Ubuntu automatically connect to Open VPN on startup
Infra
Mark Ku
·

Ubuntu automatically connect to Open VPN on startup

cAdvisor + Prometheus + Grafana：打造容器資源監控系統
Cloud
Mark Ku
·

cAdvisor + Prometheus + Grafana：打造容器資源監控系統

使用 Prometheus 監控 Nginx 請求
Cloud
Mark Ku
·

使用 Prometheus 監控 Nginx 請求

從地端到雲端：使用 Jenkins 自動化部署 Next.js 到 Google Kubernetes Engine 完整教學
Cloud
Mark Ku
·

從地端到雲端：使用 Jenkins 自動化部署 Next.js 到 Google Kubernetes Engine 完整教學

從地端到雲端：一步步教你搞定 Google Kubernetes Engine Ingress 從憑證上傳到域名綁定
Cloud
Mark Ku
·

從地端到雲端：一步步教你搞定 Google Kubernetes Engine Ingress 從憑證上傳到域名綁定

透過 Jenkins pipeline 排程自動清除 Docker registry
DevOps
Mark Ku
·

透過 Jenkins pipeline 排程自動清除 Docker registry

使用Jenkins 部署 Next.js 至 Ubuntu 的 Kubernetes
DevOps
Mark Ku
·

使用Jenkins 部署 Next.js 至 Ubuntu 的 Kubernetes

從地端到雲端：從設定到壓測：一步步實現 Google Kubernetes Engine 水平擴容及縮容
Cloud
Mark Ku
·

從地端到雲端：從設定到壓測：一步步實現 Google Kubernetes Engine 水平擴容及縮容

從地端到雲端：使用 Google Kubernetes Engine 部署你的Next.js 容器應用
Cloud
Mark Ku
·

從地端到雲端：使用 Google Kubernetes Engine 部署你的Next.js 容器應用

從地端到雲端 - 使用 Artifact Registry 與 Cloud Run 的GCP Docker 容器部署指南
Cloud
Mark Ku
·

從地端到雲端 - 使用 Artifact Registry 與 Cloud Run 的GCP Docker 容器部署指南

Ubuntu 22.04 上的 Kubernetes 安裝與配置教學
DevOps
Mark Ku
·

Ubuntu 22.04 上的 Kubernetes 安裝與配置教學

淺談高併發的網站架構設計
Learning
Mark Ku
·

淺談高併發的網站架構設計

回顧及自省管理工作
Management
Mark Ku
·

回顧及自省管理工作

在 Ubuntu 安裝 Docker，並設定2375 埠以支援遠端管理
DevOps
Mark Ku
·

在 Ubuntu 安裝 Docker，並設定2375 埠以支援遠端管理

從安裝到實作！Grafana + Loki 在 Next.js 日誌應用實戰
DevOps
Mark Ku
·

從安裝到實作！Grafana + Loki 在 Next.js 日誌應用實戰

經營兩年 Blog 心得
Learning
Mark Ku
·

經營兩年 Blog 心得

回顧打造德國電子商務網站，我們做了些特別架構的設計
Architecture
Mark Ku
·

回顧打造德國電子商務網站，我們做了些特別架構的設計

使用 Langchain 和開源 Llama AI 在 Next.js 打造 AI Bot API Part 4 - AI產品推薦 API
AI
Mark Ku
·

使用 Langchain 和開源 Llama AI 在 Next.js 打造 AI Bot API Part 4 - AI產品推薦 API

使用 Langchain 和開源 Llama AI 在 Next.js 打造 AI Bot API Part 3 - 加入向量資料庫，讓AI擁有額外的腦袋
AI
Mark Ku
·

使用 Langchain 和開源 Llama AI 在 Next.js 打造 AI Bot API Part 3 - 加入向量資料庫，讓AI擁有額外的腦袋

使用 NestJS - 實作第三方 OAuth 授權登入服務
Backend
Mark Ku
·

使用 NestJS - 實作第三方 OAuth 授權登入服務

使用 Langchain 和開源 Llama AI 在 Next.js 打造 AI Bot API Part 2 - 打造 AI 具有記憶功能的 AI Agent
AI
Mark Ku
·

使用 Langchain 和開源 Llama AI 在 Next.js 打造 AI Bot API Part 2 - 打造 AI 具有記憶功能的 AI Agent

資策會 CECM03 C# 微軟雲端養成開發班 - 10年聚會
Management
Mark Ku
·

資策會 CECM03 C# 微軟雲端養成開發班 - 10年聚會

這些年對 Next.JS 做過的網站效能優化
Frontend
Mark Ku
·

這些年對 Next.JS 做過的網站效能優化

整理 Next JS 在電商網站遇到特別的問題
Frontend
Mark Ku
·

整理 Next JS 在電商網站遇到特別的問題

淺談電商和實體門市差異
E-Commerce
Mark Ku
·

淺談電商和實體門市差異

使用 Langchain 和開源 Llama AI 在 Next.js 打造 AI Bot API Part 1 - 從了解 lanchain 開始
AI
Mark Ku
·

使用 Langchain 和開源 Llama AI 在 Next.js 打造 AI Bot API Part 1 - 從了解 lanchain 開始

用 Google Cloud Platform 搭建內網穿透伺服器 ( Frp Server )
Cloud
Mark Ku
·

用 Google Cloud Platform 搭建內網穿透伺服器 ( Frp Server )

開源AI微調工具 - LLAMA Factory　模型微調
AI
Mark Ku
·

開源AI微調工具 - LLAMA Factory　模型微調

宿霧藍海學院 CBOA 語言學校 兩週心得
Learning
Mark Ku
·

宿霧藍海學院 CBOA 語言學校 兩週心得

人生複雜問題選擇法 - 權衡取捨 (Trade-off)
Learning
Mark Ku
·

人生複雜問題選擇法 - 權衡取捨 (Trade-off)

開源AI微調工具 - LLAMA Factory　環境建置
AI
Mark Ku
·

開源AI微調工具 - LLAMA Factory　環境建置

優化 .NET MVC 部署流程：自動化建置與手動佈署
DevOps
Mark Ku
·

優化 .NET MVC 部署流程：自動化建置與手動佈署

軟體工程師生存指南，如何報告專案預估工時
Management
Mark Ku
·

軟體工程師生存指南，如何報告專案預估工時

Docker 安裝AI大型語言模型 Ollama ，並實測比較CPU與GPU硬體加速效能
AI
Mark Ku
·

Docker 安裝AI大型語言模型 Ollama ，並實測比較CPU與GPU硬體加速效能

這些年寫程式的心境轉換
Management
Mark Ku
·

這些年寫程式的心境轉換

淺談SEO 中的各種連結
SEO
Mark Ku
·

淺談SEO 中的各種連結

使用 Next js 打造自己的 Low code CMS
Frontend
Mark Ku
·

使用 Next js 打造自己的 Low code CMS

德國網站上線 - 佈署到正式環境，遇到比較特別的技術問題
DevOps
Mark Ku
·

德國網站上線 - 佈署到正式環境，遇到比較特別的技術問題

淺談安靜離職
Management
Mark Ku
·

淺談安靜離職

你夢想中的自動昇降站立桌 - 開箱 DEZCTOP Bifrost Elite 160
Infra
Mark Ku
·

你夢想中的自動昇降站立桌 - 開箱 DEZCTOP Bifrost Elite 160

2024 Computex 心得 - AI PC 元年
AI
Mark Ku
·

2024 Computex 心得 - AI PC 元年

利用 Azure AI、LangChain 搭配 Next.js 提升 SEO 效益
AI
Mark Ku
·

利用 Azure AI、LangChain 搭配 Next.js 提升 SEO 效益

帶人 - 溝通僵局
Management
Mark Ku
·

帶人 - 溝通僵局

淺談軟體工程師的晉升
Management
Mark Ku
·

淺談軟體工程師的晉升

利用AI強化語言學習：打造即時語音翻譯互動小工具
AI
Mark Ku
·

利用AI強化語言學習：打造即時語音翻譯互動小工具

重新打造軟體開發文化 - 透明化團隊規則及默契
Management
Mark Ku
·

重新打造軟體開發文化 - 透明化團隊規則及默契

差異化管理及公平
Management
Mark Ku
·

差異化管理及公平

免費開源的A/B測試解決方案 - Featureprobe
Frontend
Mark Ku
·

免費開源的A/B測試解決方案 - Featureprobe

Amazon pay 串接筆記
Payment
Mark Ku
·

Amazon pay 串接筆記

Docker Desktop for Windows + Jenkins + Kubernetes 佈署筆記
DevOps
Mark Ku
·

Docker Desktop for Windows + Jenkins + Kubernetes 佈署筆記

串接 Paypal 筆記
Payment
Mark Ku
·

串接 Paypal 筆記

透過 Cloudflare Turnstile 保護您的網站免受機器人攻擊
Security
Mark Ku
·

透過 Cloudflare Turnstile 保護您的網站免受機器人攻擊

團隊因應頻繁請假成員之策略
Management
Mark Ku
·

團隊因應頻繁請假成員之策略

Working form Home - 團隊協作辦法
Management
Mark Ku
·

Working form Home - 團隊協作辦法

提升電商網站搜尋體驗，使用Elasticsearch進行高效全文檢索 - Part's 1
E-Commerce
Mark Ku
·

提升電商網站搜尋體驗，使用Elasticsearch進行高效全文檢索 - Part's 1

洞察越南電子商務
E-Commerce
Mark Ku
·

洞察越南電子商務

淺談工作與職涯邊界
Management
Mark Ku
·

淺談工作與職涯邊界

美國電子商務實務筆記 - 軍事銷售
E-Commerce
Mark Ku
·

美國電子商務實務筆記 - 軍事銷售

使用 Cloudflare Tunnel 及 Docker 快速 架設 具有 Web UI 管理界面的 FTP Server - sftpgo
DevOps
Mark Ku
·

使用 Cloudflare Tunnel 及 Docker 快速 架設 具有 Web UI 管理界面的 FTP Server - sftpgo

解決巢狀Hyper-V 架構，使用 Nginx 集中 Https 埠及憑證轉發
DevOps
Mark Ku
·

解決巢狀Hyper-V 架構，使用 Nginx 集中 Https 埠及憑證轉發

職場中的績效與信任
Management
Mark Ku
·

職場中的績效與信任

職涯 - 談談Project manager的角色與責任
Management
Mark Ku
·

職涯 - 談談Project manager的角色與責任

AI 時代，該開始在意 Bing 的SEO 優化
SEO
Mark Ku
·

AI 時代，該開始在意 Bing 的SEO 優化

帶人心路歷程
Management
Mark Ku
·

帶人心路歷程

Redis 的 黑色星期五
Infra
Mark Ku
·

Redis 的 黑色星期五

淺談軟體工程師職涯發展
Management
Mark Ku
·

淺談軟體工程師職涯發展

在家將辨公室的電腦開機 ( Wake on lan )
Infra
Mark Ku
·

在家將辨公室的電腦開機 ( Wake on lan )

淺談職場中的相互幫助
Management
Mark Ku
·

淺談職場中的相互幫助

透過 Jenkins Pipeline 複製靜態檔案到內容伺服器，並清除 Cloudflare 快取
DevOps
Mark Ku
·

透過 Jenkins Pipeline 複製靜態檔案到內容伺服器，並清除 Cloudflare 快取

使用Powershell 備份及還原 Mysql 容器
PowerShell
Mark Ku
·

使用Powershell 備份及還原 Mysql 容器

使用Powershell 備份及還原 Windows docker 容器
PowerShell
Mark Ku
·

使用Powershell 備份及還原 Windows docker 容器

Fixing Three.js Video Texture Issue on iOS 16
Frontend
Mark Ku
·

Fixing Three.js Video Texture Issue on iOS 16

React three fiber 實作3D 產品展示筆記
Frontend
Mark Ku
·

React three fiber 實作3D 產品展示筆記

美國電子商務實務筆記 - 發現並優化高價值頁面
E-Commerce
Mark Ku
·

美國電子商務實務筆記 - 發現並優化高價值頁面

美國電子商務實務筆記 - 淺談 2023 年電子商務流量的變化
E-Commerce
Mark Ku
·

美國電子商務實務筆記 - 淺談 2023 年電子商務流量的變化

用 Powershell 寫了一個工具， 將幾百頁 Bootstrap 的舊專案批量轉換到 Tailwind css
Frontend
Mark Ku
·

用 Powershell 寫了一個工具， 將幾百頁 Bootstrap 的舊專案批量轉換到 Tailwind css

使用開源及免費 RustDesk 打造你的專屬 TeamViewer 遠端桌面工具！
Infra
Mark Ku
·

使用開源及免費 RustDesk 打造你的專屬 TeamViewer 遠端桌面工具！

一個免費開源現代化的知識庫軟體 Wiki.JS - 解決團隊知識共享問題
Management
Mark Ku
·

一個免費開源現代化的知識庫軟體 Wiki.JS - 解決團隊知識共享問題

調整敏捷開發站立會議 - 讓團隊當責
Management
Mark Ku
·

調整敏捷開發站立會議 - 讓團隊當責

開箱來自北美電境品牌 HYTE Y40電競機箱 - 值得你擁有的一台酷酷的 PC
Infra
Mark Ku
·

開箱來自北美電境品牌 HYTE Y40電競機箱 - 值得你擁有的一台酷酷的 PC

美國電子商務 - 銷售稅假期(Sales Tax Holiday)
E-Commerce
Mark Ku
·

美國電子商務 - 銷售稅假期(Sales Tax Holiday)

整合Windows Docker Desktop、Jenkins in Docker、GitHub SSH憑證與Docker Image建置佈署的開發環境
DevOps
Mark Ku
·

整合Windows Docker Desktop、Jenkins in Docker、GitHub SSH憑證與Docker Image建置佈署的開發環境

整合Windows Docker Desktop、Jenkins in Docker、GitHub SSH憑證與Docker Image建置佈署的開發環境
DevOps
Mark Ku
·

整合Windows Docker Desktop、Jenkins in Docker、GitHub SSH憑證與Docker Image建置佈署的開發環境

Reduce the risk of manual deployment using powershell and beyondcompare
PowerShell
Mark Ku
·

Reduce the risk of manual deployment using powershell and beyondcompare

幾種提高網站流量的做法(SEO、SMO、SEM、等其他行銷方式)
SEO
Mark Ku
·

幾種提高網站流量的做法(SEO、SMO、SEM、等其他行銷方式)

利用 Powershell 遠端建置及佈署 Windows Docker Desktop 容器
PowerShell
Mark Ku
·

利用 Powershell 遠端建置及佈署 Windows Docker Desktop 容器

NEXTJS 13.3.4 昇級踩坑筆記，Server side component 時代來臨 - migrate page route to app route
Frontend
Mark Ku
·

NEXTJS 13.3.4 昇級踩坑筆記，Server side component 時代來臨 - migrate page route to app route

來自微軟的 Microsoft 且永久免費的網站熱圖及使用者行為錄製 - Clarity
Frontend
Mark Ku
·

來自微軟的 Microsoft 且永久免費的網站熱圖及使用者行為錄製 - Clarity

重構購物車心得 - 使用 React
Frontend
Mark Ku
·

重構購物車心得 - 使用 React

Amazon pay V2 integration note with csharp - one-time payments
Payment
Mark Ku
·

Amazon pay V2 integration note with csharp - one-time payments

透過 Google Schema 增加額外的搜尋版面 SERP( Search Engine Results Page )
SEO
Mark Ku
·

透過 Google Schema 增加額外的搜尋版面 SERP( Search Engine Results Page )

使用 Seq log server 達成金流及訂單異常事件監控通知
.NET Core
Mark Ku
·

使用 Seq log server 達成金流及訂單異常事件監控通知

使用 Seq log server 達成金流及訂單異常事件監控通知
.NET Core
Mark Ku
·

使用 Seq log server 達成金流及訂單異常事件監控通知

GA4 升級筆記 Part's 1 - 基礎觀念
Google Analytics
Mark Ku
·

GA4 升級筆記 Part's 1 - 基礎觀念

使用 typescript 實作前端銀行家捨入法，並採用 Jest 做自動化測試
Frontend
Mark Ku
·

使用 typescript 實作前端銀行家捨入法，並採用 Jest 做自動化測試

美國電子商務實務筆記 - 透過 Omnisend 提昇購物車遺棄的銷售轉換率
E-Commerce
Mark Ku
·

美國電子商務實務筆記 - 透過 Omnisend 提昇購物車遺棄的銷售轉換率

程式碼標準 Coding Standard
Frontend
Mark Ku
·

程式碼標準 Coding Standard

3D 建模掃瞄器筆記
Infra
Mark Ku
·

3D 建模掃瞄器筆記

導入敏捷開發 - 讓團隊運作更流暢
Management
Mark Ku
·

導入敏捷開發 - 讓團隊運作更流暢

GA4 - 電子商務購買報表 - Part's 3
Google Analytics
Mark Ku
·

GA4 - 電子商務購買報表 - Part's 3

解決組織的 Middle Developer 的職涯困境
Management
Mark Ku
·

解決組織的 Middle Developer 的職涯困境

Quick set up developer environment using chocolatey and powershell
PowerShell
Mark Ku
·

Quick set up developer environment using chocolatey and powershell

用微軟 playwright 輕易搭建 End to End Testing 自動化測試環境，保護公司的核心商業網站，並整合 Teams 通知及外部觸發
Frontend
Mark Ku
·

用微軟 playwright 輕易搭建 End to End Testing 自動化測試環境，保護公司的核心商業網站，並整合 Teams 通知及外部觸發

NEXTJS 13 昇級筆記
Frontend
Mark Ku
·

NEXTJS 13 昇級筆記

Prevent Http DDoS With Cloudflare - 黑五檔期 DDoS 防禦筆記
Security
Mark Ku
·

Prevent Http DDoS With Cloudflare - 黑五檔期 DDoS 防禦筆記

Prevent Http DDoS With Cloudflare - 黑五檔期 DDoS 防禦筆記
Security
Mark Ku
·

Prevent Http DDoS With Cloudflare - 黑五檔期 DDoS 防禦筆記

Custom NextJS image loader with cloudflare
Frontend
Mark Ku
·

Custom NextJS image loader with cloudflare

Powershell automatically syncs docker redis data
PowerShell
Mark Ku
·

Powershell automatically syncs docker redis data

Binding non-WWW Cloudflare domain in Vercel
Infra
Mark Ku
·

Binding non-WWW Cloudflare domain in Vercel

Http post request FromBody string always binding null in dotnet
.NET Core
Mark Ku
·

Http post request FromBody string always binding null in dotnet

美國電子商務實務筆記 - 快速自建電子商務的趨勢
E-Commerce
Mark Ku
·

美國電子商務實務筆記 - 快速自建電子商務的趨勢

Google Pay on Web + Cybersource 串接筆記
Payment
Mark Ku
·

Google Pay on Web + Cybersource 串接筆記

透過 GTM 將使用者行為整合至 GA4 - 取得電子商務網站會員搜尋了什麼 - Part's 2
Google Analytics
Mark Ku
·

透過 GTM 將使用者行為整合至 GA4 - 取得電子商務網站會員搜尋了什麼 - Part's 2

Headless CMS - Strapi 評估筆記
Infra
Mark Ku
·

Headless CMS - Strapi 評估筆記

美國電子商務實務筆記 - 會員避稅的問題
E-Commerce
Mark Ku
·

美國電子商務實務筆記 - 會員避稅的問題

透過 GTM 將使用者行為整合至 GA4 - 搜集電子商務網站事件 - Part's 1
Google Analytics
Mark Ku
·

透過 GTM 將使用者行為整合至 GA4 - 搜集電子商務網站事件 - Part's 1

美國電子商務實務筆記 - 信用卡授權(Authorize)及請款(Capture)
E-Commerce
Mark Ku
·

美國電子商務實務筆記 - 信用卡授權(Authorize)及請款(Capture)

Apple Pay on Web + Cybersource 串接筆記
Payment
Mark Ku
·

Apple Pay on Web + Cybersource 串接筆記

美國電子商務 - 商品詐欺保險
E-Commerce
Mark Ku
·

美國電子商務 - 商品詐欺保險

網站網路封包錄製筆記 - fiddler
Infra
Mark Ku
·

網站網路封包錄製筆記 - fiddler

快速建立 Next js 開發環境筆記 ( ESlint + StyleLint + Prettier )
Frontend
Mark Ku
·

快速建立 Next js 開發環境筆記 ( ESlint + StyleLint + Prettier )

解決 Nextjs image loader 造成，docker image 肥大的問題
Frontend
Mark Ku
·

解決 Nextjs image loader 造成，docker image 肥大的問題

React 學習筆記 - 路由 ( Router ) - Part's 5
Frontend
Mark Ku
·

React 學習筆記 - 路由 ( Router ) - Part's 5

React 學習筆記 - 何謂 React Hook、副作用、Loading、錯誤處理、上下文關係(Context) - Part's 4
Frontend
Mark Ku
·

React 學習筆記 - 何謂 React Hook、副作用、Loading、錯誤處理、上下文關係(Context) - Part's 4

React 學習筆記 - state、props、setState、binding this - Part's 3
Frontend
Mark Ku
·

React 學習筆記 - state、props、setState、binding this - Part's 3

React 學習筆記 - 框架優勢、XSS、CSS in JS 使用方式 - Part 2
Frontend
Mark Ku
·

React 學習筆記 - 框架優勢、XSS、CSS in JS 使用方式 - Part 2

使用 dotnet 開源 Imageflow ，輕鬆透過 query string 達到栽切、壓縮圖片、浮水印及格式轉換
.NET Core
Mark Ku
·

使用 dotnet 開源 Imageflow ，輕鬆透過 query string 達到栽切、壓縮圖片、浮水印及格式轉換

React 學習筆記 - React 初探 - Part's 1
Frontend
Mark Ku
·

React 學習筆記 - React 初探 - Part's 1

淺談使用 Dotnet 開源 Yarp Revert Proxy 實現滾動式佈署 ( Rolling-update ) - Part's 1 設計思路
DevOps
Mark Ku
·

淺談使用 Dotnet 開源 Yarp Revert Proxy 實現滾動式佈署 ( Rolling-update ) - Part's 1 設計思路

驗證 SSR 或 Pre render SEO 是否正常運行的幾種方式
SEO
Mark Ku
·

驗證 SSR 或 Pre render SEO 是否正常運行的幾種方式

Powershell Mongodb 備份及還原筆記
PowerShell
Mark Ku
·

Powershell Mongodb 備份及還原筆記

新手上路 - Sony α7IV 的微物攝影筆記 Part's 1
Photography
Mark Ku
·

新手上路 - Sony α7IV 的微物攝影筆記 Part's 1

提前強制更新各家 DNS Cache
Infra
Mark Ku
·

提前強制更新各家 DNS Cache

超省錢架站法，透過 GitHub Pages + JeKyll，搭建自己免費 Blog 空間
Infra
Mark Ku
·

超省錢架站法，透過 GitHub Pages + JeKyll，搭建自己免費 Blog 空間

直播網站實戰開發筆記 Part's 2 - 打造自己的直播播放器
Frontend
Mark Ku
·

直播網站實戰開發筆記 Part's 2 - 打造自己的直播播放器

輕量化且免費，適用小團隊的 CICD - 使用 Gitlab Pipeline 及 地端 Gitlab Runner
DevOps
Mark Ku
·

輕量化且免費，適用小團隊的 CICD - 使用 Gitlab Pipeline 及 地端 Gitlab Runner

使用 Powershell 達成 let's encrypt DNS 挑戰，取得 免費 https 憑證
PowerShell
Mark Ku
·

使用 Powershell 達成 let's encrypt DNS 挑戰，取得 免費 https 憑證

Vue 透過 include 及 Vuex 解決 keepAlive 難解的記憶體釋放問題
Frontend
Mark Ku
·

Vue 透過 include 及 Vuex 解決 keepAlive 難解的記憶體釋放問題

別讓第三方的 JS，拖慢網站首頁加載的速度 - Facebook Chat SDK 串接優化筆記
Frontend
Mark Ku
·

別讓第三方的 JS，拖慢網站首頁加載的速度 - Facebook Chat SDK 串接優化筆記

軟體工程師的澎湖大鐵記實 - IRONMAN PENHU 226 - Part's 2 比賽日
Triathlon
Mark Ku
·

軟體工程師的澎湖大鐵記實 - IRONMAN PENHU 226 - Part's 2 比賽日

分析幾個知名網站被黑帽 SEO 的關鍵詞堆砌的問題
SEO
Mark Ku
·

分析幾個知名網站被黑帽 SEO 的關鍵詞堆砌的問題

軟體工程師的澎湖大鐵記實 - IRONMAN PENHU 226 - Part's 1 準備心歷路程
Triathlon
Mark Ku
·

軟體工程師的澎湖大鐵記實 - IRONMAN PENHU 226 - Part's 1 準備心歷路程

在樹莓派上運行 Net Core 應用程式，控制熱感式出單機及標籤機
.NET Core
Mark Ku
·

在樹莓派上運行 Net Core 應用程式，控制熱感式出單機及標籤機

樹莓派安裝 FRP SERVER
Infra
Mark Ku
·

樹莓派安裝 FRP SERVER

樹莓派 4B 運行 net core 6.0 應用程式及網站
.NET Core
Mark Ku
·

樹莓派 4B 運行 net core 6.0 應用程式及網站

前端小遊戲，記憶體洩漏調效筆記 - 1
Frontend
Mark Ku
·

前端小遊戲，記憶體洩漏調效筆記 - 1

Qnap Docker Station 建立 nginx-certbot 容器應用，幫您自動延展 letsencrypt 免費 https 憑證
Infra
Mark Ku
·

Qnap Docker Station 建立 nginx-certbot 容器應用，幫您自動延展 letsencrypt 免費 https 憑證

樹莓派安裝 fprc 內網穿透用戶端 - Linux 筆記
Infra
Mark Ku
·

樹莓派安裝 fprc 內網穿透用戶端 - Linux 筆記

Net core 應用程式，透過 Frpc 內網穿透時，取得用戶端真實 IP
.NET Core
Mark Ku
·

Net core 應用程式，透過 Frpc 內網穿透時，取得用戶端真實 IP

DDOS 防禦筆記
Security
Mark Ku
·

DDOS 防禦筆記

用微軟的開源的 YARP 反向代理打造專屬的負載平衡軟體及多功能網關
Infra
Mark Ku
·

用微軟的開源的 YARP 反向代理打造專屬的負載平衡軟體及多功能網關

申請 Line messaging api for uptime-kuma 服務監控異常通知
DevOps
Mark Ku
·

申請 Line messaging api for uptime-kuma 服務監控異常通知

Powershell 一鍵遠端部署容器應用 - NET CORE 建置部署至Qnap Docker Container Station
PowerShell
Mark Ku
·

Powershell 一鍵遠端部署容器應用 - NET CORE 建置部署至Qnap Docker Container Station

Windows Certbot 自動申請 Let’s Encrypt 免費的 SSL憑證筆記
Infra
Mark Ku
·

Windows Certbot 自動申請 Let’s Encrypt 免費的 SSL憑證筆記

Qnap Docker Station 架設 輕量級日誌儲存、查詢、分析 日誌服務(Seq log server) - 本篇以 Net Core + Nlog 為例
.NET Core
Mark Ku
·

Qnap Docker Station 架設 輕量級日誌儲存、查詢、分析 日誌服務(Seq log server) - 本篇以 Net Core + Nlog 為例

透過 Adobe After Effect 製作 lottie 動畫，並與 Javascript 互動 Part 2 - 進階互動應用
Frontend
Mark Ku
·

透過 Adobe After Effect 製作 lottie 動畫，並與 Javascript 互動 Part 2 - 進階互動應用

Vue Cli 專案透過 chinese-language-loader 解決繁體自動轉換簡體問題
Frontend
Mark Ku
·

Vue Cli 專案透過 chinese-language-loader 解決繁體自動轉換簡體問題

透過 Adobe After Effect 製作 lottie 動畫，並與 Javascript 互動 Part 1 - 動態替換文字
Frontend
Mark Ku
·

透過 Adobe After Effect 製作 lottie 動畫，並與 Javascript 互動 Part 1 - 動態替換文字

擴充 inobounce.js 套件，支援橫向滑動，處理 iOS 橡皮筋行為
Frontend
Mark Ku
·

擴充 inobounce.js 套件，支援橫向滑動，處理 iOS 橡皮筋行為

開源易用的網站監控工具 - uptime-kuma ，並支援多種方式發送通知
DevOps
Mark Ku
·

開源易用的網站監控工具 - uptime-kuma ，並支援多種方式發送通知

捲起袖子動手做 SEO Part's 3 - 來自 Google 的動態渲染工具 Rendertron for SEO
SEO
Mark Ku
·

捲起袖子動手做 SEO Part's 3 - 來自 Google 的動態渲染工具 Rendertron for SEO

修正 Visaul Studio Code 的 Stylelint auto fix 功能失效 & 安裝舊版 vscode 插件
Frontend
Mark Ku
·

修正 Visaul Studio Code 的 Stylelint auto fix 功能失效 & 安裝舊版 vscode 插件

將你的網站，配置 Could Flare 國際級 CDN
Infra
Mark Ku
·

將你的網站，配置 Could Flare 國際級 CDN

Node Js / Vue cli / Webpack plugin Vscode 除錯筆記
Frontend
Mark Ku
·

Node Js / Vue cli / Webpack plugin Vscode 除錯筆記

VUE 框架導入 SVG & SVG Sprite 實戰筆記
Frontend
Mark Ku
·

VUE 框架導入 SVG & SVG Sprite 實戰筆記

解決前端渲染大量資料渲染效能問題 - 1
Frontend
Mark Ku
·

解決前端渲染大量資料渲染效能問題 - 1

Vue 全域 / 非全域 Loading 的等待特效 ( 支援多個併發請求 )
Frontend
Mark Ku
·

Vue 全域 / 非全域 Loading 的等待特效 ( 支援多個併發請求 )

Stylelint - 提昇讓你的專案中的 CSS 樣式，擁有像 Eslint 的自動排版及檢查錯誤
Frontend
Mark Ku
·

Stylelint - 提昇讓你的專案中的 CSS 樣式，擁有像 Eslint 的自動排版及檢查錯誤

捲起袖子動手做 SEO Part's 2 - 優化動態網站對 Google 搜尋引擎的爬蟲友善度
SEO
Mark Ku
·

捲起袖子動手做 SEO Part's 2 - 優化動態網站對 Google 搜尋引擎的爬蟲友善度

Vue(Non Type Script) 搭配 VsCode 配置，像 Typescript 般，在專案開發時擁有自動智慧提示
Frontend
Mark Ku
·

Vue(Non Type Script) 搭配 VsCode 配置，像 Typescript 般，在專案開發時擁有自動智慧提示

捲起袖子動手做 SEO Part's 1 - 開始優化你的網站的 SEO
SEO
Mark Ku
·

捲起袖子動手做 SEO Part's 1 - 開始優化你的網站的 SEO

透過 PowerShell 製作 JPG/ PNG 轉 webp 小工具 (使用 Google webp converter lib)
PowerShell
Mark Ku
·

透過 PowerShell 製作 JPG/ PNG 轉 webp 小工具 (使用 Google webp converter lib)

直播網站實戰開發筆記 - 使用阿里雲 - 1
Cloud
Mark Ku
·

直播網站實戰開發筆記 - 使用阿里雲 - 1

透過 PowerShell 下載 google sheet，產生 i18n 多語系翻譯 Json 檔
PowerShell
Mark Ku
·

透過 PowerShell 下載 google sheet，產生 i18n 多語系翻譯 Json 檔

Net core 容器化部署
.NET Core
Mark Ku
·

Net core 容器化部署

透過 Powershell 部署 SQL 腳本到多個網站的資料庫
PowerShell
Mark Ku
·

透過 Powershell 部署 SQL 腳本到多個網站的資料庫

使用 Windows Docker 來建立ASP.NET 網站容器
.NET Core
Mark Ku
·

使用 Windows Docker 來建立ASP.NET 網站容器

用Power shell 及 chocolatey 撰寫自動化安裝應用程式及工具腳本
PowerShell
Mark Ku
·

用Power shell 及 chocolatey 撰寫自動化安裝應用程式及工具腳本

QNAP 透過frp-c 容器應用，透過免費的反向代理伺服器簡單建立、高效能的內網穿透服務
Infra
Mark Ku
·

QNAP 透過frp-c 容器應用，透過免費的反向代理伺服器簡單建立、高效能的內網穿透服務

用 Power shell 跳窗指定複製的資料夾
PowerShell
Mark Ku
·

用 Power shell 跳窗指定複製的資料夾

優化開發流程系列，再也不用人工撰寫 Release Notes，本篇用Powershell 搭配 git log
PowerShell
Mark Ku
·

優化開發流程系列，再也不用人工撰寫 Release Notes，本篇用Powershell 搭配 git log

IRonman Kenting 70.3 2021 賽事補給策略及風險應對
Triathlon
Mark Ku
·

IRonman Kenting 70.3 2021 賽事補給策略及風險應對

用Qnap Nas 的 Container Station 架設自己的 Jekyll Markdown Blog
Infra
Mark Ku
·

用Qnap Nas 的 Container Station 架設自己的 Jekyll Markdown Blog

Nuget CLI 常用指令
.NET Core
Mark Ku
·

Nuget CLI 常用指令

SameSite Issue
Frontend
Mark Ku
·

SameSite Issue

防範WebShell Attack
Security
Mark Ku
·

防範WebShell Attack

面試官筆記 - 1
Frontend
Mark Ku
·

面試官筆記 - 1

實作JWT驗證所遇到的問題
Backend
Mark Ku
·

實作JWT驗證所遇到的問題

解決前端渲染大量資料渲染效能問題 Part's 2- 虛擬捲軸 && 分段渲染
Frontend
Mark Ku
·

解決前端渲染大量資料渲染效能問題 Part's 2- 虛擬捲軸 && 分段渲染

給想去嘉明湖的一些事項參考事項 - 1
Travel
Mark Ku
·

給想去嘉明湖的一些事項參考事項 - 1

海外自助單車旅遊 Part 2 - MT 16 Fuji Hill climp 心得
Travel
Mark Ku
·

海外自助單車旅遊 Part 2 - MT 16 Fuji Hill climp 心得

首登!人生第一座百岳 - 1
Travel
Mark Ku
·

首登!人生第一座百岳 - 1

海外自助單車旅遊 Part 1 - 單車沖繩環島心得
Travel
Mark Ku
·

海外自助單車旅遊 Part 1 - 單車沖繩環島心得

Join our newsletter 🎉

Read and share new perspectives on just about any topic. Everyone's welcome.
  • 01Get more discount
  • 02Get premium magazines
subsc
Mark Ku's Blog
FacebookYouTubeGitHubEmail

文章分類

快速連結

技術專長