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即可 ...

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

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

前言 本期原神3.5版本深淵超級難打QQ 本懶懶先是使用主流配對雷國(雷神2命)+神鶴萬心(全0命),可惜神里練度太低也沒專武沒順利打過12-3下半的臭沙蟲 只好巴哈原神版爬文參考各位先進的配對,然後嘗試下列4種隊伍 隊伍 上胡行鐘夜+下雷心草久 上雷國+下心草久夜 上雷國+下刻草萬皇 上雷國+下刻草鐘八 後來發現第4種配隊打起來最舒適,可以提供給大家參考 第二層的吸盾怪有點難打,可以先打完12-3再換隊伍回去攻略 配隊參考 3.5版本深淵配隊

2023年3月17日 · 1 分鐘 · 13 字 · 懶懶
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 1 gh auth login Github CLI指令 選擇登入方式等等,請參考範例圖片 1 2 3 4 5 6 7 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.com/settings/tokens The minimum required scopes are 'repo', 'read:org', 'workflow'. ? Paste your authentication token: 登入方式 進入 https://github.com/settings/tokens 網頁,建立新token 建立新tokens 建立token名稱及權限,需給予repo, read:org, workflow之權限 建立名稱 選擇所需權限 ...

2023年3月13日 · 1 分鐘 · 111 字 · 懶懶
CloudflareSSH

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

最後更新日期: 2025 年 10 月 04 日 更新內容: 配合 Cloudflare 頁面更新 前言 由於懶懶最近購入號稱 IPv6 Only 永久免費 VPS,正打算使用 SSH 來連接康康這個 VPS 的能耐ಠ_ಠ ,驚覺家中的拉基有線電視網路未提供 IPv6 連線服務,根本連不上 VPS 阿!!! 雖說懶懶目前使用 Cloudflare WARP 來解決沒有 IPv6 連線能力的情況,但總想著是否有更輕鬆的方法可以隨時隨地並安全的使用 SSH,經過一番爬文後發現可以使用 Cloudflare Tunnel 配合 Cloudflare Zero Trust 的 Access 原則與應用程式,實現用戶端在僅具備 IPv4 網路連線能力的情況下,通過訪問自訂的網址,直接使用網頁版的 SSH 終端機來訪問 IPv6 Only 的遠端主機。 網頁版的 SSH 終端機展示 關於如何測試你的 IPv6 連線能力 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 # 嘗試 ping ipv6.google.com 是否返回 ipv6 的地址 i9@GreenCloud:~$ ping ipv6.google.com PING ipv6.google.com (2a00:1450:400f:80c::200e) 56 data bytes 64 bytes from arn09s19-in-x0e.1e100.net (2a00:1450:400f:80c::200e): icmp_seq=1 ttl=118 time=7.51 ms 64 bytes from arn09s19-in-x0e.1e100.net (2a00:1450:400f:80c::200e): icmp_seq=2 ttl=118 time=7.45 ms 64 bytes from arn09s19-in-x0e.1e100.net (2a00:1450:400f:80c::200e): icmp_seq=3 ttl=118 time=7.40 ms 64 bytes from arn09s19-in-x0e.1e100.net (2a00:1450:400f:80c::200e): icmp_seq=4 ttl=118 time=7.26 ms 64 bytes from arn09s19-in-x0e.1e100.net (2a00:1450:400f:80c::200e): icmp_seq=5 ttl=118 time=7.27 ms 64 bytes from arn09s19-in-x0e.1e100.net (2a00:1450:400f:80c::200e): icmp_seq=6 ttl=118 time=7.23 ms c64 bytes from arn09s19-in-x0e.1e100.net (2a00:1450:400f:80c::200e): icmp_seq=7 ttl=118 time=7.57 ms 64 bytes from arn09s19-in-x0e.1e100.net (2a00:1450:400f:80c::200e): icmp_seq=8 ttl=118 time=7.22 ms ^C --- ipv6.google.com ping statistics --- 8 packets transmitted, 8 received, 0% packet loss, time 7009ms rtt min/avg/max/mdev = 7.218/7.363/7.574/0.128 ms # 沒有 IPv6 連線能力的情況 i9@GreenCloud:~$ ping ipv6.google.com ping: connect: 無法接觸網路 教學 事前準備 Cloudflare 帳戶 (需綁定信用卡) ...

2023年3月6日 · 3 分鐘 · 450 字 · 懶懶
3.4版本深淵

原神3.4版本2023年02月上半深淵

前言 本期原神3.4版本深淵懶懶一次通過!資格證輕鬆到手 感覺比往期簡單(可能是沒有飛行怪物吧XD) 來分享一下懶懶的角色池供參考 配隊參考 配隊及注意事項 1.上半玉皇妲帝 2.下半雷九萬班

2023年2月1日 · 1 分鐘 · 8 字 · 懶懶