免費建立您的天氣小工具
任何城市的即時天氣，完全可自訂。只需一行 HTML——適用於任何網站（WordPress、Shopify、Wix、純 HTML 等）。永久免費。
1. 選擇城市
/fr/paris → city=paris&country=fr2. 尺寸
3. 外觀
4. 語言與單位
5. 顯示/隱藏區塊
即時預覽
60 秒內即可嵌入任何網站的免費天氣小工具
weather.now 小工具可顯示全球任何城市的即時天氣狀況與 7 天預報，支援 38 種語言。選定城市、複製一段簡短的 HTML 程式碼、貼到你的網頁上，安裝就完成了。無需外掛、無需帳號、無需 API 金鑰、無需付費。
可用於部落格、飯店登陸頁面、度假租賃網站、房地產列表、學校入口網站、旅遊指南、碼頭、滑雪勝地、Shopify 商店——任何需要顯示即時天氣的頁面都適用。
這段程式碼同時做到兩件事：對訪客來說，它呈現為乾淨、有樣式的天氣卡片；對搜尋引擎、RSS 閱讀器和螢幕閱讀器來說，它呈現為語意化的 HTML 引用：城市名稱、連到預報頁面的連結，以及 weather.now 的來源標示。兩者都來自一行程式碼。
為什麼大家選擇這個免費天氣小工具
- 永久免費。 無需註冊、無需 API 金鑰、無使用限制、無需信用卡。貼上就能用。
- 完全自訂。 淺色、深色或自動主題。可自訂強調色、背景色、文字顏色、圓角半徑、字型大小、小工具尺寸，以及要顯示的區塊。
- 38 種語言。 英文、西班牙文、法文、德文、葡萄牙文、義大利文、荷蘭文、俄文、阿拉伯文、中文（簡體及繁體，分別適用香港與台灣）、日文、韓文、越南文、土耳其文、波蘭文、捷克文、斯洛伐克文、希臘文、希伯來文、泰文、印尼文、馬來文、芬蘭文、挪威文、瑞典文、丹麥文、羅馬尼亞文、匈牙利文、保加利亞文、烏克蘭文、立陶宛文、拉脫維亞文、愛沙尼亞文、斯洛維尼亞文、塞爾維亞文和冰島文。
- 選擇你的日期與時間格式。 12 小時制（含 AM/PM）或 24 小時制。星期名稱、MM/DD、DD/MM 或含月份名稱的日期。
- 選擇你的單位。 攝氏或華氏。公制或英制風速。每個小工具可獨立設定。
- 適用任何版面配置。 橫幅、方形、標準或完整預設尺寸，或拖曳調整預覽至 180×80 到 1200×1000 像素之間的任何尺寸。小工具會隨著容器變化自動重新排列內容。
- 極速流暢。 伺服器端渲染的 HTML，無需外部 JavaScript 函式庫、無需下載字型、無追蹤腳本。載入腳本約 1 KB；渲染後的小工具壓縮後約 6 到 8 KB。
- 適用於所有平台。 WordPress、Shopify、Wix、Squarespace、Webflow、Ghost、Joomla、Drupal、Notion 網站、純 HTML、單頁應用程式——任何允許嵌入一小段 HTML 的地方都行。
- 專為 SEO 打造。 這段程式碼內含一個真實、可索引的引用區塊，包含城市名稱及其預報頁面的連結。搜尋引擎在爬取你的頁面時，在小工具腳本執行前就能看到它。
嵌入方式說明
你貼上的程式碼是一個小型 HTML 引用區塊，後面接著一行 script 標籤。這個區塊本身已經是有效的、可讀的內容：一個帶有城市名稱的標題、一個連到完整預報頁面的連結，以及 weather.now 的版權標示。爬蟲在到達你的頁面時就能看到它。
當頁面在支援 JavaScript 的瀏覽器中載入時，我們的載入腳本（約 1 KB，非同步載入）會將引用區塊替換為美觀的即時天氣小工具。你的真人訪客會看到渲染後的小工具。爬蟲、RSS 閱讀器、螢幕閱讀器、電子郵件用戶端，以及任何不執行 JavaScript 的環境，則會看到乾淨的引用備用內容。沒有任何內容被隱藏或遺失。
Twitter、Instagram 和 Reddit 的嵌入功能也採用相同做法：先提供語意化的 HTML 備用內容，再增強為豐富的小工具。你不需要撰寫 JavaScript、設定 iframe，或擔心會阻塞渲染的腳本。你只需貼上、發布，就能正常運作。
常見問題
天氣小工具真的免費嗎？
是的，完全免費，無需註冊、無需 API 金鑰、也沒有使用次數限制。我們只要求您在程式碼片段中保留小小的 weather.now 標示。這個標示能讓新用戶發現我們，也是我們能持續提供免費小工具的原因。
如何在 WordPress 安裝小工具？
在區塊編輯器（Gutenberg）中新增「自訂 HTML」區塊，然後貼上程式碼片段。在傳統編輯器中，切換到「文字」或「HTML」分頁再貼上。在 Elementor 或 Divi 中，使用 HTML 小工具即可。無需安裝外掛或修改主題。
如何在 Shopify 上安裝？
開啟主題編輯器，在任意頁面新增一個自訂 HTML 區塊，然後貼上程式碼片段。若要在頁尾或側邊欄加入全站小工具，請編輯 theme.liquid 檔案，並將程式碼片段貼到您希望顯示的位置。它也能在商品頁面和部落格文章中正常運作。
如何在 Wix 或 Squarespace 安裝？
兩個編輯器都有 HTML 嵌入區塊。在 Wix 中新增「嵌入 HTML」元素，貼上程式碼片段。在 Squarespace 中新增「程式碼」區塊（設為 HTML），貼上程式碼片段。小工具在兩個沙盒中都能正確顯示。
我可以在同一個頁面上顯示多個城市的預報嗎？
可以 — 您想貼幾次就貼幾次，每個城市一個。每個小工具獨立載入，並在邊緣端個別快取，因此增加更多城市不會拖慢頁面速度。
天氣小工具會讓我的網站變慢嗎？
對 Core Web Vitals 沒有可測量的影響。載入腳本約 1 KB，且非同步載入。小工具本身採用懶載入 — 直到訪客滾動到附近才會渲染。渲染後的內容平均為 6 到 8 KB（gzip 壓縮後），透過 CDN 提供，全球延遲低於 100 毫秒。
安裝後可以更改顏色和尺寸嗎？
可以，每個選項都是程式碼片段中的純 HTML 屬性。在貼上的程式碼中修改數字或十六進位色碼，下次頁面載入時小工具就會更新。無需 CSS 檔案或建置步驟。或者回到上方的產生器，設計新版本，再複製新的程式碼片段。
天氣資料多即時？
當前天氣狀況在我們的伺服器上每 5 到 10 分鐘更新一次。小工具會從即時快取中擷取資料，因此您的訪客無需您手動操作，就能看到最新的天氣資訊。
你們使用哪些天氣資料來源？
我們彙整全球主要氣象供應商的資料，並為每個城市選取解析度最高的來源。涵蓋範圍遍及全球：每個有人居住的國家，以及超過 280 萬個城鎮，包括多數 API 遺漏的偏遠地區。
這個小工具符合 GDPR 規範嗎？
符合。小工具不設定任何 Cookie、不執行追蹤腳本、不對使用者進行指紋辨識，也不會使用訪客的 IP 位址進行分析。它唯一的網路請求是向 weather.now 取得小工具的 HTML 和天氣圖示——這與您的網站嵌入 YouTube 影片或 Google 地圖時發出的請求相同。您無需將其加入 Cookie 橫幅。
如果訪客停用 JavaScript，這個小工具還能運作嗎？
可以——他們會看到 HTML 備用內容：城市名稱、可連到 weather.now 完整天氣預報頁面的連結，以及 weather.now 的標示。美觀的小工具本身只有在載入腳本執行後才會出現。
我可以在 AMP 頁面上使用這個小工具嗎？
AMP 會移除自訂腳本，因此即時小工具無法在 AMP 頁面上渲染。HTML 備用內容（城市名稱、預報連結、版權標示）是有效的 AMP 標記，可以正常顯示，這對大多數使用情況來說已經足夠。
無論訪客來自哪裡，我可以強制使用特定語言嗎？
可以——在產生器中將語言選項設為 38 種支援的地區設定之一，小工具就會始終以該語言顯示。若保留為自動，小工具則會跟隨每位訪客的瀏覽器語言。
準備好為你的網站加入天氣資訊了嗎？
往上滑回去，搜尋你的城市，選擇尺寸和顏色，然後複製程式碼。整個過程不到一分鐘，你的訪客就能永久獲得即時天氣預報——完全免費。