Mark.Ku - 擁有豐富網站開發經驗，直播系統、POS系統、電子商務、平台網站、SEO，專業的網站開發鐵三工程師。 | Mark Ku's Blog

首頁關於我

近期文章

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

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

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

目的 ESlint + StyleLint + Prettier 己經現今前端開發協作相當重要的工具，他可以讓團隊有一致的程式碼風格及規範，並透過 Vscode…

Mark Ku

Mark Ku

July 29, 2022

1 min

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

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

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

問題透過 next/image 元件的載入圖片，都會透過 next server 去調整圖片大小，圖片路徑會渲染成: 對系統的影響 next 伺服器渲染的效能的消耗 docker…

Mark Ku

Mark Ku

July 26, 2022

1 min

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

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

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

路由的原理路由的原理，依據 url 請求，動態去載入相對應的元件。安裝 react router ( 最常見 ) 使用方法 React 路由用法主要是由這三個所組成 BroserRouter…

Mark Ku

Mark Ku

July 23, 2022

1 min

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

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

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

何謂 React Hook Hook 是 React 16.8 中增加的新功能。它讓你不必寫 class 就能使用 state 以及其他 React 的功能。 (from…

Mark Ku

Mark Ku

July 23, 2022

1 min

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

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

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

state 和 props 的區別在 react 中會觸發重新渲染的主要是 props 及 state 1. props 是元件外部傳入的參數，只讀屬性，是不可變的 ( Immutable…

Mark Ku

Mark Ku

July 23, 2022

1 min

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

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

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

react 學習筆記 react 框架的成功關鍵雙向挷定的問題雙向挷定主要透過數據的改變，動態改變 UI…

Mark Ku

Mark Ku

July 22, 2022

1 min

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

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

…

Mark Ku

Mark Ku

July 06, 2022

1 min

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

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

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

前言近年 React 前端生態越來越豐富，大量的套件，都是採用 react 開發，也被越來越多企業使用，也讓我也想去了解一下 React，過去從 Angular 、到 Vue、再到 React…

Mark Ku

Mark Ku

July 05, 2022

1 min

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

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

為何要使用滾動式更新應用程式( Rolling-update ) 現今的電子商務網站，近乎 365天 * 2…

Mark Ku

Mark Ku

July 02, 2022

1 min

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

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

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

前言最近發現有些網站有做 SEO，但都沒正常運行，所以就順手寫了一篇筆記，記錄如何驗證 SEO 功能面有辦法被 Google…

Mark Ku

Mark Ku

June 29, 2022

1 min

Page 16 of 23

文章分類

Photography (1)

Google Analysis (7)

Management (22)

PowerShell (15)

Tags

百岳玉山 interview Resources Jekyll nuget release notes powershell ironman kenting triathlon 70.3 鐵人三項三鐵 opendialog robocopy powershell frp frp-c reverse proxy chocolatey docker windows aspnet website automated database deployment sql multi-site database-deployment net-core docker-container i18n語系檔 google sheet 直播 streaming webp converter seo google vue intellisense ssr prerender dynamic render Rendertron style lint scss loading vuex frontend-large-data-rendering svg svg-sprite node Js cli Webpack plugin Vscode 除錯 debugger 筆記 Couldflare cdn stylelint downgrade uptime-kuma node js Uptime Robot telegram bot monitoring tool render seo rendertron inobounce iOS bounce lottie Javascript interactive Adobe After Effect AE Adobe AfterEffect translate chinese Simplified Chinese convert log server ELK Exceptionless Seq Splunk qnap nlog net core ssl certbot Container Station deploy deployed line messaging uptime kuma notify yarp load balance ddos prevent real ip proxy protocol nginx-certbot https letsencrypt raspberry pi os linux memory leak game animation run web site 4B label-printer receipt-printer ironman pnehu 226 triathlon prepare external link black hat query string inject pnehu 226 first last racing day facebook smessage js enhance chat sdk keep alive clear dispose include let encrypt free challenge Certificate Authority CA godaddy cloudflare cicd gitlab pipeline runner dotnet auto build auto deploy github page blog dns cache photography a74 A7M4 α7IV 微距鏡頭微物攝影微距攝影 mongodb tools backup restore verify block rolling update React get start resize image Imageflow query command get Learn React Next image loader image too big dev init env enviorment fiddler netwowrk record Apple Pay Cybersource integrate Fontend NET MVC usa ecommerce note insurance USA signifyd credit authorize capture ga4 analysis tag manger gtm integration search keyword headless cms strapi swagger faq Google Pay trend self quickly build binding non-www vercel bind always null redis automatically syncs redis DDoS friday period thanksgiving upgrade playwright Vscode Github action end to end test jenkins Management career developer middle 3D agile abandonment cart abandoned cart Jest bankers-rounding Amazon pay Amazon pay v2 clarity heatmaps session recordings react app route remote build increase websit traffic manual deployment binary compare docker image build Docker Desktop github ssh sales holiday hyte y40 gaming 海景機殼機箱 career development 互惠互利雙贏 project manager career bundry 邊界職場 abnormal-leave-request 海外自助單車旅遊嘉明湖 wiki.js knowledge base system RustDesk remote tool team-viewer tailwind boostrap ECommerce discover-and-optimize-high-value-pages website-traffic Three.js 3d 3d-showroom next js next helping each other team work MariaDB mysql Wake on lan wol-go-web wol Black friday lead bing trust performance nginx ftp server sftpgo military-sales insight-vietnam-ecommerce enhancing the search experience working-from-home-rule security Payment Paypal checkout Kubernetes widnows Amazon Ab test Featureprobe employee benefits and fair team rule ai-english-assistant talk-about-promotion communication-deadlock generate-seo-metadata-by-azure-ai ai computex ai pc your-dream-standing-table quiet-quitting build-your-own-low-code-cms special-technical-problems Ollama mindset estimate wbs timetable set-up-llama-factory-enviorment llama factory Trade off CBOA language school fine-tune llama langchain e-commerce-and-real-store iii classmate reunion qdrant nest oauth architecture-design germany e-commerce concurrency-website Ubuntu Docker Google Cloud Artifact Registry GCP kubernetes GKE google kubernetes engine ubuntu docker registry ingress Ingress Google Kubernetes Engine CI/CD Jenkins Next.js Automation Docker Monitoring cAdvisor Prometheus Grafana Container Monitoring Resource Usage Cloud Native Visualization Server Metrics Open Source Tools DevOps Observability Metrics Collection Dashboard Monitoring Nginx Cloud Performance Testing K6 Metrics OpenVPN VPN Network Configuration Linux Systemd reviewing tasks management markku experience remote access Metrics Server Cluster Management Resource Monitoring Kubernetes Metrics Infrastructure Samba Windows File Sharing MSSQL Cloudflare UFW systemic problem accelerating collaboration wireshark worm why-learn-english gdpr consent-mode rooster baguio cam-john-hay pines learning traveling vigan unesco heritage philippines pines academy study abroad funny roommates english speaking san-juan-surf-trip urbiztondo-beach-guide san-juan-travel-notes my-first-surfing-trip baguio-to-san-juan english-learning-journey practical-english-skills self-improvement communication-skills study-abroad-tips career-development banaue-travel sagada-trip english-through-experience learning-outside-classroom rice-terraces travel-journal motion-sickness-survivor language-learning-adventures cultural-discovery agent mcp outline kong api gateway rate limiting plugin development lua custom plugin OpenResty Kong API Gateway 除錯 oracle cloud 免費雲端 frps rest api 架站雲端主機 vm Lua VSCode EmmyLua

© 2025, All Rights Reserved.

Quick Links

Legal Stuff

隱私權 Cookie策略

Social Media

facebook github website