文章列表 頁1

Laravel Blade Component 教學:建立可重用的 Breadcrumb 麵包屑元件

在專案中常常會使用到麵包屑導航(Breadcrumb),來引導使用者知道目前頁面所在的位置。這篇教學將示範如何在 Laravel 中製作一個簡潔又好用的 Breadcrumb 元件,並透過 Laravel 的 Blade Component 功能重複使用。

n8n 教學:抓取匯率資訊並發送至 Telegram Bot

用這篇文章說明如何透過 n8n 每日自動抓取匯率資料並傳送至 Telegram。

Telegram Bot 建立教學

本篇將教你如何建立 Telegram Bot,之後可以用它來傳遞一些訊息。

使用 FlexClip AI 語音辨識功能,快速上字幕

用這個影片來教大家用 FlexClip 上字幕的方法。

Laravel 教學:如何複製前一天的資料到指定日期(使用 Schedule 模型)

在排程或班表管理的系統中,常會遇到這樣的需求:將前一天的排程資料複製到今天或任意指定日期,本教學將介紹如何使用 Laravel 的 Eloquent ORM 搭配 Schedule 模型,完成下列流程。

Vue 3 Composition API 表格欄位排序教學(點欄位升冪/降冪)

說明在 Vue 製作點擊列表標頭調整排序的做法。

Laravel 自動延長登入 Session 教學(適用 Laravel Session 驗證機制)

說明透過 Laravel 登入後,如何在如果使用者有持續使用網站的情況下延長登入時間。

Laravel 多語系網站架構教學

本教學將引導你在 Laravel (主要是 12.x 版) 中建立一套乾淨的多語系架構,包含:支援 /en、/zh-TW 等語系前綴網址、將語言變數 $lang 傳入 Blade 模板、可共用語系檔或不使用語系檔皆可判斷語言。

如何透過網址的變數抓取搜尋目標並自訂 Google 全站搜尋框後顯示搜尋結果(使用 gcse-searchresults-only)

Google 自訂搜尋引擎(Programmable Search Engine, CSE)讓你可以將 Google 的搜尋結果嵌入到自己網站上。本篇教學將示範如何自訂搜尋框,並使用 gcse-searchresults-only 只顯示搜尋結果,這樣你就可以從網站上的任何地方搜尋後並在目標頁顯示搜尋的結果。

使用 ChatGPT 設計 Line 貼圖並上架到 Line Creator 教學

說明用 ChatGPT 設計 Line 貼圖並上架到 Line 的方法。

n8n 教學:抓取氣象資訊後並透過 ChatGPT 生成天氣小叮嚀後發佈至 Discord

說明透過 n8n 抓取氣象資訊後並透過 ChatGPT 生成天氣小叮嚀後發佈至 Discord 的方法。

開通 OpenAI API 的方法

一步一步說明開通 OpenAI API 的方法。

透過 n8n 每日發送氣象資訊至 Discord

說明如何透過 n8n 串接氣象資料並定時發送到 Discord 的方法。

使用 Google Gemini 以及剪映快速生成精準字幕

介紹如何使用 AI 工具,快速生成精準的影片字幕。使用工具為 Google Gemini 以及剪映。

GitHub Copilot 全面升級:代理模式上線,支援 MCP 提供更準確建議

GitHub 在 VS Code 推出 Copilot 代理模式與 MCP 支援,讓 AI 能主動修錯、建議終端命令並理解上下文(如資料庫結構)。新推出 Copilot Pro+ 提供每月 1,500 次高級請求及 GPT-4.5 存取,進一步提升開發效率與互動體驗。

如何在 AMP 頁面正確埋設 Google AdSense 與 Google Analytics(GA4)

AMP(Accelerated Mobile Pages)是一種以速度與效能為優先的網頁技術,廣泛應用於行動版網頁。然而,AMP 頁面對於 JavaScript 有嚴格限制,導致我們不能直接使用傳統的 Google AdSense 與 Google Analytics 嵌入碼。

使用 ChatGPT 4o 生成個人虛擬頭像,並製作一系列風格一致的圖片

介紹一下該怎麼利用 ChatGPT 創建虛擬頭像以及應用在生成一系列情境圖上。

ChatGPT-4o 應用,生圖後再透過 Tripo AI 轉 3D 模型

說明如何用 ChatGPT 搭配 Tripo AI 快速產出高品質 3D 模型。