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 字 · 懶懶
3.4版本深淵

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

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

2023年02月01日 · 1 分鐘 · 8 字 · 懶懶
位移偵測

DVR-Scan 監視器影片觀看救星!影片位移偵測、提取及剪輯軟體,再也不用人工長時間觀看監視器影片

前言 懶懶因為工作的關係,常常需要長時間觀看監視器影片,而且監視器影片短則1-2小時,長則數天甚至以周來計算影片長度!此時當然需要借助軟體來篩選不需要觀看的監視器片段(換言之就是提取出監視器影片中有物體移動或運動的片段)。 以懶懶的經驗來說,自身帶有位移偵測的監視器鏡頭普遍而言價格比較高,一般的鏡頭僅帶有錄影功能,也造成使用者遇見緊急狀況時,無法快速查找需要的片段,這時DVR-Scan就能派上用場! 使用DVR-Scan無須任何費用,最重要的是它基於 BSD 2-Clause 授權條款自由且開源!! 實測畫面 影片總時長從11小時變成2小時 使用教學 (1).安裝DVR-Scan 官方網站 DVR-Scan (作者:Breakthrough) https://dvr-scan.readthedocs.io/ DVR-Scan on Github https://github.com/Breakthrough/DVR-Scan 點擊上方連結後,選取Download進入下載頁面 懶懶使用Windows 10 LTSC 64位元虛擬機器平台(Hyper-V),以下範例教學以Windows平台說明。 懶懶選擇使用 MSI 安裝,點選 Install MSI 下載安裝包直接無腦一鍵安裝到底! (MacOS,Linux平台可參照官方說明文件使用Python pip工具安裝) 注意 Windows版本已包含所有依賴項目。 只支援64位元作業系統。 安裝過程-1 安裝過程-2 「Windows鍵+R鍵」開啟執行框,輸入「cmd」開啟命令提示字元 輸入指令dvr-scan -V,確認DVR-Scan是否安裝成功 # 顯示DVR-Scan版本資訊 dvr-scan -V 切換到目標檔案所在的資料夾 # 懶懶的桌面路徑為C:\Users\user\Desktop # 範例影片路徑為C:\Users\user\Desktop\wuling_202407160300-202407161500.mp4 # 輸入下方「cd 指令」切換目錄至桌面 cd C:\Users\user\Desktop> 切換目錄結束之後,接著開始實際操作DVR-Scan (2).DVR-Scan 指令 範例影片 懶懶使用Youtube頻道台灣即時影像監視器的影片作為範例,若有侵權請告知! 台灣即時影像監視器 - [Live][21] 合歡山武嶺亭即時影像 2024-07-16 03:00~15:00 事前說明 範例影片的檔名為 「wuling_202407160300-202407161500.mp4」 範例影片完整路徑為 「C:\Users\user\Desktop\wuling_202407160300-202407161500.mp4」...

2023年01月16日 · 1 分鐘 · 157 字 · 懶懶