Month: November 2022

剛介紹完「Freshping 免費網站監測服務，每分鐘檢測伺服器可否正常連線」後，再來分享一個我找到的免費監測服務，就如同前一篇文章所說，網站監測多半都是付費服務，但也會有兼具免費和付費方案的情形，而在差異上主要是可監測網站數量、時間間隔或是可使用的監測節點數不同，如果是一般個人網站，沒有額外預算使用付費方案的話，其實免費方案搭配上 Email 警報通知就已經夠用。 本文要介紹的「Pingbreak」是一個免費、簡易的網站監測服務，目前仍在測試階段，只要透過 Twitter 帳號登入就能使用。Pingbreak 特色是可以加入無限制的監測目標，而且監測間隔時間只有一分鐘，當網站發生問題時可以選擇透過 Slack、Twitter、Discord、Email 或是自定 Webhook 接收警告通知。 這項服務是由網路上的志願者共同開發，托管於贊助商提供的伺服器，尊重使用者隱私資訊，不會發送垃圾郵件或是出售使用者個資，即使未來新功能不斷推出依然會讓所有測試者可以免費使用。 Pingbreak https://pingbreak.com/ 使用教學 STEP 1 開啟 Pingbreak 網站，點選右上角「Login」登入 Twitter 帳號、完成授權後就會看到如下畫面，訊息表示會在幾小時設定完使用者帳號後通知你。 STEP 2 實際測試時間沒很久，後來再回到網站重新整理就看到控制台，介面看起來很簡單，我們先點選一下大頭貼，從選單找到設定和隱私功能。 在這裡點選左側選單「Time Zone」後時區部分選擇 Asia/Taipei，在網站監測工具上我會習慣看一下有沒有提供時間選項，如果有的話就照你的所在位置設定一下，可能在記錄或通知的時間上會比較準確。 STEP 3 點選右上角「+ New」加入要監控的目標網站，設定一個易於辨識的名稱，接著在監測頻率部分選擇要多少時間檢查一次網站可否連線，有 1 分鐘、2 分鐘、5 分鐘和 15 分鐘四個選項可以選擇，如果已經有使用其他的監測工具可以選擇較長的偵測間隔時間。 STEP 4 下方有四個選項，分別是 Notification、Cookies、HTTP Auth 和 SSL，點選第一個設定警報通知，啟用後可以選擇當網站無法正常連線時以那種方式通知，例如 Email、Twitter 訊息或是連接到 Slack、Mattermost、Discord 或其他程式。 如果有其他驗證需要也可設定 Cookies、HTTP Auth，SSL 確認憑證是否正常無誤。 STEP …

Pingbreak 簡易網站監控服務，可設定間隔一分鐘無監測數限制 – telegram 下載 Read More »

如果有注意台電公司寄來的電費帳單收據，會發現計費內容中有一條「節電獎勵」，這是什麼呢？簡單來說，若你當期用電量相較於去年同期來得少，為了獎勵使用者對於環境保護所做的努力，會將節省的電力度數轉換為獎勵金方式直接反映於電費帳單，假如將燈具更換為更省電的 LED，或汰換掉較為老舊、耗電的電器，那麼在電費上就會相當有感。 不過今年（2018 年）台電節電獎勵活動必須透過手動登錄方式才能參加，除了臨櫃或電話報名外，最簡單的方法就是上網登錄，強烈建議在 4 月 30 日前報名登錄完成，才能享有 107 年全年各期電費獎勵金，若超過這段期間則只能享有登錄日起各期電費之節電獎勵。 在登錄前必須先準備好你要申請的「電號」，這串數字可從電費收據或繳費憑證看到，登錄過程很簡單，如果不確定怎麼做的話可參考接下來的教學。 登錄台電節電獎勵活動教學 STEP 1 開啟「台電 107 年節電獎勵活動」網站，詳細閱讀活動辦法後點選最下方的「繼續」按鈕開始。 STEP 2 接著輸入要登錄的電號，如果不確定這組號碼在那，可點選下方「找不到電號？」開啟圖片說明。 電號會顯示於繳費憑證或繳費通知單的左上角，以紅色框框圈選處，還蠻明顯的應該很容易在收據上找到。 STEP 3 輸入電號後，必須再填入姓名、電話和 Email 信箱，勾選下方的「已閱讀並了解個資法」就能點選繼續送出申請。 STEP 4 最後出現登錄成功畫面，會顯示你的電號、姓名、電話和 Email，就代表登錄完成啦！不過這只有 107 年有效，明年會不會再改其他方式就不得而知了。如果家中有超過一組以上的電號記得要每一個都登錄才算有效。 相關文章 申請台電電子帳單，不寄送實體單據線上查電費還享折扣 台灣電力 APP 整合電子帳單手機查電費和用電度數（iOS、Android） 買冰箱、冷暖氣或除濕機可補助，節能電器退還減徵貨物稅線上申請教學 購買電冰箱、冷暖氣機或除濕機可退稅，憑發票收據就能自行申請 Ten articles before and after Apple 提供 iCloud 密碼瀏覽器外掛，可在 Windows 同步鑰匙圈密碼 – telegram 下載 Web Counter …

4/30 前登錄台電節電獎勵活動，省電就有獎勵金回饋 – telegram 下載 Read More »

無論你是一個工程師、設計師、作家或創作者，都會需要在網路上曝光自己，增加知名度，或是讓其他人更快認識你，或是你的作品，那麼建立一個線上個人頁面是不錯的方法，不過你可能不希望支付額外的費用在這件事情上，其實網路上就有不少服務可以快速幫你建置頁面，而且做出來的網頁不比一般的付費服務差，更可以省下每個月的主機等雜項支出，直接運用平台所提供的技術服務。 本文要介紹的 Hoverboard 是一個免費個人線上頁面的建置服務，簡單來說，註冊後可以把你的簡介、工作經歷、社交網路，或者曾經做過的專案等資訊放入網頁裡，產生一個網址。Hoverboard 的特色是它的介面設計相當優秀，採用自適應網頁設計（Responsive Web Design, RWD）技術，讓你的頁面無論在電腦、平板電腦或手機等裝置都可以閱讀，內建部落格功能。 我認為每個人都應該把自己當成「品牌」來經營，而 Hoverboard 就成為你的「官方網站」，如果你對於 Hoverboard 能呈現什麼樣的頁面有興趣，底下有範例鏈結可以參考。 網站名稱：Hoverboard 網站鏈結：https://hoverboard.io/ （免費註冊） 範例網址：https://hoverboard.io/sharky 使用教學 1. 開啟 Hoverboard 網站後，點擊 Get Your Hoverboard Profile ，填入帳戶名稱、Email，設定密碼後，就能完成註冊。 2. 註冊後就能開始設定 Hoverboard 資料，別忘紀要到信箱去點擊認證郵件裡的確認鏈結，才能完成註冊的程序，否則頁面下方會有一個綠色的提示訊息。 3. Hoverboard 個人資訊的設定頁面設計相當簡單，不過礙於網頁設計問題，必須使用尺寸較大的照片來作為封面，沒有設定也沒關係，Hoverboard 本身也有內建的預設圖片可以顯示。 其他像是專案、工作和時間軸等項目，回到個人頁面的首頁就能進行設定。 4. 在設定完成並儲存後，返回你的頁面即可看到所呈現出來的效果，網址為 hoverboard.io 後面接上你的使用者名稱，例如 hoverboard.io/pseric。我相當喜歡 Hoverboard 對於中文字的字型處理，閱讀起來相當舒服，也和整體的設計不會有所衝突，且本身的扁平化設計也符合目前的主流。 5. Hoverboard 和 LinkedIn 類似，可以查詢、追蹤其他使用者，或是幫他們「背書」，在對方的頁面上加入你的大頭貼，其實這是一個很有趣的功能，當認識的使用者愈多，就會集結成愈大的力量。 相關文章 Resumator 五分鐘建立個人線上名片，做網頁就跟用 Word 編輯文件一樣簡單 Typa 免費個人網頁，三分鐘設計質感簡歷 Standard …

Hoverboard 五分鐘打造線上個人頁面，展示你的專業領域 – telegram 下載 Read More »

HiNet 連線速率測試一直是許多人測試網路連線時常用的工具，近期中華電信也對此服務進行改版升級，推出全新的 HiNet 連線速率測試網站。此網站可以自動測試網路的上傳、下載速率，此外也提供幾個大小不一的檔案讓使用者測試 HTTP 傳輸測試。 在新版的連線速率測試網站裡，加入了 FTP 下載、上傳的速度測試功能。 使用方式相當簡單，以 Internet Explorer 或 Firefox 瀏覽器進入 HiNet 連線速率測試網站，然後點擊網站上方的”開始測試”，約 30秒左右就會顯示出你目前的下行、上行速率。 HiNet 在這次網站設計上，我覺得還算用心，例如一些注意事項、說明等等都有附上小圖，讓使用者能更理解。 你還可以在以下兩個頁面，找到 HTTP 及 FTP 傳輸測試： HTTP: https://speed.hinet.net/index_test01.htm FTP: https://speed.hinet.net/index_test02.htm 目前這項工具還在測試當中，如果使用上有任何疑問，不妨透過首頁右側的 FAQ 尋求解答。 網址：https://speed.hinet.net/ 相關文章 Speedtest 免費網路測速服務採用 HTML5 技術全新開發 Speedtest Custom 打造品牌客製化網路測速頁面，記錄保存 60 天可匯出 Download Test Files 下載各種大小測試檔案，檢查網路下載速度 Cloudflare Speed 免費網路測速服務，可測網路速度、延遲和抖動情形 Ten articles before and after …

新版 HiNet 連線速率測試網站 – telegram 下載 Read More »

介紹過許多提供免費下載音樂音效素材網站，我個人最喜愛 YouTube 音效庫內建的免費音樂頻道，可自由下載使用 Mp3 背景音樂，在製作影片時就能從這個音樂庫找尋有無合適的素材，完整授權說明讓創作者能夠安心合法使用。本文要介紹另一個絕佳的免費音樂音效素材來源 Vimeo Music Store，我曾經在 20 個免費下載創用 CC 授權音樂的網站彙整提到，從這裡可以下載搜尋更多免費及付費音樂素材，豐富程度不亞於 YouTube！ Vimeo Music Store 是線上影音平台 Vimeo 提供的一項服務，收錄超過四萬個免費音樂素材下載！雖然字面上為音樂商店，但也收錄不少免費資源，利用網站內建的搜尋篩選工具，就能輕鬆找到許多可免費使用的選擇，線上預覽收聽，喜歡就能下載 Mp3 格式，沒有任何限制。 在 Vimeo 音樂商店內的素材多半採用 Creative Commons 授權（簡稱 CC 授權），只要在使用時標示該創作者名稱即可，有些會限制不可用於商業目的，授權方面非常清楚易懂，這也表示當創作者需要使用到 Vimeo Music Store 提供的音樂音效素材時，能夠很確切了解相關授權方式，以避免在使用上發生糾紛。 如果你在創作影片或投影片時需要用到背景音樂，可以到網站的免費音樂音效分類尋找相關免費資源，或者直接前往 Vimeo Music Store 尋找合適素材，以下我會就如何使用這項服務及下載方式做簡單教學。 網站名稱：Vimeo Music Store 網站鏈結：https://vimeo.com/musicstore/ 使用教學 STEP 1 開啟 Vimeo Music Store 網站，在「Music Search」搜尋點選右下角「Advanced Filters」篩選功能，如下圖箭頭所示，我們要篩選出可免費下載使用的音樂音效素材。 STEP 2 接著從「Price Range」選擇「Free（免費）」，就能將所有需要付費才能下載的音樂素材隱藏，僅顯示可免費下載的項目。當然如果你願意支付一些費用來購買音樂素材，也可以使用其他條件來進行搜尋篩選，這些項目都不會很貴，依你需要的授權方式而有不同定價。 …

Vimeo Music Store 免費音樂、配樂及音效庫資源，超過四萬個音效素材免費下載 – telegram 下載 Read More »

要寫出一篇圖文並茂的文章可能不難，但要找到適切的素材就要花上不少時間，網路上雖然有許多相片搜尋引擎，搜尋到的相片卻不全然都適合用在文章內，因為我們無法 100% 確認相片的拍攝者是誰，即便知道原創者，亦不太可能逐一聯絡來詢問授權。PhotoPin 為此而生，它提供部落客或網站主一個完全合法使用相片素材的管道。 PhotoPin 的搜尋範圍不是全網路，而是世界最大的線上相簿提供者 Flickr ，結合 Flickr API 端口，使用者只需要輸入要查找的相片關鍵字，就可以在 PhotoPin 內輕鬆搜尋到使用 Creative Commons 授權（簡稱創用 CC 授權）的相片，並將相片合法下載、運用到自己的網站或部落格文章裡。 網站名稱：Photo Pin 網站鏈結：https://photopin.com/ 進入 PhotoPin 後輸入要搜尋的關鍵字，基本上搜尋時以中文或英文皆可，但找到的相片可能會不太一樣。如果沒有發現合適的相片，可以用不同的語言搜尋看看。 搜尋結果相當精緻，左側可以設定要找尋的授權類型：Commerical（商業用）、Non-Commerical（非商業用），也可以按照時間、相關性來排序搜尋結果。 點擊任一張圖片的 Preview 可以放大預覽，點擊 Get Photo 來獲取圖片的下載資訊。 接著就可以下載任何尺寸的照片原圖了！包括最小的 Square 尺寸（75×75）甚至到最大張的原始圖片大小一應俱全，不過這還是要看原圖上傳的尺寸大小，如果本身就不夠大張，那就不會有這麼多尺寸了。 依照 Flickr 的使用原則，引用圖片最好是在該頁面放入一個反向鏈結並連回到這張圖片的原作者頁面，PhotoPin 也在下方幫你準備好程式碼囉！ 如果你想在文章或網站裡插入一些高品質的相片，又希望可以合法使用的話，Photo Pin 就是一款相當方便的搜尋工具，喜歡的話記得分享給你的好友。 相關文章 找圖就來！Image Finder 搜尋超過 16 萬張高品質免費圖庫相片 超實用免費圖庫搜尋引擎！一站快搜可用於商業用途高畫質 CC0 相片素材 Kaboompics 連新聞媒體都愛用的免費圖庫！5000 張相片自由下載可商用 Museo 整合各大博物館美術館，搜尋各種免版稅、免費下載圖庫相片 …

Photo Pin 部落客的免費圖庫，可以在文章裡合法使用的高品質相片 – telegram 下載 Read More »

如果對於網頁大小有點概念，應該會知道在選擇虛擬主機往往不需要過大空間，因為更重要的可能是頻寬流量或頁面載入速度，依照我的經驗，只要數十 MB 就能應付一個基本的網頁，大多數會消耗容量的都是圖片或影音檔案，只是有時候要找一個小容量又兼具價格和穩定性的網站空間並不容易，取而代之的是在用不到的規格上多花了錢。 一直很希望有個小小的空間能放個人頁面，不用太多的流量需求，但必須要穩定且隨時能夠連線，特別是拿來放個人或公司簡介及聯絡資訊，如果你有類似需求，本文要介紹的免費服務你也許會喜歡。 接下來要推薦的「1MB」顧名思義就是只能製作 1 MB 大小的網頁，其實可別小看只有這個大小，換算為原始碼可是能塞入很多東西，無論是要建立個人網頁，或是專案頁面，共享一些程式碼或測試 JavaScript 都可以在這裡辦到。 不過「1MB」只有最基礎的原始碼編輯器功能，無法上傳圖片或其他檔案，圖片部分可託管於 Imgur 等圖片空間，採用外連方式載入到網頁中，影片的話也有免費影片空間可以上傳檔案，其實解決方法很多，很可惜的是沒有自訂網址（Custom Domain）功能，只能使用網站提供的免費子網域名稱。 網站名稱：1MB 網站鏈結：https://1mb.site/ 使用教學 STEP 1 開啟 1MB 註冊頁面，輸入使用者名稱、Email 和密碼就能獲取帳號，如果你從首頁進去只會看到登入頁面，註冊鏈結就在登入頁最下方。 STEP 2 註冊後 1MB 會給你一個網站解鎖密碼（Site Key），這一串代碼非常重要，如果日後要編輯網頁都會詢問你這組代碼，記得要保存下來（若是以後忘記了也沒關係，重新登入就能看到 Site Key）。 接著點選下方鏈結開啟並開始編輯你的網站。 編輯前都會要求使用者輸入 Site Key 以驗證你是擁有者，正確填入後就會跳到網頁編輯器，要注意的是 1MB 並沒有提供常見的所見即所得編輯器，而是直接給使用者程式碼編輯器，因此你可能得要搞懂 HTML 才能正常使用。 STEP 3 你可以先點選右上角的選單，找到「Templates」模版選項。 1MB 提供空白的 HTML、Dalton’s Blank HTML、Bootstrap、Bulma、Pure 等一些預設的模版程式碼範本，如果不想從頭到尾一字一句的自己刻程式碼，直接帶入模版然後稍作修改會更簡單方便。 STEP 4 帶入程式碼模版看起來就像這樣，因為必要的 CSS 和 JavaScript …

免費建立分享僅限 1MB 網頁，可製作個人網頁、專案頁面或靜態部落格 – telegram 下載 Read More »

在每個社群網站、不同位置的圖片都會有最合適的尺寸大小，舉例來說，大頭貼多半是正方形，封面圖片則以長方形為主，雖然社群網站編輯器會自動將使用者上傳的圖片進行裁切，但在顯示上不如最佳尺寸效果來得好，如果有心經營社群媒體的朋友一定要記得使用正確的圖片大小，之前介紹過 Social Media Image Maker 可以將圖片裁切為特定尺寸，其他像是 Landscape、Promo Image Resizer 都是類似服務。 本文要介紹「Pixelhunter」是使用 AI 人工智慧技術對社群網站圖片自動裁切的線上工具，如果覺得手動裁切圖片太耗時，這項服務透過 Uploadcare Intelligence API 來辨識圖片並自動剪裁，Uploadcare 會自動識別圖片主題，裁切時將範圍設定在照片最重要的部分，使用者也無需手動編輯調整。 Pixelhunter 提供超過 102 種圖片尺寸，支援常見平台包括 Facebook、Facebook 廣告、Google 廣告、Instagram、Twitter、YouTube、TikTok、LinkedIn、Pinterest 和 Snapchat 等等，操作方式也很簡單，只要把圖片拖曳上去或從第三方服務載入圖片即可，如果需要也可以將所有尺寸圖片完整打包下載。 Pixelhunter https://pixelhunter.io/ 使用教學 STEP 1 開啟 Pixelhunter 網站直接點選「Choose a file」選擇要自動剪裁、最佳化圖片進行上傳，從網站可以看到目前支援的社群服務或廣告平台，預設情況是簡易模式，只會產生六種服務常見的圖片尺寸，如果需要可點選「More sizes」來產生更多不同社群平台適用的圖片大小。 STEP 2 接著從左側選擇要上傳或載入的圖片來源，可以直接本機上傳、攝影機或是將鏈結貼上，也能從 Facebook、Instagram 或網路硬碟 Google Drive、Dropbox 或 Google 相簿載入特定圖片。 STEP 3 點選加入後圖片就會自動出現在網頁下方，替換原本的預覽圖，這部分比較特別（在測試時還找了一下），例如圖片運用在 Facebook 時會有大頭貼、貼文圖片或封面圖片，建議的尺寸大小都不太相同，將游標移動到圖片上方，右上角就會顯示圖片格式、尺寸和「下載」按鈕。 STEP 4 每張圖片的使用位置都會有示意圖、小技巧說明，除了點選右上角的「下載」將圖片保存起來，亦可勾選左上角，然後再以右下角「Download …

Pixelhunter 以人工智慧自動裁切圖片，符合社群平台和廣告建議的尺寸大小 – telegram 下載 Read More »