CloudflareVNC

如何使用Cloudflare Tunnel建立網頁版的VNC客戶端(LXQt中文化+新酷音輸入法)

前言 架構圖 網頁版的VNC客戶端預覽 因為懶懶出門上班在外,偶爾有連回自己VPS主機進行圖形環境操作的需求(說白就是利用遠端桌面瀏覽PTT八卦版或巴哈姆特啦~),便開始找尋使用VNC的方法,由於在外使用電腦,若要使用各式VNC Client軟體來連結稍嫌麻煩,若能使用瀏覽器直連就方便很多囉!目前發現方便好用的有: Google Remote Desktop (安裝方便,使用Google伺服器中轉安全快速,但要綁定Google帳戶) Cloudflare Tunnel (安裝複雜,使用CF自家伺服器中轉,網頁端可直接輸入密碼登入使用) 由於Cloudflare Tunnel安裝較為繁瑣,故本篇介紹如何使用Cloudflare Tunnel自帶的VNC Client功能連結遠端桌面,需要工具有: Cloudflare Tunnel Cloudflare Zero Trust 頂級域名1個 (可以使用懶懶介紹的eu.org域名) 你的機器(VPS.SBC. etc..) 使用的桌面系統為 Ubuntu 22.04 Server版,桌面環境為 LXQt 0.17版本,然後附帶安裝新酷音輸入法的教學! 教學 - 伺服器端 Ubuntu 22.04 安裝 LXQt 桌面環境 若你想使用VNC連結到你的VPS主機,那你的系統必須具備桌面環境,由於懶懶使用Ubuntu 22.04 Server版本身不自帶桌面環境,故須先安裝桌面環境,再行安裝VNC Server,懶懶使用LXQt作為範例,當然你也可以使用自己喜歡的桌面環境! 首先更新軟體庫清單 sudo apt update APT指令安裝LXQt sudo apt install lxqt 安裝LXQt桌面環境大約需要2GB左右的空間,請注意硬碟空間夠不夠喔! 安裝LXQt過程 重新啟動 sudo reboot 懶懶這裡使用VPS管理後台的noVNC進入查看,已經可以進入顯示管理器(Display Manager)頁面囉! noVNC後台 安裝 VNC Server 在安裝LXQt桌面環境後,我們接著安裝VNC Server,根據Cloudflare官方文檔使用TightVNC作為服務端使用,但經懶懶實測它與LXQt桌面不合,所以懶懶改用TigerVNC作為服務端! 安裝TigerVNC Server sudo apt install tigervnc-standalone-server 設定初始密碼 執行vncserver指令初始運行TigerVNC Server...

2023年05月27日 · 2 分鐘 · 249 字 · 懶懶
admonitionshortcode

利用閒置的 Linux VPS 運行 Folding@home Docker 版

前言 Folding@home官方網站及簡介 Folding@home官方網站 https://foldingathome.org/ Folding@home是一個研究蛋白質摺疊、誤折、聚合及由此引起的相關疾病的分散式計算工程。由史丹佛大學化學系的潘德實驗室主持,於2000年10月1日正式啟動。這包括蛋白質折疊的過程和蛋白質的運動,並且依賴於在志願者的個人計算機上運行的類比。 來源:維基百科 以上是關於Folding@home專案的簡介,如果您手上也有閒置的Linux主機,不妨也試著投入Folding@home專案,只要簡單幾個步驟,就為世界的疾病研究貢獻一份心力! 開始 Folding@home Folding@home v8.3版本有重大的更新,整個客戶端的組成為後端的(fah-client-bastet)與前端的網頁控制介面(fah-web-client-bastet),所以我們必須分成兩個步驟進行。 先註冊Folding@home帳號然後登入其Web控制面板,再來才在Linux主機安裝fah-client。 Folding@home官方安裝教學 Folding@home官方安裝教學 https://foldingathome.org/v8-3-client-guide/ 註冊Folding@home帳號 我們進入Folding@home Web控制面板,然後點擊右上角的Login。 Folding@home Web控制面板 Folding@homeWeb控制面板 https://v8-3.foldingathome.org/ 此處已有Folding@home帳號的直接登入即可,若是新加入的朋友點選Register New Account進行註冊。 關於填寫註冊資訊的部分,要特別注意的是Passphrase指的是你的密碼,而Passkey則是用來儲存你個人積分的密鑰(可不填寫)。 Folding@home Taiwan TEAM部分可填入Folding@home Taiwan團隊代碼,為台灣貢獻一份心力! 團隊名稱:Taiwan Team 團隊代碼:31403 然後不要忘記到你的信箱收取申請帳號的驗證信喔! 到信箱收信 註冊Folding@home Passkey 如果你沒有申請過Passkey,可進入下方連結申請。 註冊 Folding@home Passkey https://apps.foldingathome.org/getpasskey Linux Docker 安裝 Folding@home 教學 注意事項 使用VPS主機運行Folding@home,請注意長時間CPU占用是否有遭停機的風險 安裝 Docker 以下懶懶以 RHEL 9.4 版本的虛擬機作為範例(用的是podman),其他平台可以使用Docker官方腳本安裝Docker。 # 切換為root帳戶 sudo -i # 使用Docker官方腳本安裝Docker # 詳見https://docs.docker.com/engine/install/ curl -fsSL https://get.docker.com -o get-docker.sh && sh get-docker....

2023年04月12日 · 2 分鐘 · 244 字 · 懶懶
admonitionshortcode

如何移植HUGO Loveit主題的admonition shortcodes

前言 以前的懶懶是 Love it 主題的粉絲,最近因為對 Google PageSpeed 分數的執著,已經改用 PaperMod 主題。儘管如此,懶懶仍然非常想念那些精美的 admonition shortcodes。 在移植過程中,遇到了一些困難。幸好,懶懶找到了其他人分享的代碼,於是便順便記錄下來,以便給有需要的人參考 自訂範例標題 我是範例 我是範例 我是範例 教學 來源網站 LoveIt(原作者) https://github.com/dillonzq/LoveIt hugo-backup https://github.com/YazidLee/hugo-backup 首先訪問hugo-backup的Github主頁,然後找到下列4個檔案及fa資料夾 檔案來源 hugo-backup admonition.css details.css admonition.html fa-all.css fa資料夾(字型檔) 然後對複製下列檔案至你的hugo根目錄指定位置 admonition.css 此為admonition的CSS設定檔,可以自訂各標籤的顏色、大小、邊界、字體大小等等 複製到hugo根目錄下.\assets\css\extended\admonition.css即可 details.css 此為admonition右上角箭頭符號的CSS設定檔,用來控制文章的閉合 複製到hugo根目錄下.\assets\css\extended\details.css即可 admonition.html 此為admonition的模板,其中有部分能用來修改各標籤的icon(其他部分為go語言,想修改就餵給ChatGPT吧~) 複製到hugo根目錄下.\layouts\shortcodes\admonition.html即可 fa-all.css 此為fontawesome(V5版本)的CSS設定檔,裡頭是fontawesome的icon設定檔 複製到hugo根目錄下.\assets\css\extended\fa-all.css即可 fa資料夾 此為fontawesome(V5)的字型檔 將fa資料夾裡頭的所有字型檔下載,複製到hugo根目錄下.\static\font\fa\即可 變更字型檔路徑 因hugo-backup的fa-all.css預設將字型檔放在.\static\font\fa\資料夾內,故若想將字型檔目錄變更至.\static\webfont\ 需修改fa-all.css檔,以取代的方式將所有路徑為\font\fa\變更為\webfont\(其中相對路徑前綴.\static省略) 然後新增下列檔案並進行修改(亦可從Papermod原始檔內複製一份至hugo根目錄修改) 檔案來源 hugo-backup/layouts/partials/extend_footer.html extend_footer.html extend_footer.html 此為admonition的模板,用來控制右上方箭頭的點擊行為 複製原作者extend_footer.html198-211行的代碼,新增至你hugo根目錄下.\layouts\partials\extend_footer.html即可 註:懶懶將代碼複製出來,可直接複製下方代碼喔! 懶懶的extend_footer.html檔案↘ 成果展示 網站 摘要 訊息 提示 成功 問題 警告 失敗 危險 BUG 範例 引用

2023年03月29日 · 1 分鐘 · 72 字 · 懶懶
3.5版本深淵

原神3.5版本2023年03月下半深淵

前言 本期原神3.5版本深淵超級難打QQ 本懶懶先是使用主流配對雷國(雷神2命)+神鶴萬心(全0命),可惜神里練度太低也沒專武沒順利打過12-3下半的臭沙蟲 只好巴哈原神版爬文參考各位先進的配對,然後嘗試下列4種隊伍 隊伍 上胡行鐘夜+下雷心草久 上雷國+下心草久夜 上雷國+下刻草萬皇 上雷國+下刻草鐘八 後來發現第4種配隊打起來最舒適,可以提供給大家參考 第二層的吸盾怪有點難打,可以先打完12-3再換隊伍回去攻略 配隊參考 3.5版本深淵配隊 怒打44次 上半雷國+下半亂搭XD 20230401 更新 隊伍更動部分 這次將鐘離換成心海,然後把心海的不滅月華換成討龍書增傷 然後刻晴換了霧切傷害up!up! 打起來更輕鬆許多! 3.5版本深淵配隊 熟悉沙蟲的動作後就輕鬆拿資格證囉 配隊參考

2023年03月17日 · 1 分鐘 · 24 字 · 懶懶
Google

如何使用Cloud Shell連接自己的GitHub Repository教學

前言 由於懶懶最近發現Google的Cloud Shell跟Github Codespaces相當好用,平常使用Visual Studio Code的時機也只有編寫部落格的文章。 所以懶懶目前打算使用Cloud Shell連接自己的Git倉庫,然後把寫好的文章Git push到GitHub Repository上,這樣一來就能隨時在雲端操作編寫文章囉! Cloud Shell Cloud Shell https://shell.cloud.google.com/ Cloud Shell頁面 教學 登入你的Google帳戶後進入Cloud Shell,接著在Shell輸入中Github CLI指令登入Github gh auth login Github CLI指令 選擇登入方式等等,請參考範例圖片 nullcode80625@cloudshell:~$ gh auth login ? What account do you want to log into? GitHub.com ? What is your preferred protocol for Git operations? HTTPS ? How would you like to authenticate GitHub CLI? Paste an authentication token Tip: you can generate a Personal Access Token here https://github....

2023年03月13日 · 1 分鐘 · 103 字 · 懶懶
CloudflareSSH

如何使用Cloudflare Tunnel建立網頁版的SSH終端機

前言 由於懶懶最近購入號稱IPv6 Only永久免費VPS小雞,正打算使用SSH來連接康康這個小雞的能耐ಠ_ಠ ,驚覺家中的拉G有線電視網路未提供IPv6地址,根本連不上小雞阿!!! 關於如何測試你的IPv6連線能力 Test-ipv6.com https://test-ipv6.com/index.html.zh_TW 無IPv4網路 有IPv6網路 雖說懶懶目前使用Cloudflare WARP來解決沒有IPv6地址的問題,但總想著是否有更輕鬆的方法可以隨時使用SSH,經過一番爬文後發現可以使用Cloudflare Tunnel配合Cloudflare Zero Trust 設定規則及應用程式,可以使用IPv4網路訪問自訂的Tunnel即可使用網頁版的SSH終端機。 網頁版的SSH終端機Preview 教學 事前準備 Cloudflare 免費版帳戶 頂級域名1個 (可以使用懶懶介紹的eu.org域名) 你的機器(樹莓派.VPS.軟路由. etc..) 建立Cloudflare Tunnel 官方網站 Cloudflare https://www.cloudflare.com/zh-tw/ 首先登入你的Cloudflare帳戶,選擇左側的「Zero Trust」進入Cloudflare Zero Trust 控制面板。 選擇左側的「Acess」下拉進入「Tunnel」控制面板。 關於首次使用 首次使用需先建立Team domain名稱並設定帳單資訊。(欲再次修改名稱可以在Settings→General裡更改) 懶懶使用PayPal綁定,因為是使用免費版所以不會被收取費用喔!! 選擇藍色的「Create a tunnel」 輸入自訂的「tunnel name」名稱,懶懶以WSL「My_Ubuntu22.04_WSL_TW_01」當作範例,接著點擊「Save tunnel」下一步 懶懶使用的是Ubuntu22.04系統(Windows Subsystem for Linux),故環境選擇Debian 64bit,Cloudflare很貼心的為你提供安裝指令,複製貼上安裝即可!! Docker安裝說明 使用其他系統的用戶,可以選擇使用Docker安裝,Docker網路的部分懶懶使用本地主機的網路,故使用下列指令加入host網路(此部分供參考,請依自己的網路狀況做設定)。 docker run -d --name cloudflared --restart always --net=host cloudflare/cloudflared:latest tunnel run --token **your_token** 6.如果連結成功,下方「Connectors」區域會即時顯示你的Connector ID、Data centers、Origin IP 等資訊,點擊下一步即可...

2023年03月06日 · 1 分鐘 · 149 字 · 懶懶