前言 HI , 大家好 我是Mouchi也可以叫我『麻糬』,是一個初學者曾在 2021年 發過自我挑戰組,所以這次決定要來寫主題競賽以一個研究的角度出發逐步拆解...
您好, 由於相關功能使用之 API 串接非正式性質,且站方網站近期有偵測查獲到大量異常的 API 使用行為,為維護全站整體顯示功能正常運作及維護會員帳號及部落格...
由於 Xuite 部落格即將於本月月底關站,所以我幫忙我爸爸將部落格「101上山走走」搬家。10 幾年、408 篇文章、400 萬瀏覽次數,隨著 Xuite 關...
為了寫 Hexo 部落格需要大量使用 Markdown 語法,就以第一篇文章來練習吧!(ノ>ω<)ノ由於 Markdown 版本的關係,部分樣式在...
前言 為什麼要撰寫自己的Blog呢? 首先Blog可以記錄自己的成長且在繳交履歷時也能附上,同時也能證明自己外也能吸引別人來觀看以提升知名度。 為什麼要用...
這是「從零開始打造炫砲個人部落格,使用 Next.js、ContentLayer、i18next 等現代技術」系列第 30 篇文章。 在這 30 天裡,我們一起...
這是本系列最後一篇實作文,最後來實作一個微小但重要的功能:舊路徑轉址! 這篇修改的程式碼如下:https://github.com/Kamigami55/ne...
讓我們來完成這個系列最後一塊重點功能:「i18next 中英文多語系支援」,讓部落格走向國際! 最終效果如下: 這篇修改的程式碼如下:https://g...
這是「Modern Blog 30 天」系列第 27 篇文章。 上一篇加完了 Command Palette 指令面板,這篇我們來繼續擴充它,讓 Command...
這是「Modern Blog 30 天」系列第 25 篇文章。 上一篇加完了文章側邊目錄,這篇我們再來加入另一個炫砲且實用的功能:留言系統! 最終效果如下:...
上一篇加完了換頁進度條,這篇我們繼續加入另一個炫砲且實用的功能:「文章側邊目錄」,讓讀者一目瞭然文章結構! 最終效果如下: 這篇修改的程式碼如下: http...
這是「Modern Blog 30 天」系列第 23 篇文章。 上一篇優化完了內文圖片效能,這篇我們繼續來改善讀者體感效能,使用 nprogress 來加入換頁...
TL;DR 這是「Modern Blog 30 天」系列第 21 篇文章,上一篇我們在內文小標題加入 anchor 錨點了,這篇我們會來修改內文 CustomL...
TL;DR 這是「Modern Blog 30 天」系列第 20 篇文章,上一篇我們做完 RSS Feed 生成,完成所有部落格功能了。後續讓我們繼續加入更多炫...
TL;DR 這是「Modern Blog 30 天」系列第 19 篇文章,上一篇我們做完 Sitemap 生成了,這篇接著來做非常相似的 RSS Feed 生成...
TL;DR 這是「Modern Blog 30 天」系列第 17 篇文章,上一篇我們完成所有樣式切版了,這篇我們會使用 next-seo,為全站設定標題、描述文...
上一篇我們讓程式碼區塊顯示了標題,這篇我們繼續讓它更好用,來加入「複製按鈕」! 結果截圖如下: 這篇修改的程式碼如下:https://github.com...
上一篇我們讓程式碼區塊支援 Syntax Highlighting 了,這篇我們來讓它多出區塊標題! 這篇修改的程式碼如下:https://github.co...
一個技術部落格的靈魂在於文章內的程式碼,程式碼區塊要好讀,讀者才會想看下去。 程式碼區塊最基本至少要支援「語法凸顯 Syntax Highlighting」,用...
TL;DR 這是「Modern Blog 30 天」系列第 13 篇文章,上一篇我們使用 Tailwind CSS 美化了首頁樣式,這篇我們會繼續美化文章內頁樣...
TL;DR 這是「Modern Blog 30 天」系列第 12 篇文章,上一篇我們使用 Tailwind CSS 美化了 navbar, footer 等全站...
TL;DR 這是「Modern Blog 30 天」系列第 11 篇文章,上一篇我們在 Next.js blog 搭配 Tailwind CSS 加入了「暗黑模...
這篇我們來讓上一篇安裝完的 Tailwind CSS 支援暗黑模式(深色模式、Dark mode)。 並搭配 next-themes 管理主題切換以及偏好主題的...
TL;DR 這是「Modern Blog 30 天」系列第 7 篇文章,上一篇我們做完了首頁文章列表功能,這篇我們接著實作文章內頁,呈現完整文章 Markdow...
讓我們使用上一篇安裝的 Contentlayer,實作首頁文章列表功能,呈現所有 Markdown 文章。 結果截圖如下: 這篇修改的程式碼如下:https...
歡迎來到 30 天 「從零開始打造炫砲個人部落格,使用 Next.js、ContentLayer、i18next 等現代技術」 系列! 這系列我們會在 30 天...
DDU-DU DDU-DU~ 十幾億的觀看次數...跟四十多億次的某隻MV還有一段距離XD 預防針:由於是菜鳥分享心得,以下測試內容,非常基礎。 如果是初學...
聽音樂先~ Rails操作實體 接續前一篇文章,做出一個實體後。 專案中 project_name/config/route.rb 這個檔案為設置路徑...
慣例 這篇先解題分享。怕來不及打完,這樣比較好修改...科科 Remove Duplicates from Sorted Array 題目連結:https:/...
本篇音樂分享 本篇文章會提到的 上一篇衍生題:include,與extend差異? missing-number include與extend差異?...