Clik here to view.
Google Drive 外連圖片無法顯示的解決方法
最近有客戶表示擺放在 Google Drive 的圖片，在網頁上都無法顯示了，但如果把圖片網址貼在瀏覽器網址列，這張圖片外連其實還是能顯示。而且進入雲端硬碟帳號檢視，圖片並沒有不見，也都能叫出來顯示，不曉得發生什麼情況。 查了一下國外論壇討論串，發生災情的時間點大致是上個月初(2024年1月)，有人提到這件事跟「Google 雲端硬碟中的第三方 Cookie」有關，而這個第三方 cookie...
View ArticleClik here to view.
Blogger 如何自訂縮圖、封面圖尺寸
很久以前曾寫過「Blogger 封面圖+縮圖 各種呈現方式」，說明如何在首頁顯示文章縮圖，在文章頁顯示封面圖。現在 Blogger 範本提供了非常實用的語法，可直接對縮圖、封面圖進行裁切，調整為任意長寬比例，本篇就來看看如何實作。 不過奇特的是，這麼重要且強大的功能，跟上一篇「Blogger 日期格式化詳解」一樣，Blogger 官方沒有釋出任何公告或說明文件，只有網路流傳的資訊。我猜測原因是，自從...
View ArticleClik here to view.
Adsense「新加坡稅務資訊」線上申請流程紀錄+心得技巧
去年(2023)11月收到 Adsense 後台通知，需要提交「新加坡稅務資訊」，沒想到前前後後搞了 2 個月以上才塵埃落定。一方面這件事真的很麻煩，一方面這也是 Adsense 自己的鍋，沒事趕在年底要使用者做這件事，搞得積極先處理的人通通做白工，到了 2024 年又得重新申請。 去年底申請完文件並提交 Adsense 的那一刻，後台畫面立刻自動秀出有效期限為...
View ArticleClik here to view.
提供網址重新導向的免費服務﹍redirect.pizza
如果有買網址的話，網址商後台都會有轉址服務，有時管理的子網域一多，可能需要變動一下網址，以配合不同需求。例如原本部落格放在 www.自訂網域.com，後來業務變多以後，想將部落格挪到 blog.自訂網域.com，這時就可設定「網址重新導向」，將 www 子網域用 301 轉址導向 blog 子網域。 但要這麼做還得另外確認一件事，也就是網址商是否提供「路徑轉址」的功能。我的網址商是 Google...
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.
部落格定時自動備份服務
之前經歷「Blogger 網誌被刪除」事件，為了防止日後再發生意外，開發了部落格定時自動備份工具，如此隨時可將備份資料移轉到新的網站、或是新的平台，沒有任何後顧之憂。 由於處理了相當多網站，此工具已可作為一項服務，有需要自動備份網站的話請用文末聯絡表單與本站聯繫。 (圖片出處: pxhere.com) 一、備份方式1. API 工具根據不同部落格平台，操作對應的 API...
View ArticleClik here to view.
網站救援服務﹍復原被刪除的部落格文章
之前經歷「Blogger 網誌被刪除」事件，為了救回被刪除的一列相關網站，開發了網站救援工具，可以從網路現存的備份頁面，爬取文章相關內容。 由於處理了相當多網站，此工具已可作為一項服務，有需要網站救援的話請用文末聯絡表單與本站聯繫。 (圖片出處: unsplash.com)...
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.
Hexo 架站流程踩坑紀錄(2)﹍匯入 Blogger 文章
接續上一篇「Hexo 架站流程﹍建立 GitHub Pages」，Hexo 網站架設完畢之後，現在可將 Blogger 文章移轉過來。不過最好先了解 Hexo 文章格式為何，如果轉換的內容不太一致，才知道如何修改調整。 (圖片出處: chatgpt) 一、md 檔(markdown)格式1. 什麼是 markdown Hexo 的開發是為了方便使用 markdown 來撰寫文章，適合覺得處理...
View ArticleClik here to view.
自訂快速鍵軟體 HotkeyP﹍使用心得+操作技巧
過去一向使用的快速鍵軟體是「Hotkeyz」，不過由於軟體已經停止開發、更新相當多年了，似乎是從使用 Win10 開始，出現了一些相容性問題。 現在我改用的替代品是 HotkeyP，使用上手後覺得還不錯，不過在熟悉的過程中要處理的坑倒是不少，好在官方英文說明書寫得算是詳盡，遇到的問題多能解決，請見本篇的心得整理。 (圖片出處: pixabay.com) 一、下載+介紹+簡易教學1....
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 Article