Clik here to view.
Blogger 網誌被刪除的救援處理紀錄+預防措施+未來規劃
多年前曾寫過「Blogger 刪了你的網站怎麼辦？」，是因為知名網站「阿榮福利味」一度被 Blogger 刪除，結果前陣子我也遭遇類似狀況，發生了網站無預警被刪除的事件，而且牽連甚廣。當然我的狀況跟阿榮不太一樣，不過既然都是正當合法在經營網站，不會有違法違規的行為，自然申訴一段時間後 Google 也就恢復了網站。...
View ArticleClik here to view.
為何我選擇 GitHub Page + Hexo + Cloudflare 作為 Blogger 替代品
因為經歷了「Blogger 網誌被刪除」事件，我計畫將出事的網站搬到自架站，可以避免網站寄人籬下時，需要應付平台的各種合理或不合理規範，不過有相當多問題要解決： 要搬到哪個平台比較適當？如何抉擇各種自架站平台？能否沿用 Blogger 網址結構(才能不影響 SEO)？如何克服主機(或是網站託管平台)的流量或其他限制？能否匯入 Blogger 文章(是否支援 Blogger...
View ArticleClik here to view.
Hexo 架站流程踩坑紀錄(1)﹍建立 GitHub Pages
接續「為何我選擇 GitHub Page + Hexo + Cloudflare 作為 Blogger 替代品」，本篇為「Blogger 搬到 Hexo 流程」系列文第一篇，說明如何在 GitHub 架設 Hexo 網誌。 這個過程有相當多步驟，且網路上已經有許多教學文章，所以大部分流程會直接提供寫得不錯的教學連結，請直接參考即可。需要補充的部份、以及我踩到的坑，才會花比較多篇幅紀錄。...
View ArticleClik here to view.
2024 如何讓 Win10 停止通知自動更新
前陣子換新電腦，安裝完 Windows 10 很重要的一件事，是避免系統自動更新，原因及解決方法已紀錄在這篇「如何讓 Win10 徹底停止自動更新」。 以現在的時間點 2024 來說，最近檢驗過該篇的作法，對當初那台筆電仍然是有效的。然而同樣的作法對新電腦卻是無效，為何是如此呢？仔細想了想，原因大致如下： 上一篇的原理，是修改 Win10...
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.
讓 Line 網頁版能開機自動執行
長久以來在多台電腦使用 Line 的困擾是，登入後 Line 會自動將其他電腦的 Line 登出。而且被登出後，下次這台電腦開機就不會自動登入，必須重新輸入密碼，還挺麻煩的。 如果家裡有一台桌機、一台筆電，想要都使用 Line 但又希望不會被自動登出，導致需要重新輸入密碼，最好的辦法是第二台裝置改用「Line 網頁版」。 不過隨之而來的問題會是，由於 Line...
View ArticleClik here to view.
Windows 新電腦能否不重新安裝常用軟體及設定？
最近買了新的 Windows 桌機，一方面心情很是愉悅，新顯卡無論是玩 3A 大作或是播放影像都不必再擔心；但另一方面則必須再次面對建置新電腦的苦楚，就像之前的 Win10 新筆電，所有常用軟體及套件都要重新安裝、設定、測試，沒花個幾天是搞不完的，光想就十分心累。 而且重新設置作業環境這件事，身為前端工作者又比一般使用者更麻煩，例如我使用的「 Sublime Text...
View ArticleClik here to view.
讓 Line 網頁版開機自動登入+全螢幕顯示
上一篇「讓 Line 網頁版能開機自動執行」留下的小問題是，Line 網頁版每次開機都得重新輸入密碼，本篇將說明如何將這件事程式化，可以開機自動執行，並優化操作界面。 不過必須先提醒，本篇流程包含的知識與技術很複雜，若沒有相當的 Javascript 基礎不容易理解，所以不適合新手閱讀。 (圖片出處: chatgpt.com)...
View ArticleClik here to view.
Hexo 架站流程踩坑紀錄(3)﹍使用後台 Hexo Admin 撰寫文章
接續上一篇「Hexo 架站流程﹍匯入 Blogger 文章」，將 Blogger 文章移轉到 Hexo 後，接下來需要了解如何撰寫文章。 上一篇也大致提到了如何建立 md 檔的格式，但未免不夠專業，因為一般部落格後台都會有文章編輯器，所以本篇會說明如何安裝本地後台界面，及如何編輯文章的操作。 一、安裝 Hexo...
View ArticleClik here to view.
取代 Evernote 的輕量筆記軟體 UpNote﹍轉換心得與使用技巧
Evernote 曾是滿足我所有需求的筆記軟體，無論是工作、客戶管理、寫程式等都離不開他，也付費支持了好多年。然而不知何時開始，Evernote 費用不斷調漲，功能是越加越多沒錯，但其實我都不需要啊！即便用的是付費版，但每月上傳量根本連免費版 60MB 的 1/4 都不到(內容主要是文字)，所以後來又用回免費版了，覺得錢花得沒那個價值。 如果 Evernote...
View ArticleClik here to view.
Steam 移轉遊戲完整教學﹍備份還原+複製修改內容(外掛MOD)+安裝舊版本技巧
前陣子升級電腦設備後，想看看很久以前 Steam 買的、舊電腦跑不太順的 3A 大作，在新硬體下跑起來效果如何。結果似乎不得要領，好幾個遊戲都無法成功還原移轉到新電腦，又得花好幾個小時重新下載。 徹底研究了一下正確作法，並解決各種遇到的坑，本篇紀錄 Steam 三種備份還原、移轉遊戲的心得，也會加上推薦的作法排行，並介紹不想被 Steam 更新遊戲版本的話，如何安裝舊版本遊戲的技巧。...
View ArticleClik here to view.
Google 試算表隱藏選單+工具列+公式列﹍讓工作表區塊最大化，瀏覽效果最舒適
這陣子為了「克服電腦背光的傷害，使用大尺寸螢幕保護眼睛」，從距離約 2 公尺處看螢幕，得將作業系統縮放比例設定為 200% 以上，字體也須放大、設粗體，眼睛看起來才舒服。 而開瀏覽器時經放大比例後，不可避免網頁的可視範圍會少很多，對於文章為主的網頁，可利用「Reader Mode」這樣的外掛，配合瀏覽器的全螢幕模式，來聚焦文章內容、排除冗雜區塊。 至於我常用的 Google 試算表，Reader...
View ArticleClik here to view.
Win10 自訂快速鍵切換高對比佈景主題﹍PowerShell 指令
Windows 提供的高對比模式主要有兩類：白底黑字、黑底白字。我習慣的配置是淺底或白底黑字，且大部分 Windows 軟體也都是淺底或白底黑字，所以其實需要用到高對比模式的情況沒那麼多。而我前端工作常會用到的工具 Notepad++、Sublime Text 等，都能自選淺底佈景，自然也不需要切換成高對比模式。...
View ArticleClik here to view.
如何克服電腦背光的傷害﹍大尺寸螢幕護眼環境設置優化
身為前端工程師，必須長時間在電腦前作業，但我的眼睛只要看螢幕久一點身體就不舒服，而且基於螢幕的材質演進，背光一代比一代更強、更刺眼，所以過去很長一段時間持續關注「Eink 電子墨水」這項科技，我也所費不貲買過這些產品： 13"電子墨水螢幕：Paperlike Pro10"反射屏：富士通平板反射屏6"電子書閱讀器：Onyx 看 PTTKindle：Kindle DX、Kindle...
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.
JS 能否判斷全螢幕狀態？有什麼絕佳應用情境？
現在市面上的扁平螢幕讓網頁可視範圍越來越小，以前 4:3、16:10 等適合看網頁的尺寸已經很難看到，主流比例成為 16:9、21:9、32:9 等適合看電影或多工的用途。 為了增加網頁的可視高度，按 F11進入全螢幕模式是常見作法。這陣子在研究如何寫自動化程式，構想是偵測到全螢幕時，將頁面上無用區塊進一步隱藏，讓可閱讀範圍增加。 原以為這是件極簡單的事，多年前寫「線上看電視」就用...
View ArticleClik here to view.
如何從手機桌面遠端遙控開機+喚醒電腦﹍Android APP WolON
前陣子「為了克服電腦背光，使用大尺寸螢幕」，由於看螢幕跟主機的距離都變遠，加上不想彎腰下去開關電腦，因此想研究有沒有遠端開機的方法。 一開始在 BIOS 設定看到有鍵盤、滑鼠開機的選項，想說太好了用無線鍵鼠點一下就能開機，結果測了根本不行，找了資料才發現，即便是 USB 有線鍵盤滑鼠，遙控開機幾乎是不可能的事，那麼更別提無線 USB 設備了。...
View ArticleClik here to view.
自訂 CSS 壓縮格式化樣式+排列順序﹍Sublime Text 外掛
多年前寫過一篇「CSS 撰寫技巧及規範」，分享了習慣的 CSS 維護作法。長時間使用下來，作業若要更有效率的話，我還想再進一步優化，例如： 經過壓縮的 CSS 碼，不要沒有任何空格，想辦法增加可讀性。CSS 屬性希望能完全按照自訂的邏輯來排序，把可能需要修改數值的屬性放在前面，這樣維護比較方便。以上這些需求最好不要手動，而是能用程式自動執行，也不要像前一篇依靠線上 CSS...
View ArticleClik here to view.
自製整年份雙週行事曆﹍Google 試算表範本
以前使用的行事曆手冊，無論工作用的大本尺寸或個人用的小本尺寸，最近開始覺得累贅，因為實際使用時都只須近期那幾頁，不需要翻閱一整本。 相較之下活頁式行事曆比較有彈性，平常只須取近期的一兩頁出來，無論是攜帶或使用都很輕便。而且我的用法接近待辦清單，日期過了的活頁就可撕掉扔了，不必堆積用不到的活頁紙。 只是市面上符合我需求的產品很難找到，我理想中的版面大致是這樣： 一張 A4...
View ArticleClik here to view.
筆電如何定時開關機+睡眠喚醒之研究
去年買了新電腦後，原本較常使用的筆電成為閒置狀態，由於台灣濕氣較重，3C 電子用品若不常通電、開機，會比較快故障。所以想到可以把每日定期執行的「爬蟲程式」，改成由筆電執行。一方面爬蟲程式執行的視窗就不會干擾電腦的日常作業，一方面筆電有事情做，每天開機也可延長使用壽命，可說是一箭雙鵰。...
View ArticleClik here to view.
如何找回 Blogger 文章快速編輯按鈕(鉛筆圖示)
前陣子有讀者在「讓 Blogger 文章標題及文末都出現編輯圖示」留言反應，原本文章頁面都會看到的快速編輯按鈕，也就是那個「鉛筆圖案」，現在都找不到了。當下覺得有點訝異，因為我明明時常在用，不清楚為何看不到。 但由於不只一個人如此反應，想必事有蹊蹺，所以到 Blogger 後台找了一下，才發現原本「版面配置」→ 編輯「網誌文章小工具」時，會看到的選項「顯示快速編輯」，現在已經找不到了！ 看起來...
View ArticleClik here to view.
Blogger 網站由 Cloudflare 代管常用功能說明﹍DNS + 轉址 + 郵件轉寄
五年前本站網址從「Godaddy」代管，改成由 Google 自家旗下的「Google Domains」代管，當下想說將來不必再為 "網域註冊商"的選擇而煩惱，我的兩個網域一次各自購買了五年份，沒想到去年 Google Domains 就賣給了 Squarespace，真是個非常糟糕的消息。 去年便有新聞指出 Squarespace 已經申請上市，正在等待審核通過，想到多年前 Godaddy...
View ArticleClik here to view.
Search Console 提交網站地圖(Sitemap)無法擷取怎麼辦﹍實際原因剖析+真正有用的解救方法
前陣子 FB 社團討論串有站長表示網站無法搜尋到，出現了「sitemap 無法擷取」的狀況，當時覺得可能是 Search Console(以下簡稱 GSC: Google Search Console) 後台異常，導致無法提交正確的網站地圖網址，才會無法擷取 sitemap，所以請該社員試著刪除網站資源，重新測試一遍。 不過最近接到一項委託案讓我產生不同想法，因為案主也出現了 sitemap...
View Article