免費建立您的天氣小工具
任何城市的即時天氣，完全可自訂。只需一行 HTML——適用於任何網站（WordPress、Shopify、Wix、純 HTML 等）。永久免費。
1. 選擇城市
/fr/paris → city=paris&country=fr2. 尺寸
3. 外觀
4. 語言及單位
5. 顯示/隱藏區塊
即時預覽
60秒內即可嵌入任何網站的免費天氣小工具
weather.now 小工具以38種語言顯示全球任何城市的即時天氣狀況和7日預報。選定城市，複製一段簡短的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）並貼上程式碼。小工具在兩個沙盒中都能正確顯示。
我可以在同一頁顯示多個城市的預報嗎？
可以 — 您可以隨意貼上多次程式碼片段，每個城市一次。每個小工具獨立載入，並在邊緣端個別快取，因此增加更多城市不會拖慢頁面速度。
天氣小工具會拖慢我的網站嗎？
對核心網頁指標沒有可測量的影響。載入腳本約 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 種支援的地區設定之一，小工具就會始終以該語言顯示。如果保留為自動，小工具則會跟隨每位訪客的瀏覽器語言。
準備好為你的網站加入天氣資訊了嗎？
向上滾動，搜尋你的城市，選擇尺寸和顏色，然後複製程式碼。整個過程不到一分鐘，你的訪客就能永久獲得即時天氣預報——完全免費。