Your cart is currently empty!
Tag: Tech
-
WordPress SMTP 無法傳送郵件給自己網域
這個 SMTP 問題有關 DNS，真的是找解方找了整個晚上，搞得人好燥，但只能說是自己才疏學淺，但總之是解決了！>< 感謝我孜孜不倦問 ChatGPT 嗚嗚 前情提要 好的今天就是心血來潮想要弄出自己的網域的 Email，一開始想說從 WordPress 最原生的 wp_mail() 來找找解方，聽說是可以在自己伺服器上架設 Mail Server（所以才有上一篇），這個 Server 不管是你要用它來收發（IMAP、SMTP）都可以，也可以直接在裡面設定使用外部 SMTP，例如 Gmail。 結果呢，因為設定 SMTP 會需要 Google 應用程式密碼，所以申請出來了，也確實在伺服器架了一個可以寄送的…
-
Linux Postfix Mail Server with Gmail SMTP
安裝完 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
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.…
-
Remix Nested Route（嵌套路由） Explained
對剛開始學 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？
這篇會介紹 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…
-
How Simple Error Handling in RemixJS V2!
This is a note to record REMIX Error Handling. CatchBoundary in REMIX v2 no longer exists, it becomes true of isRouteErrorResponse(useRouteError()). https://remix.run/docs/en/main/route/error-boundaryhttps://remix.run/docs/en/main/start/v2#catchboundary-and-errorboundary Structure In REMIX…
-
Mac 上透過 VMware Fusion 免費使用 Windows 11
2024 還是有部分軟體不直接支援 macOS，這邊筆記一下我怎麼使用 VMware Fusion for Personal Use 免費在 MacBook Air 13 M2 上使用 Windows 過程參考：使用 VMware 下載 Windows 11: https://www.youtube.com/watch?v=I3wPJFaWo_A使用 Parallels 下載 Windows 11:…
-
Docker 承載你的所有心血，讓你的 App 可以在所有地方快速啟動
有了 Docker 之後，你的 App 就不需要煩惱開發環境跟真實部署的環境有相容性的問題，整包帶走！ 可以看看 Docker 跟 Linux commands: https://www.youtube.com/watch?v=pTFZFxd4hOI&t=18s同樣看看 Docker-compose: https://www.youtube.com/watch?v=HG6yIjZapSA Docker 簡介 簡言之，有了 Docker 我們只需要寫好程式碼，使用 docker build 產生 Image，然後把 Image 帶到任何地方使用 docker…
-
![[更新] 透過 WordPress 架設電商網站，並串接管理後台](https://www.gabriel.cyou/wp-content/uploads/2024/01/Google-Cloud.png)
[更新] 透過 WordPress 架設電商網站，並串接管理後台
這篇稍微更新一下半年後接觸了許多前後端跟雲端運算後的想法 參見 iThome 鐵人賽文章：https://ithelp.ithome.com.tw/articles/10316189 之前在 2023 iThome 鐵人賽寫了一系列 30 篇關於 WordPress 的文章，作為開始紀錄科技學習的起點，講述從取得網域、架設伺服器、安裝 WordPress，到將 WooCommerce 訂單 Webhook 至 Ragic! 的過程。 總之如果重來一次，我會 —————————— 使用 GCP 架設伺服器 可以使用…
-
OpenAI Whisper + Python 轉換 GoodNotes 音檔
最近期末考，很多課都只是錄音沒在上課，有些老師講話又很慢，所以剛剛好來玩玩 OpenAI API Reference: https://platform.openai.com/docs/guides/speech-to-text/quickstart Whisper by OpenAI GitHub: https://github.com/GJC14/whisper Whisper 是 OpenAI API platform 的其中一個 Models，其他的還有比較知名的文字、圖像模型 (Chat)GPT、DALL·E。雖然目前也有許多團隊有自己的 Speech to text AI，像是 Google Cloud Speech-to-Text、SpeechText.AI、Descript，但因為…