Author: Gabriel JC

  • 直接從 Artifact Registry Pull Docker Hub

    直接從 Artifact Registry Pull Docker Hub

    —

    by

    Gabriel JC
    in , ,

    如果是沿著網路資訊學習 Container 跟 Docker 的話，應該有八成第一次 Push Image 就是到 Docker Hub，今天就要記錄從 Google Artifact Registry (GAR) 直接 Pull Docker Hub，雖然直接使用 gcloud CLI Push 到 GAR 也不慢就是了。 Reference:…

  • Deploy Docker Compose on Azure Failed

    Deploy Docker Compose on Azure Failed

    —

    by

    Gabriel JC
    in , , ,

    This is a relatively easy post to record the steps to deploy docker images with docker compose. Reference: Snap install Docker、Manage Docker as Non Root…

  • docker-compose 一次建立多個 Container

    docker-compose 一次建立多個 Container

    —

    by

    Gabriel JC
    in , , ,

    當一次運行多個 Container 時，這個 docker-compose 就派上用場了，他可以在一個文件中定義多個 container，不論是從當前的相對目錄裡面的 Dockerfile build image，還是直接從 repository pull image 然後放在一起跑。 定義你的 Dockerfile Dockerfile，建議在瀏覽前先知道設定單一 Container 怎麼做，看這篇：Docker container intro。 這個部分很簡單，但先有一個從你的程式資料夾複製到 image 資料夾的概念，你可以整包 COPY .…

  • WordPress SMTP 無法傳送郵件給自己網域

    WordPress SMTP 無法傳送郵件給自己網域

    —

    by

    Gabriel JC
    in , , ,

    這個 SMTP 問題有關 DNS，真的是找解方找了整個晚上，搞得人好燥，但只能說是自己才疏學淺，但總之是解決了！>< 感謝我孜孜不倦問 ChatGPT 嗚嗚 前情提要 好的今天就是心血來潮想要弄出自己的網域的 Email，一開始想說從 WordPress 最原生的 wp_mail() 來找找解方，聽說是可以在自己伺服器上架設 Mail Server（所以才有上一篇），這個 Server 不管是你要用它來收發（IMAP、SMTP）都可以，也可以直接在裡面設定使用外部 SMTP，例如 Gmail。 結果呢，因為設定 SMTP 會需要 Google 應用程式密碼，所以申請出來了，也確實在伺服器架了一個可以寄送的…

  • Linux Postfix Mail Server with Gmail SMTP

    Linux Postfix Mail Server with Gmail SMTP

    —

    by

    Gabriel JC
    in , , , ,

    安裝完 Bitnami Stack 之後發現 WordPress 無法寄信，稍微研究後了解是因爲我根本沒有裝 MTA (Mail Transfer Agent) 或常稱 Mail Server，在 DNS 上會看到 MX，所以這篇來筆記一下安裝 Postfix 並配置他使用 Gmail SMTP 的過程（借用別人的 MTA）。 Reference: https://linux.vbird.org/linux_server/centos6/0380mail.php#postfix 前言…

  • Create an Easy Flask on GCP with Apache

    Create an Easy Flask on GCP with Apache

    —

    by

    Gabriel JC
    in , , ,

    Quick and easy note to deploy a Python Flask app on GCP(Google Cloud Platform), including configuring Apache web service and Certbot Free Let’s Encrypt SSL/TLS.…

  • Free SSL/TLS On Linux Apache With Flask

    Free SSL/TLS On Linux Apache With Flask

    —

    by

    Gabriel JC
    in , , ,

    This article is going to make Flask site served with Apache secured with SSL/TLS using Let’s encrypt. Reference: https://console.cloud.google.com/marketplace/product/bitnami-launchpad/wordpress?hl=zh-TW、https://docs.bitnami.com/google/apps/wordpress/、https://certbot.eff.org Introduction I’m using Apache serving my…

  • Remix Nested Route（嵌套路由） Explained

    Remix Nested Route（嵌套路由） Explained

    —

    by

    Gabriel JC
    in , , ,

    對剛開始學 Remix 的人，他的路由系統應該會看得很辛苦，沒關係我也是，所以就寫了這篇來記錄一下該怎麼好好的寫好這些路由。 Reference: https://remix.run/docs/en/main/components/outlet、https://remix.run/docs/en/main/file-conventions/routes解釋影片：https://www.youtube.com/watch?v=QONJCXsZt58Route Demo：https://interactive-remix-routing-v2.netlify.app Remix Route 名詞解釋 1. Route 在你的 route 裡面，長 your_route.tsx 會自動產生一個 route，可以從 /your_route 進入。在 Filing 系統中，你的檔案夾名稱就會是 route，而 Remix 會自動取得檔案夾下面的 route.tsx…

  • 2024 為什麼我開始學 REMIX 而不是 NEXT.JS？

    2024 為什麼我開始學 REMIX 而不是 NEXT.JS？

    —

    by

    Gabriel JC
    in , , , ,

    這篇會介紹 Remix 的主要特色和入門知識，包含 Loader、Action、Outlet。 Reference: https://remix.run | https://nextjs.org Why Remix? Remix 的特點就是一個檔案就可以處理全端資料，Remix 會根據 function 名稱幫你決定他該在前端還是後端。以往建立一個 Application，我們必須建立 HTML/CSS/JavaScript 的前端頁面，不論是用 React/Vue/Angular 或其他函式庫或框架，然後另外寫後端 API 讓前端 Fetch，JavaScript 提供 Node.js，Python…