驗證 SSR 或 Pre render SEO 是否正常運行的幾種方式![Mark Ku]()
前言 最近發現有些網站有做 SEO，但都沒正常運行，所以就順手寫了一篇筆記，記錄如何驗證 SEO 功能面有辦法被 Google…
June 29, 2022
1 min
近期文章
Powershell Mongodb 備份及還原筆記
Mongodb tools backup & restore 解決問題 因為工作上需要用到改寫一套前端的 CMS系統，資料庫主要是 mongodb…
June 18, 2022
1 min
新手上路 - Sony α7IV 的微物攝影筆記 Part's 1![Mark Ku]()
新手上路 - Sony A74 的微物攝影筆記 Part's 1 起緣 身為前端網站開發者的我，一直很好奇，為何很多商業網站照片都很拍的都不是很好看，約了好友 Howrad 到三創 Sony…
June 11, 2022
1 min
提前強制更新各家 DNS Cache![Mark Ku]()
前言 在某次將 DNS 主機託管 Cloud Falre 時，發現中華電信的 DNS 一直無法更新，調查研究有沒有什麼辦法提前讓 DNS 生效，僅限於比較大的國際 DNS…
June 05, 2022
1 min
超省錢架站法，透過 GitHub Pages + JeKyll，搭建自己免費 Blog 空間![Mark Ku]()
問題 因為身邊很多，想和我一樣，擁有一個個人的網站，但架一個網站，光是放在雲端空間，至少費用400…
June 03, 2022
1 min
直播網站實戰開發筆記 Part's 2 - 打造自己的直播播放器![Mark Ku]()
用 Vue 動手打造個人專屬的前端直播播放器的採用( hls.js ) 前言 上一篇 ，談到用阿里雲來搭建直播伺服器，這篇我要來談前端直播放器，前端直播技術，最常見的有 HLS 、DASH…
May 26, 2022
1 min
輕量化且免費，適用小團隊的 CICD - 使用 Gitlab Pipeline 及 地端 Gitlab Runner![Mark Ku]()
輕量化且免費，適用小團隊的 CICD - 使用 Gitlab Pipeline 及 地端 Gitlab Runner 痛點 一般來說在軟體交付的過程中，開發的環境可能會有 1.開發環境( DEV…
May 22, 2022
1 min
使用 Powershell 達成 let's encrypt DNS 挑戰，取得 免費 https 憑證![Mark Ku]()
問題 現今大多數網站基於各種理由都需要支援 https，但剛開始經營網站時，會使用很多免費的 Https 憑證，最有名的是 let's encrypt…
May 14, 2022
1 min
Vue 透過 include 及 Vuex 解決 keepAlive 難解的記憶體釋放問題![Mark Ku]()
問題 在 Vue 生態中，切換元件時，不希望元件重新渲染，並且記住元件原本的狀態及不希望重新呼叫 api 時，基於上述理由，我們會使用 keepAlive 來保留狀態，但 keepAlive…
May 05, 2022
1 min
別讓第三方的 JS，拖慢網站首頁加載的速度 - Facebook Chat SDK 串接優化筆記![Mark Ku]()
別讓第三方的 JS，拖慢網站首頁加載的速度 - Facebook Chat SDK 串接優化筆記 問題起緣 許多網站都會串接第三方的JS，但在某次串接完 Facebook Chat SDK…
May 01, 2022
1 min
文章分類
Tags
百岳玉山interviewResourcesJekyllnugetrelease notes powershellironman kentingtriathlon 70.3鐵人三項三鐵opendialogrobocopypowershellfrpfrp-creverse proxychocolateydockerwindowsaspnetwebsiteautomateddatabasedeploymentsqlmulti-sitedatabase-deploymentnet-coredocker-containeri18n語系檔googlesheet直播streamingwebp converterseo googlevueintellisensessr prerenderdynamicrender Rendertronstylelintscssloadingvuexfrontend-large-data-renderingsvgsvg-spritenodeJscliWebpackplugin Vscode 除錯 debugger 筆記Couldflarecdnstylelintdowngradeuptime-kumanode jsUptime Robottelegram botmonitoring toolrenderseorendertroninobounceiOSbouncelottieJavascriptinteractiveAdobe After EffectAEAdobe AfterEffecttranslatechineseSimplifiedChineseconvertlog serverELKExceptionlessSeqSplunkqnapnlognet coresslcertbotContainer Station deploydeployedlinemessaginguptimekumanotifyyarpload balanceddospreventreal ipproxy protocolnginx-certbothttpsletsencryptraspberry pioslinuxmemory leakgameanimationrunweb site4Blabel-printerreceipt-printerironmanpnehu 226triathlonprepareexternal linkblackhatquerystringinjectpnehu226firstlastracingdayfacebooksmessagejsenhancechatsdkkeep alivecleardisposeincludelet encryptfreechallengeCertificateAuthorityCAgodaddycloudflarecicdgitlabpipelinerunnerdotnetauto buildautodeploygithubpageblogdnscachephotographya74A7M4α7IV微距鏡頭微物攝影微距攝影mongodbtoolsbackuprestoreverifyblockrolling updateReactget startresize imageImageflowquery commandgetLearn ReactNextimage loaderimagetoo bigdevinitenvenviormentfiddlernetwowrkrecordApple PayCybersourceintegrateFontendNET MVCusaecommercenoteinsuranceUSAsignifydcreditauthorizecapturega4analysistagmangergtmintegrationsearch keywordheadlesscmsstrapiswaggerfaqGoogle Paytrendselfquicklybuildbindingnon-wwwvercelbindalwaysnullredisautomatically syncs redisDDoSfridayperiodthanksgivingupgradeplaywrightVscodeGithub actionend to end testjenkinsManagementcareerdevelopermiddle3Dagileabandonmentcartabandoned cartJestbankers-roundingAmazon payAmazon pay v2clarityheatmapssession recordingsreactapp routeremote buildincrease websit trafficmanual deploymentbinary comparedocker image buildDocker Desktopgithub sshsalesholidayhyte y40gaming海景機殼機箱career development互惠互利雙贏project managercareer bundry邊界職場abnormal-leave-request海外自助單車旅遊嘉明湖wiki.jsknowledge base systemRustDeskremote toolteam-viewertailwindboostrapECommercediscover-and-optimize-high-value-pageswebsite-trafficThree.js3d3d-showroomnext jsnexthelping each otherteam workMariaDBmysqlWake on lanwol-go-webwolBlack fridayleadbingtrustperformancenginxftp serversftpgomilitary-salesinsight-vietnam-ecommerceenhancing the search experienceworking-from-home-rulesecurityKuberneteswidnowsPaymentPaypalcheckoutAmazonAb testFeatureprobeemployee benefits and fairteam ruleai-english-assistanttalk-about-promotioncommunication-deadlockgenerate-seo-metadata-by-azure-aiaicomputexai pcyour-dream-standing-tablequiet-quittingbuild-your-own-low-code-cmsspecial-technical-problemsOllamamindsetestimatewbstimetableset-up-llama-factory-enviormentllama factoryTrade offCBOAlanguage schoolfine-tunellamalangchaine-commerce-and-real-storeiiiclassmate reunionqdrantnestoautharchitecture-designgermanye-commerceconcurrency-websiteUbuntuDockerGoogle CloudArtifact RegistryGCPkubernetesGKEgoogle kubernetes engineubuntudocker registryingressIngressGoogle Kubernetes EngineCI/CDJenkinsNext.jsAutomationDocker MonitoringcAdvisorPrometheusGrafanaContainer MonitoringResource UsageCloud NativeVisualizationServer MetricsOpen Source ToolsDevOpsObservabilityMetrics CollectionDashboardMonitoringNginxCloudPerformance TestingK6MetricsOpenVPNVPNNetwork ConfigurationLinuxSystemdreviewingtasksmanagementmarkkuexperienceremote accessMetrics ServerCluster ManagementResource MonitoringKubernetes MetricsInfrastructureSambaWindowsFile SharingMSSQLCloudflareUFWsystemicproblemacceleratingcollaborationwiresharkwormwhy-learn-englishgdprconsent-moderoosterbaguiocam-john-haypineslearningtravelingviganunescoheritagephilippinespines academystudy abroadfunny roommatesenglishspeakingsan-juan-surf-tripurbiztondo-beach-guidesan-juan-travel-notesmy-first-surfing-tripbaguio-to-san-juanenglish-learning-journeypractical-english-skillsself-improvementcommunication-skillsstudy-abroad-tipscareer-developmentbanaue-travelsagada-tripenglish-through-experiencelearning-outside-classroomrice-terracestravel-journalmotion-sickness-survivorlanguage-learning-adventurescultural-discoveryagentmcpoutlinekongapi gatewayrate limitingplugin developmentluacustom pluginOpenRestyKongAPI Gateway除錯oracle cloud免費雲端frpsrest api架站雲端主機vmLuaVSCodeEmmyLuaUptime KumaRESTful API監控省錢APISIXetcdRate LimitingAICodingDevelopmentVibe CodingSoftware EngineeringProductivityuptime kumaclustervibe codingmariadbload balancermonitoringhigh availabilityCustom PluginPostgreSQL權限管理教學GitLabImage PullRegistryAuthenticationGitLab RunnerKanikoBuildKitDinDDooD.NETRoslynAnalyzerEditorConfigCopilotCode ReviewCode QualityHelmChartArtifact HubBitnamiKubeWizardLINE BotAPIChatbotPython自動化Rocket.ChatOmnichannelMulti-ChannelLivechatCustomer ServiceMongoDB