Quantcast
Channel: WFU BLOG
Viewing all 571 articles
Browse latest View live

Windows 新電腦能否不重新安裝常用軟體及設定?

$
0
0
windows-reinstall-software-skill.jpg-Windows 新電腦能否不重新安裝常用軟體及設定?最近買了新的 Windows 桌機,一方面心情很是愉悅,新顯卡無論是玩 3A 大作或是播放影像都不必再擔心;但另一方面則必須再次面對建置新電腦的苦楚,就像之前的 Win10 新筆電,所有常用軟體及套件都要重新安裝、設定、測試,沒花個幾天是搞不完的,光想就十分心累。 而且重新設置作業環境這件事,身為前端工作者又比一般使用者更麻煩,例如我使用的「 Sublime Text 3」就不知有多少套件要重新安裝及設定,當然直接複製檔案是不行的,因為還有大量的 Node 套件要安裝及設定。然而我完全不想重新跑一次這個流程,只希望有方法可以直接把舊電腦的檔案複製過來就能使用。 如果這件事能實現的話,將來換新電腦、筆電時就不會再有陰影,還能省下大量時間。本篇會說明我研究各種解決方案的思路及實測結果,以及後續的收尾動作。 (圖片出處: pxhere.com)

一、不重新安裝軟體的原理與可能性

1. 免安裝版本 Windows 軟體不重新安裝最簡單的方法,是改用「免安裝版」,因為設定檔等相關檔案通常在同個資料夾,將來整個打包複製帶走就好,可以省下安裝設定的時間。 以上原理是很簡單的,不過實務上對我來說不太好辦:
  • 我已安裝了太多軟體,一一找出免安裝版太花時間,還要另外花時間重新設定
  • 並非大部分軟體官方都有出免安裝版,執意要用免安裝版的話,得承擔第三方製作的風險,不曉得會不會暗藏一些驚喜(木馬)
所以只能將來使用新軟體時,盡量找合乎安全的免安裝版,目前則暫且擱下。 2. Dropbox基本上我的重要資料都放在 Dropbox 隨時同步,也有想過某些重要軟體可以放在 Dropbox 資料夾讓其同步,當然必須是免安裝版本。 這在實務上是可行的,但 Dropbox 在不同裝置的路徑及磁碟機代號都必須一模一樣,否則軟體設定內容包含路徑的話就慘了。 只不過覺得這麼做的話還是有些隱憂,畢竟每個電腦的環境都不太一樣,例如螢幕尺寸、解析度、顯示的文字大小等等,到時設定檔內容在每個裝置同步的結果,可能會互相覆蓋不斷打架,反而每次執行軟體都要調整文字大小,那麼將軟體安裝在 Dropbox 的構想還是暫時打消了。 3. 使用者設定檔由於安裝了大量 Node 套件,發現這些套件的路徑都集中在 Windows「使用者」資料夾之下。這很像是 Windows 登錄編輯程式,存放了大量的系統設定資訊,而 Windows「使用者」資料夾就是實體的登錄設定檔存放位置。 所以我產生一個構想,把 Windows「使用者」資料夾複製到新電腦,就等於將大部分軟體的安裝設定檔都搬到新電腦,應該有機會可以不用重新安裝才是? 因此決定將這個構想進行實測,看看效果會是如何,成功的話就能省下大量時間。不過需要注意「使用者名稱」必須一模一樣,否則一大堆路徑都將無法正確讀取。 4. 必須重新安裝的軟體但我不認為所有的軟體設定檔、相關依存檔案都放在「使用者」資料夾,因為 Windows 下還有好幾個資料夾,軟體有可能安裝在這些地方: windows-reinstall-software-skill-1.jpg-Windows 新電腦能否不重新安裝常用軟體及設定?如上圖紅框標示的三個資料夾 Program Files、Program Files (x86)、ProgramData,都是安裝軟體時可能會自動存放的位置。因此必須檢查你的常用軟體,如果出現在這三個資料夾,有可能必須重新安裝。 根據實測,我出現在這三個資料夾、必須重新安裝的常見軟體有:Chrome、Line、Dropbox。

二、實測流程

1. 準備動作
  • 新電腦的磁碟區架構分割成跟原本電腦一致,容量不能小於原電腦
  • 登入的使用者名稱必須設定成跟原本的一模一樣
2. 先安裝必須手動安裝的軟體先別急著複製檔案,必須先將前面「一、不重新安裝軟體的原理與可能性」→「4. 必須重新安裝的軟體」進行安裝。 每個人找到的軟體可能不一樣,以我為例的話,這些軟體必須先進行安裝:Chrome、Line、Dropbox。 安裝後先執行一次,就可將軟體關閉,不必進行設定也不必同步。 3. 複製所有檔案接著複製以下所有檔案到新電腦:
  • 將「使用者」資料夾之中,你想要搬遷的使用者名稱,複製過來 C 槽,注意路徑要一致
  • 將 C 槽以外的磁碟,需要搬遷的資料夾都複製到對應的磁碟機
不重要的資料夾例如暫存資料夾、系統產生的資料夾等等,都不需複製,將來這些會自動產生。 4. 結果令人滿意複製完畢後,基本上原本桌面的所有內容、捷徑都會還原成跟之前一模一樣。 測試了一下常用、比較擔心的軟體,例如 Sublime Text 3、Notepad++ 都能正常執行,設定細節都有自動抓過來,許多基於 node 的套件也都運作正常,不必重新設定細項,簡直是無痛移轉,不用重安裝也能直接搬遷日常作業環境,真是太讓人滿意了! 另外 Chrome 原本我有多個 profile 帳號,將「使用者」資料夾複製過來後,這些 profile 帳號也自動還原,也算是比較方便的搬遷方式,不過需要重新一一登入就是,這部份收尾動作再細說。

三、收尾動作

最麻煩的部份已經解決,接下來還有一些瑣碎、但比較不用花大量時間的動作需要收尾。 1. 環境變數新電腦需要重新設定「環境變數」,否則有些程式執行時會抓不到正確的路徑。手動一筆筆輸入比較麻煩,比較方便的方法是將「環境變數」匯出及匯入,可參考這篇「備份及恢復 Windows 環境變數」:
  • 在舊電腦執行「登錄編輯程式」:按 Win+R執行 regedit
  • 「系統環境變數」的位置在 HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Control\Session Manager\Environment → 按右鍵選「匯出」→ 例如存在 D:\sys_var.reg
  • 「使用者環境變數」的位置在 HKEY_CURRENT_USER\Environment → 按右鍵選「匯出」→ 例如存在 D:\user_var.reg
  • 將剛剛儲存的兩個 .reg 檔複製到新電腦,點擊執行,即可自動匯入環境變數
2. 連結副檔名因為沒有重新安裝軟體,所以許多檔案的副檔名不會對應到正確的軟體,必須手動一一處理:
  • 執行軟體內的設定:有些軟體找到「選項」設定的地方,可以直接關聯副檔名、右鍵選單等等,例如 7-Zip、看圖軟體、影片播放軟體等。
  • 設定文件的開啟程式:無法經由軟體設定的話,可從檔案總管直接找到要改的文件類型,按右鍵 → 內容 → 變更 → 選擇軟體路徑 → 勾選「一律使用此應用程式來開啟」即可
3. 重新登入各個軟體如果需要登入的話,必須重新一一登入,讓軟體記憶及進行同步。

四、總結

基本上跟「安裝軟體」相關的部份,做到這裡就差不多了,跟重新安裝相比,真的省下非常多時間,例如原本需要事先一一紀錄系統所有已安裝的軟體、已安裝的套件,還要一一重新下載所有安裝檔,有的軟體甚至還要安裝說明步驟。 同時現在下載的安裝檔一定版本比較新,到時有的軟體版本跟套件版本還可能起衝突,又是一件麻煩事,還不如舊電腦已經跑順的作業環境,直接搬過來比較不會出問題。 然後安裝完還要逐一設定、測試,又是另一個超級大的工程,整個流程跟實體搬家差不多累。不過有了本篇的經驗後,將來換電腦就不再是苦差事了~
更多 Windows 軟體心得:

自訂快速鍵軟體 HotkeyP﹍使用心得+操作技巧

$
0
0
hotkeyp.jpg-自訂快速鍵軟體 HotkeyP﹍使用心得+操作技巧過去一向使用的快速鍵軟體是「Hotkeyz」,不過由於軟體已經停止開發、更新相當多年了,似乎是從使用 Win10 開始,出現了一些相容性問題。 現在我改用的替代品是 HotkeyP,使用上手後覺得還不錯,不過在熟悉的過程中要處理的坑倒是不少,好在官方英文說明書寫得算是詳盡,遇到的問題多能解決,請見本篇的心得整理。 (圖片出處: pixabay.com)

一、下載+介紹+簡易教學

1. 相關連結首先請參考以下重要連結: 官方說明書雖是英文,但是非常詳細,可用 Chrome 翻成中文查找答案。 2. 更改語言hotkeyp-1.jpg-自訂快速鍵軟體 HotkeyP﹍使用心得+操作技巧開始使用之前,先依照上圖將語言改成中文,但目前只有簡體中文可使用,有些地方會出現奇怪的翻譯。

二、組合鍵操作說明

1. 組合鍵功能 HotkeyP 我最常使用的快速鍵功能是「組合鍵」,也就是利用按下自定義的熱鍵後,觸發一組「組合鍵」,例如參考「讓 WIN8 / WIN10 能用 CTRL + SPACE 切換中英輸入」,系統預設的輸入法切換組合鍵為 Win+Space,但我們習慣的按法可能是 Ctrl+Space,就可利用 HotkeyP 設定,按下 Ctrl+Space後觸發 Win+Spacehotkeyp-2.jpg-自訂快速鍵軟體 HotkeyP﹍使用心得+操作技巧如上圖新增一組熱鍵:
  • 熱鍵組合如上方紅線,設定為 ctrl + 空白鍵
  • 接著按「左箭頭圖示」→「宏命令」(macro 巨集的翻譯) →「宏」
hotkeyp-3.jpg-自訂快速鍵軟體 HotkeyP﹍使用心得+操作技巧接著在「參數」欄位填入 \win\space,按確定即可,將來就能按快速鍵 Ctrl+Space來觸發 Win+Space2. 按鍵代碼從前面的範例可以看出,所有的按鍵代碼格式為「斜線 "\" + 代碼」,如果要查詢所有按鍵的代碼可參考官方說明書網址,也可參考下面我整理的相關內容:
\esc, \tab, \backspace, \enter, \space, \left, \right, \up, \down, \ins, \del, \home, \end, \pageup, \pagedown, \f1, \f2, ..., \shift, \rshift, \ctrl, \rctrl, \alt, \ralt, \win, \rwin, \apps, \capslock, \scrolllock, \numlock, \pause, \printscreen, \divide, \multiply, \add, \subtract, \decimal, \0, \1, ..., \num0, \num1, ..., \A, \B, ..., \back, \forward, \refresh, \search, \favorites, \browser, \mail, \power, \volume_down, \volume_up, \mute, \play_pause, \stop, \prev_track, \next_track, \media_select, \launch_app1, \launch_app2, \lbutton, \rbutton, \mbutton, \xbutton1, \xbutton2, \wheelup, \wheeldown, \wheelleft, \wheelright, \doubleclick, \sleep, \rep, \xAB
3. 使用技巧以上代碼除了大小寫有分別需要注意,另外補充一些技巧:
  • 按鍵為英文字母時須使用大寫,例如 \A、\B、..
  • ctrl 鍵可以寫成 \^
  • 組合鍵之間如果需要暫停時間,可使用 \sleep代碼,其後加上的數字若為 1 代表延遲 1/10 秒

三、貼上文字操作說明

1. 基本操作我次常用的快速鍵功能是「貼上文字」,例如常用到的語法,可節省許多輸入時間。 hotkeyp-2.jpg-自訂快速鍵軟體 HotkeyP﹍使用心得+操作技巧借用前面使用過的圖,「命令」選擇「宏命令」→「黏貼文本」即可。 hotkeyp-4.jpg-自訂快速鍵軟體 HotkeyP﹍使用心得+操作技巧要貼上的文字放在「參數」欄位即可。 上圖範例是網頁連結的 HTML 語法,設定成按組合鍵 alt+shift+A就能貼上此語法。 2. 斷行參數但是我要貼上的程式碼常常有很多行,而「參數」欄位只有一行,要怎麼處理呢? 官方說明書提供了斷行參數 %r,在換行處加上此字串,就能將所有文字塞在「參數」欄位。例如貼上以下字串: WFU%rBLOG%rBlogger調校資料庫執行組合鍵後的效果就像以下: WFU BLOG Blogger調校資料庫2. 參數一覽官方說明書列出以下「貼上文字」所有可使用的參數,已翻譯為中文:
%r - 行尾 %u - 使用者名稱 %o - 電腦名稱 %l - 剪貼簿內容 %% - 百分號 %x - 日期 %X - 時間 %c - 日期和時間 %d - 日 %m - 月 %Y - 年 %y - 無世紀的年 %H - 小時[0-23] %I - 小時[1-12] % p - AM/PM %M - 分鐘 %S - 秒 %A - 工作日名稱 %a - 工作日名稱縮寫 %B - 月份名稱 %b - 月份名稱縮寫 %#d - 不含前導零的日期(這些以此類推 %#m、%#H、%#I、%#M、%#S)

四、以系統管理員執行

設定完所有快速鍵後,如果都能正常執行,就可略過這個部份。但可惜我有些快速鍵無法執行,也一直找不到原因,翻了官方說明書才知道,原來有些快速鍵需要有「系統管理員」權限才能執行。 以下直接複製官方說明書內容(翻譯成中文),請照著做即可:
如果您使用的是 Windows XP 或更早版本,或者您已停用使用者帳戶控制,則可以跳過本章。 如果您使用一些需要管理員權限的應用程序,您也需要以管理員身份執行HotkeyP。否則,某些鍵盤快捷鍵和 HotkeyP 命令將無法運作(尤其是巨集和貼上文字)。如果您想在 Windows 啟動時自動啟動 HotkeyP,您必須建立一個任務。
  • 在開始功能表中找到命令提示符,按滑鼠右鍵並選擇以管理員身份執行。
  • 複製此命令並將其貼上到命令提示字元中(將 Program Files 替換為 HotkeyP 的安裝路徑):
  • schtasks.exe /create /sc onlogon /tn HotkeyP /rl highest /tr "'C:\Program Files (x86)\HotkeyP\HotkeyP.exe' 0" /f
  • 啟動工作排程器。
  • 在左側面板中選擇「工作排程器程式庫」。然後雙擊 HotkeyP 任務以顯示其屬性。
  • 點擊「設定」標籤並停用「如果任務運行時間超過 3 天則停止任務」選項。然後按一下「確定」並關閉工作排程器。
  • 啟動 HotkeyP 並停用選項「Windows 啟動時自動啟動」。
更多快速鍵使用技巧:

Hexo 架站流程踩坑紀錄(2)﹍匯入 Blogger 文章

$
0
0
接續上一篇「Hexo 架站流程﹍建立 GitHub Pages」,Hexo 網站架設完畢之後,現在可將 Blogger 文章移轉過來。不過最好先了解 Hexo 文章格式為何,如果轉換的內容不太一致,才知道如何修改調整。 (圖片出處: chatgpt)

一、md 檔(markdown)格式

1. 什麼是 markdown Hexo 的開發是為了方便使用 markdown 來撰寫文章,適合覺得處理 html 標籤很麻煩的人,不過 Hexo 同樣可以解析 html,所以不用擔心相容性問題,不會 markdown 語法一樣可以使用 Hexo。 而什麼是 markdown 語法可參考 wiki 說明「Markdown」,Hexo 產生網頁時,會自動將撰寫文章時使用的 markdown 語法轉換為 html 碼。 2. Hexo 如何產生 md 檔 Hexo 儲存文章的檔案,副檔名為 .md,想要看範例的話,在安裝好的 Hexo 專案資料夾中, \source\_posts目錄之下有個 hello-world.md就能看到 md 檔格式。 順帶一提,在這個目錄之下的所有 md 檔,會產生網站的所有文章頁面,所以寫完文章後要放在這個資歷夾。 在官網文件「寫作」內容可看到,利用指令就能產生文章內容及 md 檔。然而用指令實在太克難,似乎還在 DOS 這樣的石器時代,在怎麼樣也可以用文章編輯軟體來撰寫 md 檔,不過之後會介紹安裝後台編輯界面,讓撰寫文章更方便。 3. md 檔格式範例根據官網文件「Front-matter」,我們可以了解 md 檔的格式大致如下: --- title: 填入文章標題 date: 2024/4/20 10:00:00 tags: [標籤1, 標籤2, 標籤3] categories: - [第1層分類, 第2層分類] - [無分層分類] permalink: 填入文章連結 使用不含網域的相對路徑即可 description: 填入搜尋說明文字 --- 這裡是文章內容,可以是 markdown 格式,也可以是 html 格式。
  • 文章內容的上方,頭尾需用用 "---"將文章額外資訊包起來
  • 注意冒號 ":"後面一定要有空格
  • tags 就是 Blogger 的標籤,可參照官網文件範例說明
  • categories 是 Blogger 沒有的分類功能,可以設定多層分類,設定多個分類時,每行開頭必須是 "- ",可參照官網文件範例說明
可以自行產生 md 檔放入 \source\_posts資料夾,發布後就能看到效果。

二、Hexo 外掛

在 Hexo 官網外掛頁面「Plugins」搜尋 Blogger 的話,可以找到兩個外掛: 第一個很麻煩,除了執行環境為 python,另外還要安裝不少東西,由於不熟悉 python 就不研究了,有興趣的讀者可以試試看。 第二個按照說明安裝,結果出現錯誤訊息,進入這個專案的 Issues 頁面查看,有人同樣反應無法安裝,但作者沒回應,應該是沒有在維護了,這樣我只好另外想辦法了。

三、RSS 外掛

1. 安裝官方外掛在官網文件找到這個頁面「轉移(migration)」,裡面有個 RSS 外掛 hexo-migrator-rss,由於 Blogger feed 可以轉換成 rss 格式,應該可以試試看,在 Hexo 專案資料夾執行以下指令進行安裝: npm install hexo-migrator-rss --save2. Blogger feed 格式 Blogger feed 可用以下網址結構轉換為 rss: https://網址/feeds/posts/default?alt=rss但以上網址只能取得最新 25 篇文章,想要取得所有文章 rss 的話,請用以下參數: https://網址/feeds/posts/default?alt=rss&start-index=1&max-results=150
  • start-index 代表從第幾篇文章開始
  • max-results 代表一次讀取幾篇文章 最多 150 篇
  • 所以必須分批取得 rss 內容,例如第二次 start-index 的參數應為 151
3. 轉換 Blogger rss繼續依照官網文件,在 Hexo 專案資料夾執行以下指令進行轉換: hexo migrate rss https://網址/feeds/posts/default?alt=rss&start-index=1&max-results=150然而轉換完成後,進入 \source\_posts資料夾,看到的 md 檔內容真是慘不忍睹,代表這個 rss 外掛無法處理 Blogger RSS 格式

四、修改 RSS 外掛

所以我決定自己改這個 RSS 外掛,以我的 Hexo 專案資料夾為例,要修改的檔案位於: D:\wfu_blog\hexo\node_modules\hexo-migrator-rss\lib\migrator.js修改之前記得先備份這個 migrator.js,然後用編輯軟體修改這個檔案。 1. 調整文章內容

五、修改 _config.yml

如果現在就將轉換後的 md 檔佈署到 GitHub 的話,會發現文章網址結構不對,所以還需要修改設定檔。請編輯根目錄下的 _config.yml這個檔案,找到 permalink:這一行,改成以下網址結構: permalink: :year/:month/:title.html儲存後再進行佈署,文章網址就會按照 Blogger 網址顯示 "年/月/xxx.html"這樣的結構了。

六、補充

如果按照本篇文章流程處理仍有問題,而需要發案給本站,代為處理 Blogger 文章匯入 Hexo,請再與本站聯繫。
Hexo 架站系列文章:

Hexo 架站流程踩坑紀錄(3)﹍使用後台 Hexo Admin 撰寫文章

$
0
0
hexo-admin-edit-post.jpg-Hexo 架站流程踩坑紀錄(3)﹍使用後台 Hexo Admin 撰寫文章接續上一篇「Hexo 架站流程﹍匯入 Blogger 文章」,將 Blogger 文章移轉到 Hexo 後,接下來需要了解如何撰寫文章。 上一篇也大致提到了如何建立 md 檔的格式,但未免不夠專業,因為一般部落格後台都會有文章編輯器,所以本篇會說明如何安裝本地後台界面,及如何編輯文章的操作。

一、安裝 Hexo Admin

首先介紹安裝最簡單的本地後台,也就是說不需要網路,在自己電腦就能編輯文章。可參考這篇教學「使用 hexo-admin 後台管理工具」的流程: 1. 安裝外掛在 Hexo 專案資料夾執行以下指令安裝 Hexo Admin 後台外掛: npm install hexo-admin --save2. 進入後台繼續執行以下指令,執行本地伺服器: hexo s然後在瀏覽器輸入以下網址即可進入後台畫面: http://localhost:4000/admin

二、編輯文章

hexo-admin-edit-post-1.jpg-Hexo 架站流程踩坑紀錄(3)﹍使用後台 Hexo Admin 撰寫文章首先說明如何新增一篇新的文章,進入後台畫面後,點擊左上角的「+ New Post」即可新增文章: 1. 自訂網址字串上一篇系列文有提過,Blogger 文章網址結構為 "年/月/xxx.html",我們也在 _config.yml設定了相關的參數。 如果我們的文章標題是中文字串,那麼網址也會變成 "年/月/中文字串.html",而 hexo-admin 是個比較陽春的外掛,沒有提供自訂網址字串的選項,那麼如果要將網址設定為英數字串的話,一開始請務必這麼做: hexo-admin-edit-post-2.jpg-Hexo 架站流程踩坑紀錄(3)﹍使用後台 Hexo Admin 撰寫文章點擊新增文章後,立刻可以設定文章標題,如上圖,請先輸入英數字串,此字串就會成為網址的一部分。 hexo-admin-edit-post-3.jpg-Hexo 架站流程踩坑紀錄(3)﹍使用後台 Hexo Admin 撰寫文章進入文章編輯界面後可看到,上圖紅框的 Preview 後面,就是我們設定好的英數字串網址結構,接著再將文章標題改為中文即可。 2. 設定選項hexo-admin-edit-post-4.jpg-Hexo 架站流程踩坑紀錄(3)﹍使用後台 Hexo Admin 撰寫文章編輯界面左半部可輸入 markdown 語法,跟我一樣習慣 Blogger 的 html 模式的話,直接使用 html 語法也可,右半部可看到預覽畫面。 點擊右上角「齒輪圖示」可出現設定畫面,可修改發布日期、作者、標籤、分類等等。 最後按「Publish」新增一篇文章。 3. 繼續閱讀從上圖還可看到,文章中插入繼續閱讀的話,需要加入以下語法: <!--more-->熟悉 Blogger 操作的話,這一點應該不用另外多解釋了。 4. 儲存另外補充一點,因為是本地操作,儲存速度會非常快,有任何編輯動作都會立即儲存。

三、佈署到 GitHub

1. 設定檔名結構在 Hexo Admin 新增、編輯文章,會將結果存放在資料夾 \source\_posts下的所有 md 檔,為了方便日後查看、管理 md 檔,檔名最好加上日期,以免文章標題出現重複,也可知道文章的新舊次序。 請編輯根目錄下的 _config.yml這個檔案,找到 new_post_name:這一行,改成以下格式: new_post_name: :year-:month-:day-:title.md這樣檔名會是 "年-月-日-文章標題"這樣的格式。 2. 發布網站在 Hexo 專案資料夾執行以下指令來發布網站: hexo clean //清除之前建立的靜態檔案,也可使用縮寫 hexo cl hexo ddeploy //部署到 GitHub,也可使用縮寫 hexo d

四、上傳圖片

編輯文章時有可能需要上傳圖片,然而 Hexo Admin 上傳圖片的操作有些問題,因為這個外掛年代久遠,看起來作者已經沒繼續維護,需要另外研究如何解決。 1. 設定選項hexo-admin-edit-post-5.jpg-Hexo 架站流程踩坑紀錄(3)﹍使用後台 Hexo Admin 撰寫文章後台進入上方「Settings」分頁後,可看到上圖設定畫面:
  • 建議勾選「Always ask for filename」,能自訂圖片檔名對 SEO 比較好
  • 可看到預設儲存的的圖片資料夾路徑(Image directory)為 /images,有特別需求的話請自行更改
  • 可看到預設圖片檔名前綴(Image filename prefix)為 pasted-,有勾選自訂檔名就不用理會
2. 上傳圖片上傳圖片的操作很簡單:
  • 可從檔案總管直接按 Ctrl+C複製圖片
  • 也可開啟圖片後,對圖片按右鍵進行複製
  • 然後編輯文章時按 Ctrl+V
比較推薦從檔案總管複製,因為這樣產生的圖片檔案比較小,直接複製圖片的話會產生 .png 檔案太大。 另外說明一下,直接複製 jpg 檔 Hexo Admin 還是會當作 png 檔儲存,但實際上這張圖還是 jpg 檔,所以沒影響,只是比較奇怪。 3. 錯誤情形實際操作一次,我在檔案總管複製了 "hexo-admin-edit-post-1.jpg"這張圖,進入 Hexo Admin 後台編輯文章時貼上,下圖會要求輸入檔名: hexo-admin-edit-post-6.jpg-Hexo 架站流程踩坑紀錄(3)﹍使用後台 Hexo Admin 撰寫文章請注意指需要輸入檔名就好,不要輸入副檔名 .jpg,否則程式會報做,無法上傳圖片。 hexo-admin-edit-post-7.jpg-Hexo 架站流程踩坑紀錄(3)﹍使用後台 Hexo Admin 撰寫文章然而檔名輸入完後,如上圖,這張圖顯示的路徑是錯誤的,因此無法正常顯示圖片。錯誤之處在於,正確路徑應該長這樣: /images/hexo-admin-edit-post-1.png這個錯誤上網查了很久,大致有了解原因,應該是 Hexo 已經升級版本很多次,而 Hexo Admin 因為沒有跟著維護,原本的程式碼早已不相容了。 4. 解決方法網路上多數解法都沒什麼用,比較可靠的解法只有一個,請參考這篇「hexo-admin 插入圖片失敗問題解決」,必須修改外掛檔案。 請找到以下路徑這個檔案: hexo 專案資料夾\node_modules\hexo-admin\api.js用編輯軟體搜尋兩處,首先找到: filename = path.join(imagePath, filename)改成以下: filename = imagePath + "/" + filename然後找到: res.done({ src: path.join(hexo.config.root + filename), msg: msg })改成以下: res.done({ src: filename, msg: msg })5. 修改效果hexo-admin-edit-post-8.jpg-架站流程踩坑紀錄(3)﹍使用後台 Hexo Admin 撰寫文章修改後再執行,圖片檔案路徑終於正確了,但有點奇怪,右邊預覽怎麼還是無法顯示圖片?不用擔心,因為上傳圖片需要一點時間,但 Hexo Admin 的程式會立即執行顯示該路徑的圖片,所以當下無法顯示圖片。若按一下 F5重整頁面就能看到圖片了。

五、補充

本篇雖然介紹了 Hexo Admin 這個本地後台外掛,但並不推薦使用,因為:
  • 功能太過陽春
  • 作者沒繼續維護,想要自訂功能會很麻煩
之後會另外再介紹功能比較強的雲端後台外掛,無論是界面美觀性、功能實用性都大大提昇,但是需要折騰的地方將比本篇難上許多倍,所以暫時可先使用本篇的後台外掛,能夠先進行一些基本操作,才不至於被 Hexo 嚇跑。
Hexo 架站系列文章:

Steam 移轉遊戲完整教學﹍備份還原+複製修改內容(外掛MOD)+安裝舊版本技巧

$
0
0
steam-backup-restore-skill.jpg-Steam 移轉遊戲完整教學﹍備份還原+複製修改內容(外掛MOD)+安裝舊版本技巧前陣子升級電腦設備後,想看看很久以前 Steam 買的、舊電腦跑不太順的 3A 大作,在新硬體下跑起來效果如何。結果似乎不得要領,好幾個遊戲都無法成功還原移轉到新電腦,又得花好幾個小時重新下載。 徹底研究了一下正確作法,並解決各種遇到的坑,本篇紀錄 Steam 三種備份還原、移轉遊戲的心得,也會加上推薦的作法排行,並介紹不想被 Steam 更新遊戲版本的話,如何安裝舊版本遊戲的技巧。

一、移轉遊戲原始檔(排名第三)

1. 複製遊戲資料夾以前的遊戲備份檔案,我是採取複製整個資料夾的檔案,原因如下:
  • 因為曾裝過外掛,例如中文化檔案,用複製的方式將來還原比較方便,不必重新裝外掛
  • SSD 硬碟不夠大,為了 SSD 壽命最好暫時不玩的遊戲立刻刪除,騰出空間給其他遊戲安裝
  • 由於之後可能再玩,所以先不移除遊戲,暫時刪除遊戲資料夾的方法比較方便,將來整個資料夾複製回來即可
2. 無法通過驗證不過以上方法此次我準備將遊戲移轉到新電腦卻卡了關,Steam 檢查了一陣子後,就會重頭開始下載幾十 GB 的檔案,得等上好幾個小時。 交叉測試了才發現,原來如果檔案有動過(修改、裝外掛、MOD)就無法通過驗證,必須重新下載。 3. 成功作法依照經驗及查找的資料,如果用複製檔案的方式備份遊戲,為了避免失敗請按照以下流程:
  • 不要動到遊戲原始檔案,不裝外掛、MOD,保持所有檔案的完整性
  • 將資料夾 steamapps\common之下的遊戲資料夾,完整備份到他處,並且務必保持原本的遊戲資料夾名稱
  • 安裝之前,該遊戲最好先取消更新的選項,等移轉成功再來決定是否更新
  • 啟動 Steam,安裝遊戲,立刻暫停下載
  • 將備份資料夾複製到新電腦資料夾 steamapps\common之下
  • 讓 Steam 繼續安裝,此時會進行驗證檔案,順利的話跑幾分鐘就完成了
4. 更推薦的作法這個作法只能排第三,因為流程沒有很方便,一不小心可能就要重新下載,而且只能還原遊戲原始檔。 如果遊戲有修改過、中文化、裝外掛或MOD 等等,無法靠這個方法還原,此時推薦使用「四、完整移轉遊戲+外掛(排名第一)」的方法。

二、備份還原遊戲(排名第二)

1. 官方功能效果使用 Steam 官方提供的備份還原功能就比較簡單沒問題了,不過此功能只會備份原始檔,如果裝了外掛的話會被無視,將來還原的檔案依然是原始版本。 2. 備份步驟原電腦的備份步驟如下:
  • 啟動 Steam → 收藏庫 → 選擇遊戲 → 內容
  • 已安裝檔案 → 備份遊戲檔案 → 選擇目錄 → 建立備份
3. 還原步驟新電腦的還原步驟如下:
  • 啟動 Steam → 左上角「Steam」 → 還原遊戲備份
  • 選擇備份的資料夾 → 還原備份
4. 注意事項以上流程基本上不會有什麼問題,不過我還是遇到一個坑,還原遊戲的時候,注意一下在 Steam 中收藏庫的這個遊戲,是「解除安裝」的狀態。也就是說,不要安裝過遊戲後又使用了「還原」的功能,這樣 Steam 又會重頭開始下載了...

三、安裝舊版本遊戲

1. 操作流程 Steam 不斷自動更新遊戲版本,有時也會造成困擾,例如導致外掛、MOD 失效,或是某些功能、玩法在新版本消失了,所以有些玩家會希望恢復為舊版本。 PTT 這篇貼文完整說明了 Steam 的運作機制: 作者提供了詳盡的指南,有需要的讀者可按這篇內容進行。 2. SteamCMD 下載直接照著該篇內容進行應該是會卡關,因為沒有每個步驟詳細說明。所以這裡做些補充。 該篇的指令需要靠 SteamCMD 執行,所以電腦裡需要先安裝 SteamCMD 才行,請到官方下載網址抓這個檔: 解壓縮到自訂資料夾後,執行 steamcmd.exe,等個幾分鐘會自動下載、更新檔案。 steam-backup-restore-skill-3.jpg-Steam 移轉遊戲完整教學﹍備份還原+複製修改內容(外掛MOD)+安裝舊版本技巧完畢後就可接續教學文章,看是要用 Steam 主控台來輸入指令,或是直接執行 steamcmd.exe 也能打指令。 3. 防止 Steam 自動更新該篇提供了防止 Steam 自動更新的技巧,將 steamapps資料夾內對應遊戲的 .acf 檔設定為「唯讀」狀態,讓 Steam 無法複寫檔案,也就無法更新遊戲了。

四、完整移轉遊戲+外掛(排名第一)

回到開頭我的狀況,如果我的遊戲檔經過中文化有了變動,或是裝了外掛、MOD 的話,有沒有什麼辦法可以完整的移轉遊戲,不需要重新修改檔案、重新研究或安裝外掛,再次經歷所有麻煩的過程呢? 原本我對這件事沒什麼頭緒,不過讀了前面「三、安裝舊版本遊戲」那位 PTT 神人寫的 「安裝舊版本遊戲」後,已全然了解 Steam 的運作機制,也成功測試出完整移轉遊戲的方法,以下就來看看排行第一的作法如何進行。 1. 找出遊戲 App ID首先找出 Steam 每個遊戲獨一無二的 App ID,以「巫師3」為例,進入 Steam 遊戲頁面從網址就能找到: steam-backup-restore-skill-4.jpg-Steam 移轉遊戲完整教學﹍備份還原+複製修改內容(外掛MOD)+安裝舊版本技巧如上圖,「巫師3」的 App ID 就是紅框處的 292030,請找到自己遊戲的 App ID 數字,之後會用到。 2. 備份遊戲檔案接著進入資料夾 steamapps\common,將自己的遊戲資料夾包含之內的所有檔案,複製到他處保存起來,並保持資料夾原始名稱,不可隨意更名。 3. 備份 acf 檔進入資料夾 steamapps之內,找到自己遊戲的 acf 檔,以「巫師3」為例,檔名會是這樣(包含 App ID): appmanifest_292030.acf請將自己要備份的遊戲 acf 檔複製到他處保存起來。 4. 複製遊戲檔案備份的動作都完成後,接下來在新電腦上作業,首先將備份的遊戲資料夾,複製到新電腦的資料夾 steamapps\common之中,遊戲資料夾名稱務必不可更動。 5. 複製 acf 檔案接著將備份的遊戲 acf 檔,複製到資料夾 steamapps之內,並且進行以下這個非常重要的動作:
  • 檔案總管選取 acf 檔 → 右鍵 → 內容 →「屬性」勾選 "唯讀"
此檔變成「唯讀」狀態後,Steam 就不會更新遊戲、不會驗證檔案、不會重新下載了。 6. 修改 vdf 檔同樣在資料夾 steamapps之內,找到這個檔案 libraryfolders.vdf,用文書編輯軟體開啟: steam-backup-restore-skill-5.jpg-Steam 移轉遊戲完整教學﹍備份還原+複製修改內容(外掛MOD)+安裝舊版本技巧找到上圖的區塊,如上圖紅框分別新增兩筆字串,左邊雙引號內是 App ID(以「巫師3」為例),右邊雙引號內是檔案大小,數字隨意填沒關係。 請新增自己的遊戲 App ID 及檔案大小數字後,儲存檔案。 完成此動作後,Steam 會視此遊戲為「已安裝」的狀態,將不必重新安裝遊戲。 7. 執行遊戲完成以上所有動作後便大功告成,可以順利將任何狀態、任何版本的遊戲、安裝過外掛或 MOD 的遊戲,成功移轉到新電腦。 現在開啟 Steam 可看到,移轉複製過來的遊戲不須安裝、也不會更新、不會下載檔案,可以直接執行了!

讓 Line 網頁版開機自動登入+全螢幕顯示

$
0
0
上一篇「讓 Line 網頁版能開機自動執行」留下的小問題是,Line 網頁版每次開機都得重新輸入密碼,本篇將說明如何將這件事程式化,可以開機自動執行,並優化操作界面。 不過必須先提醒,本篇流程包含的知識與技術很複雜,若沒有相當的 Javascript 基礎不容易理解,所以不適合新手閱讀。 (圖片出處: chatgpt.com)

一、原理說明

本篇的任務相當複雜,要解決的狀況很多,以下先一一說明困難點及解法的原理: 1. Puppeteer要讓瀏覽器行為開機自動化執行,必須學會操作 Puppeteer 來控制 Chrome 的所有行為。而 Puppeteer 須在 Node.js 環境執行,所以系統必須先安裝 Node.js 及 Puppeteer。 不熟悉的話可先看我另一篇實作「FB 社團爬蟲實作範例﹍使用 Node.js 操作 Puppeteer」,作為上手參考之用。 2. Chromium 瀏覽器準備動作安裝 Puppeteer 時會自動下載一個 Chromium 瀏覽器,如果直接用 Puppeteer 操作這個 Chromium 無法完成本篇任務,因為這個原始的 Chromium 是空白狀態。 要執行 Line 網頁版得先安裝 Line 套件,所以需先為這個 Chromium 瀏覽器登入、設定一個 Google 帳號,並安裝 Line 套件,供 Puppeteer 呼叫使用者及套件。 3. 載入使用者為了讓 Puppeteer 能啟動 Chromium 時載入特定使用者,花了很多時間嘗試,最後才知道字元格式要完全正確才不會報錯,參數原理可參考這個討論串「In Puppeteer how to switch to chrome window from default profile to desired profile」。 4. 載入套件要讓 Puppeteer 啟動 Chromium 時預先載入特定套件,同樣也不是一件簡單的事,正確作法可參考官網說明文件「Chrome Extensions」。 5. 讓 Puppeteer 背景執行最後一個卡關的坑是,為了開機能執行 Puppeteer 來操作 Chromium,必須寫 .bat 執行檔放入 Windows「啟動」資料夾,但是自動執行後會發現,執行 .bat 檔跳出的那個 DOS 命令視窗,會一直出現在作業系統,如果不小心把這個視窗關了,Puppeteer 也會自動停止執行,這代表 Chromium 會被立即關閉,那麼想當然 Line 網頁版也就消失了。 要解決這件事的話,必須讓執行 Puppeteer 的 .js 檔在背景執行,找到的工具是「PM2」,改用 PM2 來執行 js 再關閉 DOS 視窗就行了。

二、範例程式碼

以下提供 Puppeteer 操作 Line 網頁版的範例程式碼: let puppeteer = require("puppeteer"); let username = "xxxxxxxx"; // 填入帳號 let password = "xxxxxx"; // 填入密碼 (async function() { const browser = await puppeteer.launch({ headless: false, args: ["--user-data-dir=C:\\Users\\使用者名稱\\AppData\\Local\\Google\\Chrome for Testing\\User Data", // 填入 chromium 使用者路徑 "--profile-directory=Default", // 使用第一個預設使用者 "--disable-extensions-except=C:\\Users\\wayne\\AppData\\Local\\Google\\Chrome for Testing\\User Data\\Default\\Extensions\\ophjlpahpchlmihnnnihgmmeilfjmjjc\\3.4.0_0", // 填入 Line 套件路徑 "--load-extension=C:\\Users\\wayne\\AppData\\Local\\Google\\Chrome for Testing\\User Data\\Default\\Extensions\\ophjlpahpchlmihnnnihgmmeilfjmjjc\\3.4.0_0", // 填入 Line 套件路徑 "--disable-infobars" // 隱藏系統訊息欄 ] }); // 所有打開的頁面 const pages = await browser.pages(); // 初始空白頁面 const page = pages[0]; // 設置超時時間為 0 代表無限制 page.setDefaultTimeout(0); await page.goto("chrome-extension://ophjlpahpchlmihnnnihgmmeilfjmjjc/index.html#"); await page.waitForSelector("form"); // 先清空使用者名稱 await page.evaluate(function() { document.querySelector("input[type='email']").value = ''; }); // 模擬輸入帳號密碼 await new Promise(r => setTimeout(r, 500)); await page.type("input[type='email']", username); await new Promise(r => setTimeout(r, 500)); await page.type("input[type='password']", password); await new Promise(r => setTimeout(r, 500)); await page.click("button[type='submit']"); await page.waitForNavigation(); // 最小化 const session = await page.target().createCDPSession(); const { windowId } = await session.send("Browser.getWindowForTarget"); await session.send("Browser.setWindowBounds", { windowId, bounds: { windowState: "minimized" } }); // 全螢幕 await page.evaluate(() => { const elem = document.documentElement; if (elem.requestFullscreen) { elem.requestFullscreen(); } else if (elem.mozRequestFullScreen) { elem.mozRequestFullScreen(); } else if (elem.webkitRequestFullscreen) { elem.webkitRequestFullscreen(); } else if (elem.msRequestFullscreen) { elem.msRequestFullscreen(); } }); })();以上紅字需要填入的資訊說明如下:
  • 帳號、密碼:請填入自己的 Line 帳號密碼
  • chromium 使用者路徑:Puppeteer 自動下載的 chromium 應該會在 Windows 系統的使用者資料夾產生一個 "Chrome for Testing"資料夾,如果你的使用者資料夾有找到類似這裡紅字的路徑,那麼直接把這裡的路徑改成你的使用者名稱即可
  • 使用第一個預設使用者:這裡的設定值會抓第一個設定登入的使用者,所以請確認你已經至少設定了一個有登入的使用者
  • Line 套件路徑:有兩處要填入裝在 chromium 的 Line 套件路徑,請先確認你已在 chromium 的預設使用者安裝了 Line 套件。然後可在電腦搜尋 Line 的套件 ID 字串 "ophjlpahpchlmihnnnihgmmeilfjmjjc",找到後查看完整資料夾路徑,後面會有版本編號,將你的版本編號置換原本的字串 "3.4.0_0"
程式碼其他的說明已用註解標示,特別說明以下兩段程式碼的作用:
  • 最小化:讓 Line 網頁版執行後可以最小化
  • 全螢幕:讓 Line 網頁版顯示的時候能進入全螢幕模式,好處是可隱藏網址列,增加可視範圍

三、完整操作流程

講解完範例程式碼後,以下說明完整的流程如何操作: 1. Puppeteer參考前面說明,安裝 Node.js 及 Puppeteer,完畢後會自動下載 Chromium 瀏覽器。 要執行這個 Chromium 的話,可在電腦中搜尋 chrome.exe,通常會找到兩個,黃色圖示那個是平常執行的 Chrome,藍色圖示那個就是 Chromium。 2. 安裝 Line 網頁版執行剛剛提到的藍色圖示那個 Chromium:
  • 登入 Google 帳號,讓瀏覽器右上角出現帳號圖示,這就是預設使用者
  • 使用這個帳號安裝 Line 網頁版套件
完成以上流程後,就可在電腦搜尋 Line 的套件 ID 字串 "ophjlpahpchlmihnnnihgmmeilfjmjjc",找到後查看完整資料夾路徑,後面會有版本編號,將你的版本編號置換範例程式碼中的版本編號。 3. JS 執行檔將範例程式碼的紅字參數都修改完後,存成一個 .js 檔,並記住路徑,例如: D:\startUp\line.js4. 安裝 PM2參考官網說明「Installing PM2」來安裝,例如執行以下命令: npm install pm2 -g5. 製作 .bat 檔將以下內容存成 .bat 檔,例如 line.bat@echo off pm2 start D:\startUp\line.js exitline.js的路徑請改為前面自己儲存的 .js 檔案路徑。 6. 開機執行 .bat 檔最後將這個 line.bat(或自訂檔名) 放入 Windows 啟動資料夾,路徑如下: C:\Users\使用者名稱\AppData\Roaming\Microsoft\Windows\Start Menu\Programs\Startup將「使用者名稱」改成自己的名稱即可,開機就會看到 Line 網頁版啟動、自行輸入帳號密碼,然後視窗自動縮小的畫面了。
更多 NodeJs 相關文章:

Google 試算表隱藏選單+工具列+公式列﹍讓工作表區塊最大化,瀏覽效果最舒適

$
0
0
google-sheet-fullscreen-optimization.jpg-Google 試算表隱藏選單+工具列+公式列﹍讓工作表區塊最大化,瀏覽效果最舒適這陣子為了克服電腦背光的傷害,使用大尺寸螢幕保護眼睛,從距離約 2 公尺處看螢幕,得將作業系統縮放比例設定為 200% 以上,字體也須放大、設粗體,眼睛看起來才舒服。 而開瀏覽器時經放大比例後,不可避免網頁的可視範圍會少很多,對於文章為主的網頁,可利用「Reader Mode」這樣的外掛,配合瀏覽器的全螢幕模式,來聚焦文章內容、排除冗雜區塊。 至於我常用的 Google 試算表,Reader Mode 外掛起不了作用,需要另外研究如何優化版面。本篇會說明如何隱藏 Google 試算表的選單、工具列、公式列等區塊,以及如何使用自動化操作,讓工作表區域的面積、能顯示的儲存格數量最大化。 (圖片出處: chatgpt.com)

一、官方提供的隱藏功能

google-sheet-fullscreen-optimization-1.jpg-Google 試算表隱藏選單+工具列+公式列﹍讓工作表區塊最大化,瀏覽效果最舒適關於基本操作,瀏覽器與 Google 試算表提供了一些功能,可以隱藏部份區塊。上圖供對照以下內容: 1. 隱藏選單在 Google 試算表頁面,按快速鍵 Ctrl+Shift+F可切換隱藏、顯示「選單」區塊。 2. 隱藏公式列在 Google 試算表頁面,點擊選單「查看」→「顯示」→「公式列」,可切換隱藏、顯示「公式列」區塊。 3. 試算表全螢幕功能在 Google 試算表頁面,點擊選單「查看」→「全螢幕」,可隱藏「選單」+「工具列」區塊。 4. 網頁全螢幕功能網頁只要按 F11 都可進入全螢幕狀態,可隱藏「網址列」+「書籤列」區塊。

二、使用自動化程式套件

1. 手動操作不方便了解以上基本操作後,在試算表頁面如果想讓工作表區域的面積、能顯示的儲存格數量最大化,必須進行以下操作:
  • 操作滑鼠進行多次點擊,來隱藏「公式列」區塊
  • 操作滑鼠執行試算表的「全螢幕」選項,來隱藏「選單」+「工具列」區塊。
  • 按 F11 進入瀏覽器的全螢幕模式
以上流程只要每次重啟瀏覽器後,進入試算表時都得重新做一次,其實沒有那麼方便,因此我構思著如何讓這流程自動化。。 2. 自動化操作原理我常使用的 Chrome 套件「User JavaScript and CSS」,可以編寫 Javascript 及 CSS,進入特定網頁後自動執行。 只要能將進入 Google 試算表網頁後,要進行的所有動作程式化,就能利用「User JavaScript and CSS」這個套件實現。 3. 程式處理邏輯要將前面所有手動操作的流程程式化,我的處理邏輯如下:
  • 想辦法找出偵測全螢幕狀態的方法(原理比較複雜,會另寫一篇說明)
  • 手動按 F11 進入全螢幕狀態
  • 當偵測到全螢幕模式時,Google 試算表頁面自動隱藏選單+工具列+公式列

三、操作範例

了解前述原理後,以下進行 User JavaScript and CSS 的設定: google-sheet-fullscreen-optimization-2.jpg-Google 試算表隱藏選單+工具列+公式列﹍讓工作表區塊最大化,瀏覽效果最舒適1. 基本設定參考上圖:
  • Rule name:填入標題,例如「Google 試算表全螢幕」
  • URL patterns:填入網址(可使用萬用字元),例如「https://docs.google.com/spreadsheets/*」
2. 填入程式碼上圖的程式碼區塊,左側可填入 Javascript,右側可填入 CSS。 剛好本篇的概念用 CSS 就能完成,不需要動到 JS,範例程式碼如下: @media all and (display-mode: fullscreen) { #docs-chrome { display: none; } } @media not all and (display-mode: fullscreen) { #docs-chrome { display: block; } }填寫完畢後按「Save」即可。 3. 執行效果之後只要開啟 Google 試算表頁面:
  • 按 F11 進入全螢幕狀態後,會自動執行 CSS,隱藏選單+工具列+公式列,方便瀏覽工作表、儲存格區塊
  • 按 ESC 離開全螢幕狀態後,會自動顯示選單+工具列+公式列,方便一般作業
更多「Google 試算表」相關技巧:

如何克服電腦背光的傷害﹍大尺寸螢幕護眼環境設置優化

$
0
0
large-lcd-screen-protect-eyes.jpg-如何克服電腦背光的傷害﹍大尺寸螢幕護眼環境設置優化身為前端工程師,必須長時間在電腦前作業,但我的眼睛只要看螢幕久一點身體就不舒服,而且基於螢幕的材質演進,背光一代比一代更強、更刺眼,所以過去很長一段時間持續關注「Eink 電子墨水」這項科技,我也所費不貲買過這些產品: 只不過多年下來體悟到,打造「Eink 電子墨水產品」的友善使用環境不太容易,一方面螢幕永遠不夠大,影像反應速度不夠快,十分影響前端作業的效率。另一方面環境光源是個大問題,要能均勻把光打到螢幕上得以看清楚,光線又不能過強造成反光,這件事難度很大。所以過去買的這些產品,其實都無法讓我使用的時間夠長久。 近幾年由於科技進展,市面上的電腦螢幕尺寸越來越大,讓我對解決護眼問題帶來了不同的想法:
  • 電腦螢幕對眼睛最大的傷害,來自於背光的亮度
  • 而背光的強度到了一定的距離,例如 1.5~2 公尺,對眼睛影響就比較低了
  • 就像在客廳看電視,因為距離較長眼睛可以看很久才會不舒服
  • 如果能使用大尺寸電腦螢幕,盡可能地拉長使用距離就能減少背光對眼睛的傷害
理論上這構想很合理,可完美解決背光問題,只是實際上無論是軟硬體、時空環境都有不少細節要克服,本篇將分享如何針對各種困難找出解決方案。 (圖片出處: catch.com.au)

一、需要克服的困難

使用大尺寸螢幕的方針決定後,在執行面上,很容易發現以下這些問題:
  • 一般辦公室不可能讓員工距離螢幕 1.5~2 公尺作業,所以這件事可能只適合,像我這類自雇者、在家辦公的族群
  • 現在的螢幕雖然尺寸越來越大,但卻越來越扁,例如 21:9、32:9。這很不利於作業、或是看網頁內容,因為上下可視範圍越來越窄,需要不斷捲動螢幕來看狹小空間中的文字。
  • 過往的 4:3、16:10 螢幕都滿適合看網頁的,但現在大尺寸螢幕根本找不到這樣的比例
  • 現在的螢幕除了尺寸變大,解析度也提升到 2k、4k,這會導致系統文字越來越小,跟看螞蟻差不多。雖然距離拉遠保護了眼睛,但文字看不清楚無法作業,則是另一個需要解決的大問題。

二、螢幕的選購

了解所有困難點後,如果你也是不受公司限制、能夠自由配置作業環境的族群,那麼可以開始來解決其他問題。 1. 螢幕尺寸一開始從我現有的 Asus 27 吋螢幕測試,刻意將距離拉遠到 1.5 公尺,算是勉強可用但有點吃力,經放大作業系統縮放比例及字體後,看網頁將字放大到眼睛看起來舒服的尺寸時,可視範圍剩下沒幾行。 所以我推估至少要買 32 吋以上的螢幕比較適當,而且越大越好,目標是 40 吋以上。 2. 螢幕比例在購物網站使用搜尋功能,查詢市場上能買到的電腦螢幕,前面提到的適合閱覽網頁螢幕比例:
  • 4:3 比例的螢幕只存在於 20 吋以下
  • 16:10 比例的螢幕目前只有生產 24 吋
  • 所以現在唯一能選購的大尺寸螢幕,比例只有 16:9
3. 螢幕解析度因為選購大尺寸螢幕的目的是用於遠距離使用,那麼高解析度螢幕除了沒必要,還可能是扣分因素。 例如買了 4K 螢幕(3840*2160),作業系統的縮放比例必須放大好幾倍,讓文字、軟體界面都放大,遠距離看起來才舒適。但某些軟體經放大後,仍會難以使用。 large-lcd-screen-protect-eyes-1.jpg-如何克服電腦背光的傷害﹍大尺寸螢幕護眼環境設置優化如上圖,這是我在 32"螢幕、1920*1080 解析度,比較舊的影像編輯軟體的截圖,如上方及左側的兩排紅框工具小圖示,在選單文字能隨系統設定放大的情況下,小圖示仍維持原本的大小,非常不利於辨識與操作。 Full HD 解析度尚且如此,那麼更不用說 4K 解析度了,這樣的情況只會更嚴重,一些比較舊的遊戲、軟體,在 4K 解析度下都會是悲劇。 所以在本篇需求為前提下,解析度越小越好,後續需要調整的的軟體、解決界面的問題會越少。這也就是說,選購的螢幕解析度應以 1920*1080 為首選。 4. 合適的螢幕選擇我的作業環境需要兩台大尺寸螢幕,其中一個距離螢幕最遠約 1.8~1.9 公尺,另一個可達 2.2~2.3 公尺。 因為 momo 購物網站的篩選功能比較強,以下是根據這個網站的的搜尋結果:
  • 試圖在 32~40 吋找 16:9 螢幕,結果只有 32"有此比例
  • 32"有不少 1920*1080 螢幕,最後我選了「Philips 32E1N3100LA」,購買價不到 4 千,VA 面板,有三年保固
  • 40"以上基本找不到 1920*1080 螢幕,最後我選了 43 吋的「Philips 438P1」,購買價不到一萬,IPS 面板,有三年保固。
  • 選購時注意產品描述,別買到曲面螢幕,這是為了近距離沈浸感而設計的產品,但我們要遠距離使用,買錯可就浪費了。
另外需要注意的是,有些電腦螢幕標榜「智慧連網」功能,例如這台「SAMSUNG S43DM702UC」,頁面上標示了 "Smart TV 智慧電視功能",我懷疑這其實是拿電視螢幕改成電腦螢幕賣,因為無法實機操作,以下純粹是我的猜測,也是我不敢買的原因:
  • 因為有電視用途,代表電腦不一定是主要用途,造成操控上一定要有遙控器才能切換。
  • 很有可能當作電腦螢幕使用時,也必須用遙控器來關閉螢幕
  • 這也代表我們一般在電腦設定幾分鐘不使用後,會自動關閉螢幕的功能,這台螢幕可能不會自動關閉,必須使用遙控器才能關閉
  • 如此一來,無論有沒有手動操作遙控器關閉螢幕,都會造成螢幕的壽命損耗
  • 若沒有用遙控器關閉螢幕,則螢幕永遠都是開啟狀態,自然會消耗螢幕壽命
  • 若有用遙控器關閉螢幕,則不但造成自己的操作麻煩,且螢幕頻繁進行開關,一樣是減損壽命(所有電子器材頻繁開關都會減少壽命)
如果讀者有開箱過類似機種,希望能幫我釐清以上的臆測,來驗證這樣的機種是否適合當電腦螢幕使用。在以上疑慮能釐清之前,把這樣的機種當成電腦螢幕使用,對螢幕壽命是有風險的。

三、Windows 系統調整設定

因應不同作業環境的縱深,我選購了一台 32"(1080P)、一台 43"(4K) 螢幕。接下來要想辦法讓 Windows 系統所有環境下的操作,都能讓眼睛最舒服。首先來研究作業系統設定: 1. 縮放比例在距離兩公尺左右處看螢幕,必須找到恰當的縮放比例,同時又不讓應用程式異常。Win10 的設定方式如下: large-lcd-screen-protect-eyes-2.jpg-如何克服電腦背光的傷害﹍大尺寸螢幕護眼環境設置優化
  • 桌面按右鍵 → 顯示設定 → 進階縮放設定 → 如上圖紅框,輸入數值
  • 登出登入後可看到效果
究竟應該輸入什麼數值,有個簡易的方式可以用於檢測: large-lcd-screen-protect-eyes-3.jpg-如何克服電腦背光的傷害﹍大尺寸螢幕護眼環境設置優化
  • 檔案總管 → 檢視 → 選項
如果能看到下圖右下方紅框的「套用」按鈕,代表這個縮放比例可以接受(看不到的話代表比例太大了,很多其他軟體的版面可能異常)。 以下是我的縮放比例設定供參考:
  • 1920*1080 螢幕:200%
  • 3840*2160 螢幕:400%
2. 放大字體比例 Win10 無法像 Win7 能自訂字型、字體大小,不過有個微調字體比例的設定功能: large-lcd-screen-protect-eyes-4.jpg-如何克服電腦背光的傷害﹍大尺寸螢幕護眼環境設置優化
  • 開始 → 設定 → 輕鬆存取 → 顯示器 → 如上圖紅框,調整自己的比例,並注意應用程式是否異常即可
3. 桌面圖示間距如果像我一樣桌面圖示很多,且有特定擺放位置,那麼經過前面的調整縮放比例流程,重新登入後圖示有可能會被打散,那麼我們需要重新調整桌面的圖示間距。 可參考這篇「Win10桌面間距過大如何修復」來修改登錄檔,搜尋並執行「登錄編輯程式」後:
  • 前往路徑 HKEY_CURRENT_USER\Control Panel\Desktop\WindowMetrics
  • 右側視窗可看到「IconSpacing」及「IconVerticalSpacing」,預設值大致分別是 -1125
  • 我兩個都調整為 -1000左右,請自行調整為合適值,重新登入後可看到效果
4. 檔案總管標題列經過前面的調整縮放比例流程,短時間多次登出登入後有可能系統某些數值會計算錯誤,導致「檔案總管標題列」的高度在登錄檔的數值跑掉,因為我就遇到了。 如果你也覺得「檔案總管標題列」高度怪怪的,可以接續「3. 桌面圖示間距」的流程,在右側視窗找到 CaptionHeight、CaptionWidth 這兩項,分別將值改回預設的 -333即可。 5. 系統字型前面「2. 放大字體比例」中,Win10 系統提供的字體大小調整功能無法滿足我需求,還好找到這篇「W10系統字型修改」,提到有日本高手做了這個工具「noMeiryoUI」,真的是太好用了!! 目前最新版下載連結: large-lcd-screen-protect-eyes-5.jpg-如何克服電腦背光的傷害﹍大尺寸螢幕護眼環境設置優化上圖為執行效果,功能非常強大:
  • 可選擇自訂字型、粗體,這是 Win10 系統預設功能做不到的,能設成「粗體」是非常重要的功能,讓眼睛看得十分舒服。
  • 可套用到多處
  • 不用登出就能看到效果
6. 高對比模式遠距離看螢幕時,我覺得有些應用程式的黑底白字沒那麼舒服,那麼 Windows 官方提供的「高對比模式」就能派上用場。按以下的快速鍵就能快速切換此模式: Alt + Shift + Printscreen只不過這個快速鍵除了不好按,也不太好記,為了此事我研究了如何使用自訂按鍵切換高對比模式,會另外發表一篇文章說明。 7. 重啟檔案總管因為我在多個使用者帳號,都設定了百分比很高的縮放比例,不知道是否因為這個原因,切換使用者帳號後,再切回原本主帳號會導致工作列高度異常。 問了 ChatGPT 後提供一個可能的解法:「重新啟動檔案總管」,一試之下果然成功了。如果你也遇到類似狀況的話,可參考這篇「5種辦法在Win10重啟Windows檔案總管」,採第5個方法比較簡單,製作一個 .bat 檔,放在桌面隨時可以執行,檔案內容如下: taskkill /f /im explorer.exe start explorer.exe

四、軟體調整

環境設定完成後,接下來需要一一調整常用軟體、網頁的使用方式,讓眼睛負擔較輕。以下分享一些我常用的軟體、網頁調整方式: 1. Chrome
  • 縮放網頁:為了讓文字放大到眼睛不須用力就能舒服地閱讀,開啟網頁後需要隨時用按 Ctrl及滑鼠滾輪放大網頁。但文字很大的情況下,此時瀏覽器扣除頁籤、網址列、標籤列、側邊欄等空間,能夠閱讀的剩下沒幾行。
  • 全螢幕模式:所以常常需要按 F11進入全螢幕模式,獲得更多閱讀空間。不過 F11 並不好按,且影響右手的滑鼠操作,我會利用「HotkeyP」這樣的快速鍵軟體,自訂可以左手操作的熱鍵來驅動 F11。
  • 閱讀模式:為了移除網頁除了文章以外的不必要區塊,我還會安裝「閱讀模式(Reader Mode)」這樣的套件,方便閱覽網頁。
2. Google 試算表 Google 試算表是我常用的網頁之一,當網頁放大後,能閱覽的儲存格行數著實不多,除了利用前述的技巧外,我還另外使用自動化程式,去除網頁上所有不必要的的欄位,請參考這篇文章的說明:「Google 試算表隱藏選單+工具列+公式列」。 3. Line以 1920*1080 解析度的螢幕為例,如果 Windows 作業系統能放大到 250%~300%,那麼 Line 的文字絕對夠大,足以在兩公尺以上看得清楚,不過後遺症是 Line 的操作界面會異常,而且連左下角的「設定」圖示都顯示不出來,導致無法調整設定。 所以 Full HD 螢幕的作業系統縮放設定為 200% 會是一個安全值,至少 Line 可以:
  • 文字大小設為「特大」
  • 字體經我研究後,可設為「MS Gothic」,這個字型自帶粗體效果,可以讓文字看起來異常清楚,十分推薦使用
4. PTT如果常使用 PTT 的話,如何讓 PTT 在遠距離能看到最大的字、最多行數,需要用上前面本篇提到的所有技巧來調整。
  • 如果使用 PCMan 等軟體,雖有全螢幕模式,畫面上仍存在不必要的欄位,從而佔用了閱讀空間,導致文字無法放到最大
  • 所以最佳解是使用瀏覽器進入網址 https://term.ptt.cc/,此時按 F11 進入全螢幕可獲得最大的視覺空間
  • 調整字型為前面提過的「MS Gothic」,可讓文字最大、最粗,閱讀效果最佳
  • 由於 PTT 網頁版不方便調整顏色,許多預設的高亮顏色會傷害眼睛,某些設定的顏色又過暗導致眼睛吃力,此時最好的閱覽模式是前面提過的「高對比模式」,可利用 Windows 系統預設的熱鍵切換
以上大致說明調整技巧,實際操作有不少眉角,短篇幅不易說清,會另外寫一篇說明。

五、軟體及遊戲更換

除了以上提到的軟體,會有更多根本無法調整的程式或遊戲,在遠距離下完全無法操作,必須改用替代品。 以下簡單舉幾個例子: 1. 圖片編輯軟體一直以來習慣了舊版 PhotoImpact,但因早已停止開發,軟體無法跟上新時代的螢幕,越高解析度的螢幕下,工具圖示會顯得越小,遠距離更是無法使用。 目前我找到的替代品是「Paint.NET」,界面清爽,圖示清楚,我常用的幾個簡單功能都有,這樣就足夠了。 2. 截圖軟體原本使用的截圖軟體是 Greenshot,但發現工具圖示太小,遠距離下無法使用,查了一下原來此軟體作者多年無暇更新了。 試了大量軟體好不容易找到一個合用的 Snipaste,在 32"螢幕下遠距離可以使用。 結果後來買了 43"螢幕後,Snipaste 的工具圖示竟然在 4K 解析度下快要看不到了,即便我一度想買付費版,然而發現付費版的圖示尺寸並無不同。 所以又花了不少時間找到 Flameshot,不但圖示大,而且操作界面的設計更方便友善,總算能在 43"上滿意地使用截圖軟體。 3. 快速鍵軟體過去多年使用的快速鍵軟體一直是 HotkeyZ,我也知道作者早已不更新了,但不覺得這對快速鍵軟體而言有什麼差。 直到開始遠距離看螢幕後,對於 HotkeyZ 的螞蟻大小界面開始感到痛苦,於是找到了現在使用的「HotkeyP」,可以調整界面字體大小,總算能遠距使用。 4. 工具軟體我常用的前端作業工具 Sublime Text 3 在 4K 螢幕下使用「酷音輸入法」時,輸入框會小得幾乎看不到,可以說都是在盲打。查了資料 Sublime Text 4 對高解析度有較好的支援度,升級後果然輸入框就正常了,只是升級後軟體的作業環境還是有一些地方需要重新檢查、調整設定,得額外花不少時間。 5. 遊戲一些比較舊的遊戲在 4K 解析度下,玩起來就可能是悲劇了,因為字會變得非常非常小。一些以前硬體不夠力時先買下來的 3A 大作,現在顯示卡跑得動了但 4K 螢幕卻看不到字,只能忍痛再收起來。 得要遇上良心公司在多年後仍願意更新遊戲,例如「巫師3次世代更新」,支援了 4K 畫質、光追技術,最重要的是支援較大字體顯示,總算能在 4K 螢幕好好玩個遊戲。 所以 4K 螢幕下新買的遊戲必須先測試字體大小是否適合觀看,否則趕快在時限內退款為宜。

六、補充

遠距離使用大尺寸螢幕的重要事項說明的差不多了,最後補充幾點:
  • 為了保護眼睛,螢幕買來最重要的一點是調整亮度,這分為兩個方面:
    • 環境亮度要充足:例如我兩個房間都改裝 LED 燈泡、燈管,各約 20W 或以上,除了省電也更亮。
    • 螢幕亮度調低:我的兩個大螢幕都調到 10~15 左右,但這非固定值,請依照環境光源、個人眼睛舒服度調整。將亮度不斷降低,直到眼睛開始不舒服的數值,再往回加一些即可。
  • 從我前面的「軟體更換」例子可看到,許久未更新的軟體很可能無法適應遠距離操作。因此挑選應用程式時,避免使用太舊、停止開發的軟體。
  • 從本篇的例子也可驗證前面提到的,解析度越低的螢幕,需要解決的問題越少,我的 4K 螢幕就得花更多時間處理軟體、遊戲的問題。
  • 所以買 4K 螢幕不見得好,但我的例子是沒得選,符合預算的選擇只有 4K。
  • 而且 YouTube 影片大多是最高 1080P,在 4K 下看起來還會稍微模糊,能安慰自己的大概是玩遊戲吧,可以看到更精緻的遊戲畫面(先有個夠力的顯示卡)
更多 3C 產品心得分享:

Win10 自訂快速鍵切換高對比佈景主題﹍PowerShell 指令

$
0
0
high-contrast-custom-hotkey-powershell.jpg-Win10 自訂快速鍵切換高對比佈景主題﹍PowerShell 指令Windows 提供的高對比模式主要有兩類:白底黑字、黑底白字。我習慣的配置是淺底或白底黑字,且大部分 Windows 軟體也都是淺底或白底黑字,所以其實需要用到高對比模式的情況沒那麼多。而我前端工作常會用到的工具 Notepad++、Sublime Text 等,都能自選淺底佈景,自然也不需要切換成高對比模式。 會需要切換的主要是瀏覽器,因為每個網頁都會有自己的風格、配色,若遇到常用的網頁是黑底、深色為主色時,例如「PTT 網頁版」眼睛看了沒那麼舒服,就會想切換成白底黑字。 可惜的是測試了大部分 Chrome 套件,沒有一個可以很好的將黑底白字轉換成白底黑字,總之跟 Windows 預設的高對比效果差很多,所以最終還是得使用 Win10 的白底黑字佈景才行。 事情到此看起來已經結束了,那麼還有什麼問題要解決呢?其實為什麼我要花那麼多時間測試 Chrome 高對比套件,就是因為 Win10 切換高對比模式的熱鍵不好按,一方面需要兩隻手才能按得出來,一方面真的很難記,熱鍵的設計完全沒邏輯所以常常忘記怎麼按。 所以我想改成自訂熱鍵,除了好記也能用一隻手就按出來。然而這個任務進行了才發現異常艱難,本篇會分享這個過程有哪些坑,以及最終的解決方法。

一、Win10 內建功能操作

1. 選擇佈景主題使用 Win10 內建的高對比模式,及選擇對應的佈景主題,請見以下流程: 開始 → 設定 → 輕鬆存取 → 高對比 →「開啟高對比」選擇「開啟」→ 選擇佈景主題 → 白底黑字 high-contrast-custom-hotkey-powershell-1.jpg-Win10 自訂快速鍵切換高對比佈景主題﹍PowerShell 指令選完佈景主題後,再將「開啟高對比」選擇「關閉」即可,將來使用高對比功能時會自動啟用此佈景主題。 2. 熱鍵 Windows 預設切換高對比模式的熱鍵如下: Alt + Shift + Printscreen這組熱鍵既不好記,也看不出使用截圖鍵的邏輯,還不如 Ctrl + HCtrl + Alt + H這類可以跟 High Contrast 做聯想的熱鍵,同時也比較好按。

二、自訂熱鍵的困難之處

要使用自訂熱鍵取代預設熱鍵,原理就是想辦法模擬按下 Alt + Shift + Printscreen,但我所有的測試都失敗了: 1. 快速鍵軟體 HotkeyP我利用「快速鍵軟體 HotkeyP」,設定按下 Ctrl + Alt + H後,會自動模擬按鍵 Alt + Shift + Printscreen,但很奇怪怎麼按都不會有反應,測試了各種選項例如「以系統管理原身份執行」、「延遲執行」等等,都沒有效。 2. PowerShell 指令於是測試直接用 PowerShell 指令,模擬同時按下組合鍵,例如可參考這個討論串的模擬按鍵語法「Send Keys in Powershell」,奇怪的是一樣不會有作用。

三、執行佈景檔案

後來想到以前 Win7 似乎已經做過這件事,使用的方法是桌面設定兩個捷徑,一個高對比、一個原佈景,點擊捷徑就會執行佈景檔案,於是試著在 Win10 測試: 1. 儲存原本佈景檔桌面按右鍵 → 個人化 → 佈景主題 high-contrast-custom-hotkey-powershell-2.jpg-Win10 自訂快速鍵切換高對比佈景主題﹍PowerShell 指令佈景調整完畢後,如上圖按「儲存佈景主題」,設定名稱(例如 WFU),這個佈景主題檔案路徑如下: C:\Users\使用者名稱\AppData\Local\Microsoft\Windows\Themes\WFU.theme在檔案總管直接點擊此檔,就會立即套用該佈景主題。 2. 找出高對比佈景檔 Win10 的所有 4 個高對比佈景檔案路徑如下: C:\Windows\Resources\Ease of Access Themeshigh-contrast-custom-hotkey-powershell-3.jpg-Win10 自訂快速鍵切換高對比佈景主題﹍PowerShell 指令如上圖,紅框處的兩個檔案是主要目標:
  • hcwhite.theme:白底黑字
  • hcblack.theme:黑底白字
直接點擊檔案,就會立即套用高對比主題。 3. 困難重重以上測試都成功了,接下來試著將檔案做成捷徑,結果點擊後發現:
  • 佈景真的有切換,但切換完之後,直接進入系統設定「佈景主題」的畫面...
看來 Win10 就是不給你乾淨俐落的切換佈景,非常討厭,還要另外手動關閉設定視窗。 4. 使用指令關閉視窗在網路上查了利用指令執行佈景檔案的方法,結果這個討論串「Windows 10: apply theme programmatically」說的就是我遇到的情形,不過倒是有人提供了指令解決,範例如下: C:\PATH\TO\THEME\FILE.theme & timeout /t 03 /nobreak > NUL & taskkill /f /im systemsettings.exe翻成中文的意思就是,執行佈景檔案後,等待 3 秒,再刪除執行中的檔案 systemsettings.exe(也就是設定畫面的那個檔)。 雖然看起來事情解決了,但我不太喜歡這個解法,因為切換佈景主題有時花的時間長、有時花的時間短,不一定都是 3 秒。如果換了過長或過短的秒數:
  • 長一點比較穩妥,但等待時間久,要跟著一起瞎耗時間
  • 短一點可能導致 systemsettings.exe 還沒執行,指令找不到檔案刪就結束了

四、切換佈景軟體

1. Winaero Theme Switcher所以,只能繼續找解決方案,還好找到了國外大神製作的切換佈景工具: 2. 執行方法high-contrast-custom-hotkey-powershell-4.jpg-Win10 自訂快速鍵切換高對比佈景主題﹍PowerShell 指令
  • 下載檔案後解壓縮,裡面有 Win7 及 Win8 資料夾,執行 Win8 裡的檔案 ThemeSwitcher.exe就行了
  • 執行後如上圖,可看到目前使用的佈景(WFU),點擊紅框中的「Apply a theme」,選擇佈景檔案即可套用。
  • 不知道佈景檔案路徑的話,請往前找「三、執行佈景檔案」→「2. 找出高對比佈景檔」
3. 使用命令執行功能測試沒問題後,我們需要的是使用命令執行,才能做成捷徑、設定熱鍵,請參考官方文件說明「How to change a Windows theme from the command prompt」,範例如下: themeswitcher.exe "C:\Windows\Resources\Ease of Access Themes\hcwhite.theme"

五、使用 PowerShell 切換高對比模式

所有困難點都解決了,接下來終於可以用 PowerShell 寫指令,切換高對比佈景與原始佈景: 1. PowerShell 檔案內容開啟記事軟體,貼入以下內容: # 偵測目前佈景 $theme = Get-ItemProperty -Path "HKCU:\Software\Microsoft\Windows\CurrentVersion\Themes" -Name "CurrentTheme" | Select-Object -ExpandProperty CurrentTheme # 偵測到高對比白色模式 if ($theme -eq "C:\Windows\...\hcwhite.theme") { # 則使用預設佈景 & "D:\...\ThemeSwitcher.exe""C:\...\WFU.theme" } else { # 非高對比白色模式 則切換到高對比白色 & "D:\...\ThemeSwitcher.exe""C:\Windows\...\hcwhite.theme" }
  • 所有程式碼的意思,請見註解文字說明
  • 所有紅字參數,請按說明修改成自己的路徑
  • hcwhite.theme 請改為自己的高對比佈景檔案路徑
  • ThemeSwitcher.exe 請改為自己的檔案路徑
  • WFU.theme 請改為自己的原始佈景檔案路徑
改完後請將此檔副檔名儲存為 .ps1,例如 highContrast.ps12. Bat 檔內容開啟記事軟體,貼入以下內容: powershell -WindowStyle Hidden -NoProfile -ExecutionPolicy Bypass -File "D:\...\highContrast.ps1"
  • 紅字參數 highContrast.ps1 請改為自己前面儲存的 ps1 檔名路徑
  • 改完後請將此檔副檔名儲存為 .bat,例如 highContrast.bat
  • 直接點擊此 bat 檔,即可看到高對比佈景切換效果
3. 自訂快速鍵全部都沒問題後,最後可為這個 bat 檔設定熱鍵:
  • 對檔案按右鍵,建立捷徑 → 對捷徑按右鍵即可自訂快速鍵
  • 或是也可利用 HotkeyP 這類快速鍵軟體,設定快速鍵來執行此 bat 檔
更多 Windows 相關文章:

如何自製整年份行事曆﹍Google 試算表範本

$
0
0
custom-calendar-google-sheet.jpg-如何自製整年份行事曆﹍Google 試算表範本因為覺得現成販售的實體行事曆不太符合需求,想要完全客製一套行事曆,直接印出來使用。只是自己造輪子很麻煩,若借用現成的範本改個版面、調整細節,這樣會容易一些。不過找了一陣子後,發現即使有現成範本,要滿足我的需求仍然很艱難。 網路上有許多熱心網友分享精美的行事曆檔案,下載後固然立即就能印出來使用,不過今年的行事曆解決了,那明年、後年呢?總不能年年等別人施捨吧~萬一哪年等不到滿意的樣式時該如何呢? 所以還是得有個一勞永逸的作法,行事曆一年 365 天的日期,都必須能用程式或函數自動產生。也就是說,這樣的行事曆範本,只要改年份,就能自動產生該年度所有日期。 符合此需求的最佳工具會是「Google 試算表」,除了有豐富的內建函數,還可寫 Google Apps Script 來滿足任特殊需求。所以只要能找到版面不錯的 Google 試算表範本,就能改成自己喜歡的樣式,且將來每一年都能使用。 本篇會分享一整套版面、功能齊全的「Google 試算表」行事曆範本,多達 24 種樣式,相信能滿足各種不同的需求。

一、行事曆範本 x 24

1. 範本網站Indzara」是個專門提供免費 Google 試算表、Excel 工具範本的網站,下面這個網頁提供了精美的行事曆範本: 24 個行事曆範本除了 Google 試算表,也有對應的 Excel 版本,全都是免費的。 如果有進階的需求,需要自訂事件(Events)的話,該頁面底部有付費版本(4 個範本)。 2. 行事曆範本介紹custom-calendar-google-sheet-1.jpg-如何自製整年份行事曆﹍Google 試算表範本上圖是 24 個範本的縮圖簡介,可以快速了解對應的版面、欄位配置,例如範本 1 是年曆以三欄顯示,範本 2 是年曆以四欄顯示。 custom-calendar-google-sheet-2.jpg-如何自製整年份行事曆﹍Google 試算表範本這就是範本 2 的版面效果,四欄顯示的年曆,可看到節日、紀念日都使用單獨顏色標示。 custom-calendar-google-sheet-3.jpg-如何自製整年份行事曆﹍Google 試算表範本範本 7,二欄顯示的雙月行事曆,可一次安排整個月份的行程。 custom-calendar-google-sheet-4.jpg-如何自製整年份行事曆﹍Google 試算表範本範本 9,常見的桌曆版面,可標示整月份的重要事件。 custom-calendar-google-sheet-5.jpg-如何自製整年份行事曆﹍Google 試算表範本範本 18,為週行事曆範本。 除了以上這些,還有日行事曆的版面樣式,可前往官網參考。

二、複製範本+設定+中文化

1. 下載頁面以下為 Google 試算表範本網址: 兩個網址的內容差不多,差別在於第二個網址提供了「設定範例」,可以知道如何新增節日或紀念日,以及填寫內容的格式。 使用上應該複製第一個網址的內容,同時參考第二個網址的範例格式,來填寫、自訂第一個網址的設定參數內容。 2. 複製範本複製範本的方法如下:
  • 進入前述「行事曆範本」網址
  • 選單上的「檔案」→「建立副本」,即可將範本存在自己的 Google 雲端硬碟
3. 設定custom-calendar-google-sheet-6.jpg-如何自製整年份行事曆﹍Google 試算表範本進入工作表「SETTINGS」可進行基本設定:
  • Calendar begins in Year:設定年份,修改後整年份的日期都會自動調整
  • Calendar begins in Month:選擇起始月份
  • Week begins on:選擇一週起始日
  • Calendar Name:設定標題字串
  • WEEKENDS:設定週末日
4. 節日+紀念日custom-calendar-google-sheet-7.jpg-如何自製整年份行事曆﹍Google 試算表範本下方兩組欄位可設定假日、紀念日,可參照上圖或前述「行事曆設定範例」修改:
  • HOLIDAYS:可設定國定假日的日期
  • EVENTS:可設定紀念日的起始日期、結束日期及起始時間點
4. 中文化如果想把月份、星期的英文中文化,經測試後,想從範本的中的設定(Settings)修改並不容易,還可能把背後運行的程式改壞。 所以如果想要中文化,建議逐一手動修改,從喜歡的範本工作表中,直接將月份、星期等儲存格,直接改成中文字串。

三、補充

1. 列印如果不用現成範本自己慢慢刻版面,列印的時候就會很痛苦,很難每一頁的邊界都整齊劃一。 使用現成範本的優點,就是版面都幫我們調整好了,能夠直接列印。如果像我一樣有客製化的需求,同樣推薦找版面接近的範本來微調版面,最終能把整年份幾十張紙一次印出來,是非常舒服的! 2. 客製化技巧這套行事曆範本由於使用了複雜的函數,很多地方牽一髮動全身並不好改,想要客製化並不輕鬆。 我的需求是自製雙週行事曆,範本中並沒有這樣的功能,所以只能找版面欄位相近的來改,會另外寫一篇分享我的作法。 如果你也有客製化需求,有必要了解部份 Google 試算表函數,那麼可先參考這兩篇教學,會十分有幫助:
更多「Google 試算表」相關文章:

PTT 如何放大版面+字體放大加粗,瀏覽起來更舒服?

$
0
0
ptt-font-size-high-contrast.jpg-PTT 如何放大版面+字體放大加粗,瀏覽起來更舒服?最近「為了克服電腦背光,使用大尺寸螢幕」,PTT 在遠距離看起來字體顯的不夠大。由於 PTT 使用頻率算高,為了讓眼睛看得舒服,有必要對 PTT 進行版面完整優化。 需要調整的事項不少,而且過程不輕鬆,本篇會分享在瀏覽器使用下,PTT 網頁版如何加大加粗字體、放大版面、使用高對比模式等心得。

一、PCMAN 的侷限

1. PCMAN 選項平常上 PTT 使用的工具是「PCMAN」,其預設功能會隨視窗自動調整字體大小,所以無法放大字體。如果想手動設定字體大小,可參考這篇「pcman的字體問題」:
  • 「選項」→「自訂pcman各項設定」→「其他BBS設定」→ 取消「字體大小隨視窗大小動態調整」
  • 然後就能設定字體大小
  • 或是到「選項」→「快速BBS選項」→「設定BBS字型」,也能設定字體大小
2. PCMAN 的問題即便可以設定字體大小,但若設定了太大的數值,版面就會爆炸,超出版面的內容會看不到。 總之,手動調整大小有個上限存在,效果不會比預設的自動調整功能好多少。 3. 全螢幕模式為了提高字體大小顯示的上限,拉大版面範圍以容納更多文字,去除版面不必要的區塊,例如選單、網址、頁籤等等,PCMAN 提供了「全螢幕」模式,切換的快速鍵為 Alt + Enterptt-font-size-high-contrast-1.jpg-PTT 如何放大版面+字體放大加粗,瀏覽起來更舒服?雖說是「全螢幕」模式,如上圖紅框,PCMAN 還是保留了網址列、頁籤,佔了不少高度,也降低了字體大小的上限,所以無論如何 PCMAN 不會是遠距離看螢幕的最佳解。

二、PTT 網頁版優化

PTT 想要在全螢幕下有最大的版面空間,效果最好的會是 PTT 網頁版,使用以下網址進入 PTT: ptt-font-size-high-contrast-2.jpg-PTT 如何放大版面+字體放大加粗,瀏覽起來更舒服?如上圖,按 F11 進入全螢幕模式後,可看到網址列、頁籤等區塊都沒了,可視範圍最大,接下來可開始研究如何優化字體大小 1. 設定字型在 PTT 網頁版的頁面之下,按右鍵 → 設定,就能設定字型及大小,但也不是什麼字型都能隨意設定,可參考這個討論串「PTT如何調字型」,推文提到這些資訊:
  • 改成細明體 或其它等寬字型
  • 「SymMingLiu」放最前面 後面可放自己喜愛的字型
經我實測的結果,的確是這個樣子,查了維基百科「等寬字型」後知道,中英文等寬的字型有「細明體」,而「微軟正黑體」非等寬字型。 只要設定了「非等寬字型」,例如我嘗試「微軟正黑體」後,果然版面馬上參差不齊。後來開 Chrome 開發人員工具研究許久,總算搞懂是怎麼回事:
  • 「SymMingLiu」是作者自創的英文等寬字型,應該是特別設計過的寬度,兩個英數字元寬度與中文字元相符,版面才不會亂掉
  • 如果不使用「SymMingLiu」而是其他的英文等寬字型,則寬度不一定與中文字元相符,版面依然會亂掉
2. 使用自訂字型了解以上原理後,就有辦法在 PTT 設定任何中文字型了,請先參考這篇「網頁中英文字型跨平台設定最佳化」,了解 CSS 套用中英文字型的優先順序說明:
  • 英文字型在前、中文字型在後,這是正確的設定方法。
  • 例如先設定英文等寬字型「SymMingLiu」,再設定中文字型「微軟雅黑體」,即便「微軟雅黑體」不是等寬字型也能正常顯示,可參考下圖
ptt-font-size-high-contrast-3.jpg-PTT 如何放大版面+字體放大加粗,瀏覽起來更舒服?3. 等寬字型如果使用中文等寬字型的話,那麼就不需要設定「SymMingLiu」,以下這些是我逐一實測,Win10 可使用、能顯示中文的等寬字型:
  • 細明體(MingLiu)
  • 標楷體
  • 宋體(SimSun)(簡體)
  • MS Gothic(日文)
雖說「宋體」、「MS Gothic」非正體中文字型,其實仍能正常顯示中文。 4. 最佳字型 MS Gothic逐一比對所有能顯示中文的字型後,「MS Gothic」的筆劃最粗,在螢幕上看起來最明顯,遠距離下觀看螢幕眼睛最舒服,所以最推薦設定的字型就是「MS Gothic」。 同時設定中「BBS 終端機大小」選擇「固定字體大小」後,還能自訂字體大小,讓 PTT 顯示的行數更多。

三、高對比模式

1. Chrome 套件 PTT 預設配色為黑底白色,我個人眼睛看久了沒那麼舒服,但如果是白底黑字就能長時間閱覽,所以想找看看有什麼方法可將 PTT 網頁版配色改成白底黑字,也測試了 Chrome 所有高對比套件。 直接說結論:
  • 沒有一個可以讓網頁變成白底黑字
  • 大部份是色彩轉換灰階效果,但由於 PTT 預設使用了各種的色彩、以及深淺配色,轉換成灰階後很容易某些顏色看不到
2. Windows 高對比佈景所以想要真正的白底黑字效果,最終還是要靠 Windows 提供的高對比模式佈景主題,使用熱鍵可切換成其中一種「白底黑字」模式,詳細說明及操作技巧可看這篇「Win10 自訂快速鍵切換高對比模式」。

四、Chrome 套件 Dark Reader

前面提到測試 Chrome 高對比套件,其中有一款「Dark Reader」,雖然沒有白底黑字效果,但無意間倒是被我試出一種很適合 PTT 使用的設定。 這個套件如同其名稱,目的是提供深色佈景配色,原本不會在我的考慮範圍,但因為功能很強大,所以花了些時間測試效果。只是設定過於複雜,摸索很久才大概知道怎麼回事,以下直接展示我的設定畫面: ptt-font-size-high-contrast-4.jpg-PTT 如何放大版面+字體放大加粗,瀏覽起來更舒服?
  • 打勾啟用 term.ptt.cc
  • 「濾鏡」分頁:維持「深色」模式
  • 灰階:調整到 +65(可自行修改為看了舒服的數值)
ptt-font-size-high-contrast-5.jpg-PTT 如何放大版面+字體放大加粗,瀏覽起來更舒服?
  • 「更多選項」分頁:
  • 字型改為「MS Gothic」,前面提過,這是最粗、眼睛看了最舒服的字體
  • 文字描邊:這個功能超強,可以讓字體變得更粗!我設為 +0.3
  • 選擇「濾鏡」模式,可產生淺底佈景配色
  • 點選「僅適用於 term.ptt.cc」,才不會影響其他網站的配色效果
ptt-font-size-high-contrast-6.jpg-PTT 如何放大版面+字體放大加粗,瀏覽起來更舒服?點擊「設定網站切換」:
  • 取消「預設啟用」
  • 取消「偵測深色主題」
ptt-font-size-high-contrast-7.jpg-PTT 如何放大版面+字體放大加粗,瀏覽起來更舒服?上圖是 Dark Reader 調整設定後的 PTT 版面配色,雖然不全然是白底黑字,但多了一些粉色系的配色,畫面倒是活潑不少。

五、製作網址捷徑

如果常用 PTT 網頁版的話,可以將 PTT 網址做成捷徑,例如修改原本 Chrome 的捷徑如下: "C:\Program Files\Google\Chrome\Application\chrome.exe" https://term.ptt.cc/
  • chrome.exe 請改為自己的路徑
  • 將捷徑名稱改為 PTT
  • 圖示可以從 PCMAN 執行檔抓來用
將來從桌面或工作列,就能直接執行網頁版 PTT 了。
更多 PTT 相關技巧:
Viewing all 571 articles
Browse latest View live