以下示範使用javascript取得第三方登入的個人資訊 請先至Google Cloud 申請憑證，建立一組OAuth 2.0 用戶端 ID。 詳細申請教學可輸入關鍵字 "Google Cloud OAuth 2.0 申請教學" 上網尋找，網上有很多資源這裡就不多做說明。 完成申請可看到下圖： 1710944821364 接著開啟專案，輸入下方程式

什麼是 Google Map API 「Google 地圖 API」可讓您利用 JavaScript 將「Google 地圖」嵌入自己的網頁。此 API 透過多種服務提供一些公用程式，以操控地圖 (如同 http://maps.google.com 網頁上所示)，並新增地圖內容，能讓您在網站上建立強大的地圖應用程式。——Google 地圖 API 的使用方法 開始使用 在index.html加入，地圖會顯示在這個標籤裡。 <div id="map"></div> 2. 再加上這行引用，請寫在所有script的最上層。 <script async defer

這邊紀錄如何在Vue3專案裡使用多語系[color=#9C7DDE] 安裝 vue-i18n 套件 :::warning 請注意：v8 目前無支援 vue3，v9 才有支援。 ::: 當時安裝版本：^9.3.0-beta.24

static (靜態定位) 默認值，一般元素預設值。[color=#7BD4ED] 不能使用 top、right、bottom、left移動元素 :::danger 注意：值要寫單位(%、px)，否則效果不會顯示，例如：right: 25%。 ::: relative (相對定位) 可使用==top==、==bottom==、==right==、==left== 移動元素，但是relative是相對於自身初始值進行偏移，所以沒有定義(top、bottom、right、left)也會有效果，會隨著捲軸滾動，從左上角開始。[color=#FF9100]

sitemap 提供網站資訊進而增加SEO，提高網站被搜尋引擎找到的機率。 安裝 nuxt-simple-sitemap npm i -D nuxt-simple-sitemap 開啟根目錄 nuxt.config.js，增加以下區塊。 nuxt.config.js export default defineNuxtConfig({ modules: [

基本用法 正則表達式在很多程式語言或處理資料時都派得上用場，方便整理欄位資料，或用於欄位值輸入驗證...等等 實體字元，直接取得該字元：2022 只取得Apple與apple：[Aa]pple 只匹配Lion、liop：[Ll]io[np] 只匹配abcdefgh、ABCDEFGH、0123456789：[a-h 0-9 A-H] :::success -意義等同於中文的到 ( ex: a到h ) :::

遇到的問題 更新完程式碼，要部署分支時遇到這個問題，爬文找了一下原因👇 原因 在Heroku的安全通知表示，在他們找到可以安全地連線GitHub之前，不讓使用者以連線到GitHub的方式，去佈署分支(Deploy changes with GitHub)，並希望使用者們找其他方式去Deploy——Heroku 安全通知 處理方式 我決定先以Heroku CLI方式去更新網站，以Windows 10為例，方法如下：