前言 雖然自認是木耳，從小到大都聽 128 kbps 的 MP3，不重視音質也聽不出來有什麼特別糟的感受，但自從換了高級的耳機一陣子後，總覺得在 YouTube、Spotify 聽和聽手機載的 MP3 有微妙的不同，感覺 MP3 的聽起來比較輕薄，少了些什麼的感覺，不知是不是自己想太多… 總之這陣子打算更新所有音樂，把音樂升級到 320 kbps 看看，畢竟 MP3 的 128 kbps 可以說是 “可欣賞音樂” 的最低限度，勉強保住了音樂的輪廓細節。雖然還有更低比特率像 64 kbps、96 kbps 的 MP3，但那已經難稱得上是音樂欣賞了。 然而許多音樂下載器標示的 320 kbps 其實下載下來不是真的 320kbps，就像買了 A5 和牛標籤的牛肉，切開才發現只是一般肉質。更甚至有的下載器在下載的同時會將來源的 128 kbps 的檔案硬生生轉檔成 320 kbps 來欺騙檔案管理器顯示音訊的位元速率為 320 kbps，所以下面來紀錄一下怎麼透過頻譜分析程式來檢查音檔的真實比特率，可以說是給音樂做 X 光掃描一樣。 教學 1. 到 alexkay/spek: Aco ...
個人網站
未讀簡單應用 直接引入 JavaScript。 到 themes\[主題]\ 的 _config.yml 裡直接 Ctrl + F 搜尋 bottom，找到以下 Inject 的部分加上圖下的程式碼。 1- <script async src="https://npm.onmicrosoft.cn/naokuo-blog@1.2.10/js/SmoothScroll.min.js"></script> 進階應用 themes\[主題] 的主題配置文件 _config.yml 中隨便一處打上以下程式碼，別忘了注意縮進。 123456789101112131415# 讓網站頁面平滑滾動smoothscroll: enable: true # 控制開關 smoothscroll_js: https://npm.onmicrosoft.cn/naokuo-blog@1.2.10/js/SmoothScroll.min.js frameRate: 150 # [Hz] animationTime: 400 # [ms] stepS ...
步驟 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，上面會彈出 選取語言模式 的窗口。 輸入 JSON with Comments 找到該項並點擊後，就能看到 Json 檔沒再報錯了。
Discord
未讀前言 Discord 最近新出了一個徽章，只要完成 Discord 出的任務就能拿到合作遊戲的遊戲內獎勵和展示在 Discord 個人資料上的任務徽章，但不是每個人都花 70~90 GB 的硬碟空間裝和 GTA5 差不多大小的牆國抄襲遊戲 還原神作 ，所以我們可以用一段程式碼來欺騙 Discord，讓系統以為你正在直播原神給朋友以完成任務。 教學 1. 到 Discord 設定 裡的 禮物庫存，可以看到多了個 任務 的部分，要求你直播 15 分鐘的原神給朋友看。 2. 按下 接受任務 後進任一伺服器的語音頻道，以防萬一可以請一位朋友或自己的小帳一起加入語音頻道，不然可能會失效。接著直播隨便一個視窗，任何視窗都行，重點是有開直播就好，我這邊是直播瀏覽器。 3. 都準備好後直接 Ctrl + Shift + i，可以看到右半邊跳出了開發者工具，其中的警告可以都忽略，不用太擔心。 4. 接著按到 Console 標籤，將下圖下方的程式碼貼上來後 Enter。 123456789101112131415161718192021222324252 ...
Python
未讀程式碼解釋筆記 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150# D11016*** ***## D11016*** ***### D11016*** ***# D11016*** ***4+10# 01_畫圖import matplotlib.pyplot as plt # pip install matplotlibimport nump ...