SourceTree 使用 SSH 連結 GitHub 與載入 SSH Key 設定摘要

SourceTree 使用 SSH 連結 GitHub 與載入 SSH Key 設定摘要

GitHub 為了安全性議題,已從 2021/08/13 強制要求用戶登入 (authentation) 機制只能採用 SSH 或 Persoan access token,傳統使用賬號/密碼登入方式已不再支援。可參考:「Token authentication requirements for Git operations」。

關於 PAT (Personal Access Token) 具體相關操作,可參考官網文件:「Creating a personal access token」。但該方式還要做相關的權限設定,實在麻煩,所以使用 SSH 登入只要做一次設定相關方便許多。關於 GitHub 使用 SSH 相關設定,可參考國外這篇文章,包括基本原理都有說明,值得參考收藏:「How to Generate SSH Keys for GitHub」。

已安裝好原生 Git,並使用內建的 Bash 終端機,執行「ssh-keygen」命令,如在 Win10 環境下,即會在「/Users/login-account/.ssh」資料夾內 (若為 Linux 則為 ~/.ssh) 產生公/私鑰,然後再把公鑰內容複製貼上至 Github → Setting → SSH and GPG Keys 內所新增的 Key 內容即可,就可以使用 SSH 連線,相當簡單。

如果只使用原生 Git Bash 透過 SSH 連線 Clone 遠端 GitHub 儲庫就可以正常存取了,但是若透過 SourceTree 卻需要另一番設定方可 (而且還有些繁瑣),主要原因是 SourceTree 目前版本只支援使用 PuTTY 格式所儲存的 Key,所以要嘛先透過已有安裝的 PuTTY (或 WinSCP) 設定好 SSH,否則就需在該應用程式內執行下述設定。

閱讀全文 »

{筆記} Word 文件插入程式碼高亮顯示與列出行號

原來是使用 Notepad++ 安裝了 NppExport 外掛後可以將各種程式語言的程式碼連同高亮 (highlight) 的樣式一併可以複製到 Word 文件內,但相較 VSCode 可以直接複製含高亮的樣式略顯不便,且 Notepad++ 高亮的樣式還是感覺比較陽春,使用 VSCode 複製程式碼應該是目前使用過效果最好的。不過原來在 VSCode 環境內使用「One Dark Pro」Theme,直接複製貼到 Word 文件內程式碼背景是深色的,與原來編輯的文件比較不搭,所以要貼到 Word 前,最好改為淺色系的主題,如「Atom One Light」。

程式碼高亮格式貼到 Word 文件內現在可以很直覺方便,但有一個問題,如果要顯示行號 (Line number),是不建議在 VSCode 內使用外掛或巨集為程式碼內容內加上行號,爾後要從 Word/轉PDF 文件內複製程式碼會相當不方便,所以最好的作法是為該段程式碼在 Word 內加上行號,但不能使用編號方式,會把整個文件搞亂掉。

{筆記} Word 文件插入程式碼高亮顯示與列出行號
閱讀全文 »

升級桌機電腦 (Ryzen 3700x + 64Gb DDR4 DRAM) 後的效能比較 (原 i7-2600 + 32Gb DDR3 DRAM)

參考原來寫的這篇:「升級桌機電腦 – Ryzen 3700x + 64Gb Ram + Noctua NH-U12A + M.2 512Gb PCIe3」。升級之後,同時可以暢跑多個 Docker 容器與給予共 24Gb 的 Primo RamdiskPrimoCache,系統資源仍頗為充裕。

在升級前,也同時記錄了老主機 (Intel i7-2600) 的系統效能,然後再對比升級後 (AMD Ryzen 3700x) 的系統效能,看看差距了多少。

首先看 CINEBENCH R20 的跑分,CPU 效能差了有4倍以上之多!

升級桌機電腦 (Ryzen 3700x + 64Gb DDR4 DRAM) 後的效能比較 (原 i7-2600 + 32Gb DDR3 DRAM)
閱讀全文 »

使用 Docker 建置多個網域的 WordPress 站台開發 (運行) 環境

問題 (Problem)

我想使用 Docker 容器的虛擬化技術,可以在本機端建立多個 WordPress 站台的開發環境,然後只透過一個 Nginx Web Server,負責接收多個網域 (multiple domain) 的 Http Request (例如 "blog1.localhost", "blog2.localhot"), 並自動將該網域的需求指向對應的 WordPress 站台,如此可以便於託管運行多站台或是方便本機端的開發。

如何有效設定 Docker 的虛擬開發環境,且不會影響到 Host 本機系統的干擾,如此可以方便方便移轉與部署開發環境至其它主機或對外運轉的系統上?

解決方案 (Solution)

  • 建置一個使用 Nginix Reverse Proxy Server Docker 專案。可以採用已建置完整反向代理設定自動化的 jwilder/nginx-proxy 的映像檔。
  • 建置一個完整的 WordPress 開發環境的 Docker 專案,內含 MySQL、phpmyadmin、Wordpress 等 Docker Image。

主要實作步驟

主要實作的方法參考這篇:「Host Multiple Websites On One VPS With Docker And Nginx」。當然對於 Docker 多個容器的配置檔 (docker-compose.yml) 設定,肯定要查找官方文件指引與其它網路設定分享文的。過程期間常要不斷地 Try-Error 才得以配置好 Docker 多個容器的開發環境。

在 WSL2 的 Docker 專案目錄結構參考如下:

使用 Docker 建置多個網域的 WordPress 站台開發 (運行) 環境

首先需要先創建一個 Docker 網絡,如此得以將下列所有這些容器 (container) 橋接 (bridge) 在一起。打開終端機 (terminal),輸入下列指令:

$ docker network create nginx-proxy

接著就是可以參考上述的專案目錄結構,來創建兩個專案 (Nginx and WordPress),並為各自的資料夾編輯配置設定。

閱讀全文 »

[建站日誌] 更改 WordPress 內程式碼高亮 (hightlight) 展現的插件 (plugin) – 使用 Code Syntax Block

原來在 WordPress 文章內,要展現程式碼的高亮顯示,是使用了「WP-Syntax」這個插件,效果展示如下 (Screenshot):

[建站日誌] 更改 WordPress 內程式碼高亮 (hightlight) 展現的插件 (plugin) – 使用 Code

程式碼展現的效果是還不錯的,但這個 Plugin 已經好幾年沒有更新了,為了新版本相容性與後續所新增各類程式語法及文件格式等高亮顯示效果,所以改選設置了這個「Code Syntax Block」插件,它是採用了「Prism Syntax Highlighter」藉此來擴展 WordPress 內對於程式碼展現的效果,同時它也開源在 Github 上以便於後續的開發維護。參考這一篇:「[WordPress] 176 種程式語言高亮標色 讓程式碼更容易閱讀 (支援Gutenberg)」,內有詳細的安裝與設定說明。

改使用「Code Syntax Block」後的程式碼展現效果對比如下:

閱讀全文 »

升級桌機電腦 – Ryzen 3700x + 64Gb Ram + Noctua NH-U12A + M.2 512Gb PCIe3

升級桌機電腦 – Ryzen 3700x + 64Gb Ram + Noctua NH-U12A + M.2 512Gb PCIe3

前一篇談及了「從大陸京東採購了電腦升級核心組件」採購心得分享,京東直遞到台灣大約是一個星期左右時間收到貨,再隔幾天才開始組裝升級我的桌機電腦。

我已經有10來年沒用過 AMD CPU 啦,因為先前的使用經驗非常不好,經常當機。這次因為從 Ryzen 3 系列的普獲好評,其高 C/P 值讓我再次採用 AMD CPU,而 3700x 這顆有著約等同於 i7-10700 效能,但價位低上許多,且功耗預設僅有 65W,相當適合我現在的桌機環境,不需要更換電源供應器。

我花了兩個晚上升級組裝,一步一步慢慢來比較保險。首先安裝兩條 Kingston Fury 32GBx2 DDR4 3200Mhz DRAM,插槽應該是安裝在 2,4 位置,如此才有雙通道支持 (如圖插在 1,3 位置後來有換回)。再來如圖那個金色長條的是 M.2 PCIE3 美光 P5 500GB SSD,金色那個是喬思伯散熱器,便宜散熱效果又絕佳。
電腦桌機升級 AMD Ryzen 3700x-02

閱讀全文 »

軟體思維顧問

專職軟體輔導與教育訓練的獨立顧問。輔導企業資訊單位如何有效組織系統開發與維護;輔導開發人員達成有效的專業分工。傳授如何把軟體作軟 (Keeping Software Soft)的技能,得以提昇系統的彈性/延展,並進而創造系統的再利用價值。

Personal