Clik here to view.
Google Drive 外連圖片無法顯示的解決方法
最近有客戶表示擺放在 Google Drive 的圖片，在網頁上都無法顯示了，但如果把圖片網址貼在瀏覽器網址列，這張圖片外連其實還是能顯示。而且進入雲端硬碟帳號檢視，圖片並沒有不見，也都能叫出來顯示，不曉得發生什麼情況。 查了一下國外論壇討論串，發生災情的時間點大致是上個月初(2024年1月)，有人提到這件事跟「Google 雲端硬碟中的第三方 Cookie」有關，而這個第三方 cookie...
View ArticleClik here to view.
Blogger 日期格式化詳解
Blogger 如果想調整日期格式的話，後台就有許多排列組合可選，照理說總能找到一個滿意的。只不過 Blogger 是外國人設計的產品，日期格式主要按照西式的排列習慣，還真不一定能符合所有人喜好。 雖然 Blogger 官方並沒公開關於日期格式化的說明，不過網路上倒有一些資料可循，本篇會詳細說明如何將日期改成自己想要的格式，中英文都可以。 (圖片出處: unsplash.com) 一、注意事項1....
View ArticleClik here to view.
提供網址重新導向的免費服務﹍redirect.pizza
如果有買網址的話，網址商後台都會有轉址服務，有時管理的子網域一多，可能需要變動一下網址，以配合不同需求。例如原本部落格放在 www.自訂網域.com，後來業務變多以後，想將部落格挪到 blog.自訂網域.com，這時就可設定「網址重新導向」，將 www 子網域用 301 轉址導向 blog 子網域。 但要這麼做還得另外確認一件事，也就是網址商是否提供「路徑轉址」的功能。我的網址商是 Google...
View ArticleClik here to view.
部落格定時自動備份服務
之前經歷「Blogger 網誌被刪除」事件，為了防止日後再發生意外，開發了部落格定時自動備份工具，如此隨時可將備份資料移轉到新的網站、或是新的平台，沒有任何後顧之憂。 由於處理了相當多網站，此工具已可作為一項服務，有需要自動備份網站的話請用文末聯絡表單與本站聯繫。 (圖片出處: pxhere.com) 一、備份方式1. API 工具根據不同部落格平台，操作對應的 API...
View ArticleClik here to view.
Blogger 如何自訂縮圖、封面圖尺寸
很久以前曾寫過「Blogger 封面圖+縮圖 各種呈現方式」，說明如何在首頁顯示文章縮圖，在文章頁顯示封面圖。現在 Blogger 範本提供了非常實用的語法，可直接對縮圖、封面圖進行裁切，調整為任意長寬比例，本篇就來看看如何實作。 不過奇特的是，這麼重要且強大的功能，跟上一篇「Blogger 日期格式化詳解」一樣，Blogger 官方沒有釋出任何公告或說明文件，只有網路流傳的資訊。我猜測原因是，自從...
View ArticleClik here to view.
網站救援服務﹍復原被刪除的部落格文章
之前經歷「Blogger 網誌被刪除」事件，為了救回被刪除的一列相關網站，開發了網站救援工具，可以從網路現存的備份頁面，爬取文章相關內容。 由於處理了相當多網站，此工具已可作為一項服務，有需要網站救援的話請用文末聯絡表單與本站聯繫。 (圖片出處: unsplash.com)...
View ArticleClik here to view.
Adsense「新加坡稅務資訊」線上申請流程紀錄+心得技巧
去年(2023)11月收到 Adsense 後台通知，需要提交「新加坡稅務資訊」，沒想到前前後後搞了 2 個月以上才塵埃落定。一方面這件事真的很麻煩，一方面這也是 Adsense 自己的鍋，沒事趕在年底要使用者做這件事，搞得積極先處理的人通通做白工，到了 2024 年又得重新申請。 去年底申請完文件並提交 Adsense 的那一刻，後台畫面立刻自動秀出有效期限為...
View ArticleClik here to view.
取代 Evernote 的輕量筆記軟體 UpNote﹍轉換心得與使用技巧
Evernote 曾是滿足我所有需求的筆記軟體，無論是工作、客戶管理、寫程式等都離不開他，也付費支持了好多年。然而不知何時開始，Evernote 費用不斷調漲，功能是越加越多沒錯，但其實我都不需要啊！即便用的是付費版，但每月上傳量根本連免費版 60MB 的 1/4 都不到(內容主要是文字)，所以後來又用回免費版了，覺得錢花得沒那個價值。 如果 Evernote...
View ArticleClik here to view.
Blogger 網誌被刪除的救援處理紀錄+預防措施+未來規劃
多年前曾寫過「Blogger 刪了你的網站怎麼辦？」，是因為知名網站「阿榮福利味」一度被 Blogger 刪除，結果前陣子我也遭遇類似狀況，發生了網站無預警被刪除的事件，而且牽連甚廣。當然我的狀況跟阿榮不太一樣，不過既然都是正當合法在經營網站，不會有違法違規的行為，自然申訴一段時間後 Google 也就恢復了網站。...
View ArticleClik here to view.
2024 如何讓 Win10 停止通知自動更新
前陣子換新電腦，安裝完 Windows 10 很重要的一件事，是避免系統自動更新，原因及解決方法已紀錄在這篇「如何讓 Win10 徹底停止自動更新」。 以現在的時間點 2024 來說，最近檢驗過該篇的作法，對當初那台筆電仍然是有效的。然而同樣的作法對新電腦卻是無效，為何是如此呢？仔細想了想，原因大致如下： 上一篇的原理，是修改 Win10...
View ArticleClik here to view.
為何我選擇 GitHub Page + Hexo + Cloudflare 作為 Blogger 替代品
因為經歷了「Blogger 網誌被刪除」事件，我計畫將出事的網站搬到自架站，可以避免網站寄人籬下時，需要應付平台的各種合理或不合理規範，不過有相當多問題要解決： 要搬到哪個平台比較適當？如何抉擇各種自架站平台？能否沿用 Blogger 網址結構(才能不影響 SEO)？如何克服主機(或是網站託管平台)的流量或其他限制？能否匯入 Blogger 文章(是否支援 Blogger...
View ArticleClik here to view.
讓 Line 網頁版能開機自動執行
長久以來在多台電腦使用 Line 的困擾是，登入後 Line 會自動將其他電腦的 Line 登出。而且被登出後，下次這台電腦開機就不會自動登入，必須重新輸入密碼，還挺麻煩的。 如果家裡有一台桌機、一台筆電，想要都使用 Line 但又希望不會被自動登出，導致需要重新輸入密碼，最好的辦法是第二台裝置改用「Line 網頁版」。 不過隨之而來的問題會是，由於 Line...
View ArticleClik here to view.
Hexo 架站流程踩坑紀錄(1)﹍建立 GitHub Pages
接續「為何我選擇 GitHub Page + Hexo + Cloudflare 作為 Blogger 替代品」，本篇為「Blogger 搬到 Hexo 流程」系列文第一篇，說明如何在 GitHub 架設 Hexo 網誌。 這個過程有相當多步驟，且網路上已經有許多教學文章，所以大部分流程會直接提供寫得不錯的教學連結，請直接參考即可。需要補充的部份、以及我踩到的坑，才會花比較多篇幅紀錄。...
View ArticleClik here to view.
Windows 新電腦能否不重新安裝常用軟體及設定？
最近買了新的 Windows 桌機，一方面心情很是愉悅，新顯卡無論是玩 3A 大作或是播放影像都不必再擔心；但另一方面則必須再次面對建置新電腦的苦楚，就像之前的 Win10 新筆電，所有常用軟體及套件都要重新安裝、設定、測試，沒花個幾天是搞不完的，光想就十分心累。 而且重新設置作業環境這件事，身為前端工作者又比一般使用者更麻煩，例如我使用的「 Sublime Text...
View ArticleClik here to view.
自訂快速鍵軟體 HotkeyP﹍使用心得+操作技巧
過去一向使用的快速鍵軟體是「Hotkeyz」，不過由於軟體已經停止開發、更新相當多年了，似乎是從使用 Win10 開始，出現了一些相容性問題。 現在我改用的替代品是 HotkeyP，使用上手後覺得還不錯，不過在熟悉的過程中要處理的坑倒是不少，好在官方英文說明書寫得算是詳盡，遇到的問題多能解決，請見本篇的心得整理。 (圖片出處: pixabay.com) 一、下載+介紹+簡易教學1....
View ArticleClik here to view.
Hexo 架站流程踩坑紀錄(2)﹍匯入 Blogger 文章
接續上一篇「Hexo 架站流程﹍建立 GitHub Pages」，Hexo 網站架設完畢之後，現在可將 Blogger 文章移轉過來。不過最好先了解 Hexo 文章格式為何，如果轉換的內容不太一致，才知道如何修改調整。 (圖片出處: chatgpt) 一、md 檔(markdown)格式1. 什麼是 markdown Hexo 的開發是為了方便使用 markdown 來撰寫文章，適合覺得處理...
View ArticleClik here to view.
Hexo 架站流程踩坑紀錄(3)﹍使用後台 Hexo Admin 撰寫文章
接續上一篇「Hexo 架站流程﹍匯入 Blogger 文章」，將 Blogger 文章移轉到 Hexo 後，接下來需要了解如何撰寫文章。 上一篇也大致提到了如何建立 md 檔的格式，但未免不夠專業，因為一般部落格後台都會有文章編輯器，所以本篇會說明如何安裝本地後台界面，及如何編輯文章的操作。 一、安裝 Hexo...
View ArticleClik here to view.
Steam 移轉遊戲完整教學﹍備份還原+複製修改內容(外掛MOD)+安裝舊版本技巧
前陣子升級電腦設備後，想看看很久以前 Steam 買的、舊電腦跑不太順的 3A 大作，在新硬體下跑起來效果如何。結果似乎不得要領，好幾個遊戲都無法成功還原移轉到新電腦，又得花好幾個小時重新下載。 徹底研究了一下正確作法，並解決各種遇到的坑，本篇紀錄 Steam 三種備份還原、移轉遊戲的心得，也會加上推薦的作法排行，並介紹不想被 Steam 更新遊戲版本的話，如何安裝舊版本遊戲的技巧。...
View ArticleClik here to view.
讓 Line 網頁版開機自動登入+全螢幕顯示
上一篇「讓 Line 網頁版能開機自動執行」留下的小問題是，Line 網頁版每次開機都得重新輸入密碼，本篇將說明如何將這件事程式化，可以開機自動執行，並優化操作界面。 不過必須先提醒，本篇流程包含的知識與技術很複雜，若沒有相當的 Javascript 基礎不容易理解，所以不適合新手閱讀。 (圖片出處: chatgpt.com)...
View ArticleClik here to view.
Google 試算表隱藏選單+工具列+公式列﹍讓工作表區塊最大化，瀏覽效果最舒適
這陣子為了克服電腦背光的傷害，使用大尺寸螢幕保護眼睛，從距離約 2 公尺處看螢幕，得將作業系統縮放比例設定為 200% 以上，字體也須放大、設粗體，眼睛看起來才舒服。 而開瀏覽器時經放大比例後，不可避免網頁的可視範圍會少很多，對於文章為主的網頁，可利用「Reader Mode」這樣的外掛，配合瀏覽器的全螢幕模式，來聚焦文章內容、排除冗雜區塊。 至於我常用的 Google 試算表，Reader...
View ArticleClik here to view.
如何克服電腦背光的傷害﹍大尺寸螢幕護眼環境設置優化
身為前端工程師，必須長時間在電腦前作業，但我的眼睛只要看螢幕久一點身體就不舒服，而且基於螢幕的材質演進，背光一代比一代更強、更刺眼，所以過去很長一段時間持續關注「Eink 電子墨水」這項科技，我也所費不貲買過這些產品： 13"電子墨水螢幕：Paperlike Pro10"反射屏：富士通平板反射屏6"電子書閱讀器：Onyx 看 PTTKindle：Kindle DX、Kindle...
View ArticleClik here to view.
Win10 自訂快速鍵切換高對比佈景主題﹍PowerShell 指令
Windows 提供的高對比模式主要有兩類：白底黑字、黑底白字。我習慣的配置是淺底或白底黑字，且大部分 Windows 軟體也都是淺底或白底黑字，所以其實需要用到高對比模式的情況沒那麼多。而我前端工作常會用到的工具 Notepad++、Sublime Text 等，都能自選淺底佈景，自然也不需要切換成高對比模式。...
View ArticleClik here to view.
如何自製整年份行事曆﹍Google 試算表範本
因為覺得現成販售的實體行事曆不太符合需求，想要完全客製一套行事曆，直接印出來使用。只是自己造輪子很麻煩，若借用現成的範本改個版面、調整細節，這樣會容易一些。不過找了一陣子後，發現即使有現成範本，要滿足我的需求仍然很艱難。 網路上有許多熱心網友分享精美的行事曆檔案，下載後固然立即就能印出來使用，不過今年的行事曆解決了，那明年、後年呢？總不能年年等別人施捨吧～萬一哪年等不到滿意的樣式時該如何呢？...
View ArticleClik here to view.
PTT 如何放大版面+字體放大加粗，瀏覽起來更舒服？
最近「為了克服電腦背光，使用大尺寸螢幕」，PTT 在遠距離看起來字體顯的不夠大。由於 PTT 使用頻率算高，為了讓眼睛看得舒服，有必要對 PTT 進行版面完整優化。 需要調整的事項不少，而且過程不輕鬆，本篇會分享在瀏覽器使用下，PTT 網頁版如何加大加粗字體、放大版面、使用高對比模式等心得。 一、PCMAN 的侷限1. PCMAN 選項平常上 PTT...
View ArticleClik here to view.
如何從手機桌面遠端遙控開機+喚醒電腦﹍Android APP WolON
前陣子「為了克服電腦背光，使用大尺寸螢幕」，由於看螢幕跟主機的距離都變遠，加上不想彎腰下去開關電腦，因此想研究有沒有遠端開機的方法。 一開始在 BIOS 設定看到有鍵盤、滑鼠開機的選項，想說太好了用無線鍵鼠點一下就能開機，結果測了根本不行，找了資料才發現，即便是 USB 有線鍵盤滑鼠，遙控開機幾乎是不可能的事，那麼更別提無線 USB 設備了。...
View Article