步驟 1. 在 themes\[主題]\source\js 下手動新建一個 custom 資料夾，裡面創 digit-clock.js，JS 裡打上以下程式碼。 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364// 建立一個含 10 個元素的數組，每個元素的值為索引var _time10 = Array.from(Array(10)).map((n, i) => i);// 建立一個含前 6 個元素的數組，這是時鐘的 '時' 和 '分'var _time6 = _time10.slice(0, 6);// 建立一個包含前 3 個元素的數組，這是時鐘的 '秒'var _time3 = _time10.slice(0, 3);// 建立一個含 3 個子數組的二維數組，用來表示時鐘的結構var _Structure = [ [_tim ...

問題描述 正在瀏覽器的開發者模式下模擬手機裝置來改善以前寫的懸浮提示，意外發現在小尺寸裝置下文章時效性的警告塊只會隨著裝置寬度自適應縮短，但高度卻不會變化，導致警告塊裡的字跑了出來。 ​ ​ 問題解決 1. 之前寫的筆記 網站魔改 — 為網站添加文章時效/過期提醒 中有紀錄到自己寫了 outdate.js，可以從其中找到文章時效性警告塊的 class 類別。 ​ 2. 全局搜尋 class 類別 — post-outdate-notice，就能找到這警告塊的 CSS 前處理樣式了。 可以看到其中的 height、line-height (高度) 是被寫死的，不知為何主題預設給了高度固定的值。直接把這兩個註解掉，警告塊的高度就能自適應了。 123456789101112131415161718192021222324252627 .post-outdate-notice position: relative margin: 0 0 20px padding: .5em 1.2em// height: 65px// line-height: 47px border-r ...

問題描述 在把網站推上雲端前，我習慣會檢查一下每個頁面以確保沒什麼問題，然而檢查到友情連結頁時才發現不知為何每張友連卡片中網站作者的頭像下都有個 ‘cover’，看來是圖片下的描述性(說明)文字，但我幾乎沒用這功能，印象中只有某篇文章的某張圖才有寫到說明文字，且依網站主題的程式設計來說在這裡也不該出現這個才對。 ​ ​ 問題解決 1. F12 打開瀏覽器的開發者模式，把游標移上去檢查一下能看到 ‘cover’ 來自以下 HTML 元素。 ​ 2. 接著以 VScode 開啟 Hexo 的根目錄，全局搜尋 img-alt is-center 這 CSS 類名，找到了 main.js。 看起來這函數的功能是找出所有位於 #article-container 內的 <img> 標籤，然後讀取其 title 屬性 (沒有的話則是讀取 alt 的)。如果圖片有這些屬性，且不在 justified-gallery 類的容器內，函數就會在圖片下加一個 class 為 img-alt is-center 的 <div> 元素，用來顯示圖片的說明文字。 ​ ​ 3. 一開 ...

前言 其實主題就有內建文章時效性提醒的功能了，只要在 config.yml 中將其打開就好，無奈內建的是判斷文章更新時間到今天的天數來決定加不加提醒，白話說就是只要文章更新時間距離現在超過一年就一定會自動加上這個文章過期提醒，但我的筆記和學習成果內容不需要這樣的判斷機制，不然未來所有舊的學習紀錄就被加上了文章過期的提示 ​ 。 所以我決定自己來寫這個功能 — 能夠讓我自己決定哪些文章要顯示時效性提醒，又能顯示出該文章距離今天已過多久了的實際天數，甚至外觀顯眼又好看，這個功能也不難寫。 ​ ​ 教學 1. 到主題資料夾的 scripts/tag/ 新增 outdate.js 自定義標籤，內容打上下圖下方的程式碼。 123456789101112131415161718192021222324// 向 Hexo 註冊一個自定義標籤 'outdate'// hexo.extend.tag.register 方法接受三個參數:// 1. 標籤的名稱，這邊是 'outdate'// 2. 處理函數，當標籤在 MD 檔裡被使用時會調用該函數// 3. 可選 ...

教學 1. 到 Silly Tavern 的資料夾中找到 public 資料夾點開。 ​ ​ 2. 找到 index.html，以任何文字編輯器打開它。 ​ ​ 3. 直接 Ctrl + F 搜尋 Claude Model 以找到在 Silly Tavern 中選擇 Claude AI 模型選項的程式碼。 ​ ​ 4. 新增 <option value="claude-3-5-sonnet-20240620">claude-3-5-sonnet-20240620</option> 後就能 Ctrl + S 關掉了。 ​ ​ 5. 最後啟動 Silly Tavern 就能看到 AI 模型的下拉清單多了 Sonnet 的更新版 Claude 3-5 Sonnet-20240620。

問題描述 打開 Json 檔後，註釋部分會如下圖所示，每行底下多了紅色波浪線。打開終端也能看見 JSON 中不允許注解 的錯誤訊息。 儘管程式還是能正常運作，但這些紅色波浪線多少會影響閱讀及編寫，尤其是在程式碼很多的情況下。 ​ 問題解決 點擊右下工具欄的 JSON，上面會彈出 選取語言模式 的窗口。 ​ 輸入 JSON with Comments 找到該項並點擊後，就能看到 Json 檔沒再報錯了。

前言 Discord 最近新出了一個徽章，只要完成 Discord 出的任務就能拿到合作遊戲的遊戲內獎勵和展示在 Discord 個人資料上的任務徽章，但不是每個人都花 70~90 GB 的硬碟空間裝和 GTA5 差不多大小的牆國抄襲遊戲 ​ 還原神作 ​ ，所以我們可以用一段程式碼來欺騙 Discord，讓系統以為你正在直播原神給朋友以完成任務。 ​ ​ 教學 1. 到 Discord 設定 裡的 禮物庫存，可以看到多了個 任務 的部分，要求你直播 15 分鐘的原神給朋友看。 ​ ​ 2. 按下 接受任務 後進任一伺服器的語音頻道，以防萬一可以請一位朋友或自己的小帳一起加入語音頻道，不然可能會失效。接著直播隨便一個視窗，任何視窗都行，重點是有開直播就好，我這邊是直播瀏覽器。 ​ ​ 3. 都準備好後直接 Ctrl + Shift + i，可以看到右半邊跳出了開發者工具，其中的警告可以都忽略，不用太擔心。 ​ ​ 4. 接著按到 Console 標籤，將下圖下方的程式碼貼上來後 Enter。 123456789101112131415161718192021222324252 ...

程式碼解釋筆記 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150# D11016*** ***## D11016*** ***### D11016*** ***# D11016*** ***4+10# 01_畫圖import matplotlib.pyplot as plt # pip install matplotlibimport nump ...

問題描述 裝模組的 Minecraft 在全螢幕模式下，儘管遊戲內 FPS 顯示有 60 幀以上，但看起來卻被固定在 60 幀而已，然而調成視窗模式後卻能明顯感覺畫面變絲滑了，比 60 幀還順暢許多。 這問題困擾我有幾年了，時不時的上網找，但就是找不到解決辦法，甚至沒人提出類似的問題。 直到今天，終於在網上看到有人提出這問題，也有人回覆了解決辦法。 ​ 問題原因 其實在原生 Minecraft 的顯示設定裡是能夠調整遊戲解析度及幀數的。 但是裝了 效能模組 SodiumSodium 是適用於 Minecraft 1.16 版本以上的開源模組，它能夠大幅提升渲染性能，使 Minecraft 效能大增，同時能修復一些 Minecraft 原生的圖形問題。 後，Sodium 會自動將其還原成 Minecraft 預設的 1920x1080@60，意思就是解析度 1080p，幀數 60。 然後我還有裝 著色器模組 IrisIris Shaders 是一個 Fabric 的光影渲染模组，為了讓 Fabric 能兼容光影模組而誕生。，這使得 Minecraft 的顯示設定不再是上圖原生的那樣 ...