Clik 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 ArticleClik here to view.
自製整年份雙週行事曆﹍Google 試算表範本
以前使用的行事曆手冊，無論工作用的大本尺寸或個人用的小本尺寸，最近開始覺得累贅，因為實際使用時都只須近期那幾頁，不需要翻閱一整本。 相較之下活頁式行事曆比較有彈性，平常只須取近期的一兩頁出來，無論是攜帶或使用都很輕便。而且我的用法接近待辦清單，日期過了的活頁就可撕掉扔了，不必堆積用不到的活頁紙。 只是市面上符合我需求的產品很難找到，我理想中的版面大致是這樣： 一張 A4...
View ArticleClik here to view.
JS 能否判斷全螢幕狀態？有什麼絕佳應用情境？
現在市面上的扁平螢幕讓網頁可視範圍越來越小，以前 4:3、16:10 等適合看網頁的尺寸已經很難看到，主流比例成為 16:9、21:9、32:9 等適合看電影或多工的用途。 為了增加網頁的可視高度，按 F11進入全螢幕模式是常見作法。這陣子在研究如何寫自動化程式，構想是偵測到全螢幕時，將頁面上無用區塊進一步隱藏，讓可閱讀範圍增加。 原以為這是件極簡單的事，多年前寫「線上看電視」就用...
View ArticleClik here to view.
自訂 CSS 壓縮格式化樣式+排列順序﹍Sublime Text 外掛
多年前寫過一篇「CSS 撰寫技巧及規範」，分享了習慣的 CSS 維護作法。長時間使用下來，作業若要更有效率的話，我還想再進一步優化，例如： 經過壓縮的 CSS 碼，不要沒有任何空格，想辦法增加可讀性。CSS 屬性希望能完全按照自訂的邏輯來排序，把可能需要修改數值的屬性放在前面，這樣維護比較方便。以上這些需求最好不要手動，而是能用程式自動執行，也不要像前一篇依靠線上 CSS...
View ArticleClik here to view.
筆電如何定時開關機+睡眠喚醒之研究
去年買了新電腦後，原本較常使用的筆電成為閒置狀態，由於台灣濕氣較重，3C 電子用品若不常通電、開機，會比較快故障。所以想到可以把每日定期執行的「爬蟲程式」，改成由筆電執行。一方面爬蟲程式執行的視窗就不會干擾電腦的日常作業，一方面筆電有事情做，每天開機也可延長使用壽命，可說是一箭雙鵰。...
View ArticleClik here to view.
如何找回 Blogger 文章快速編輯按鈕(鉛筆圖示)
前陣子有讀者在「讓 Blogger 文章標題及文末都出現編輯圖示」留言反應，原本文章頁面都會看到的快速編輯按鈕，也就是那個「鉛筆圖案」，現在都找不到了。當下覺得有點訝異，因為我明明時常在用，不清楚為何看不到。 但由於不只一個人如此反應，想必事有蹊蹺，所以到 Blogger 後台找了一下，才發現原本「版面配置」→ 編輯「網誌文章小工具」時，會看到的選項「顯示快速編輯」，現在已經找不到了！ 看起來...
View Article