接下來這兩篇要來讓部落格越來越可以改成自己想要的樣子,所以我們會講到自訂變數與修改樣式兩個部分,hexo 提供相當多種類的變數來讓我們透過這些變數增加一些內容在...
上一篇對於自訂變數已經有基礎的了解了,接下來我們就用這些變數來做一些判斷並修改樣板與新增樣式,讓部落格更客製化、更豐富。那就開始介紹囉! 首頁內容調整 首先從首...
身為企業資訊部門人員,每天要管理的工作項目不勝枚舉,除了管理資訊系統之外,有時候還需要因應高層主管的需求,將原本屬於資訊系統的各項技術數據,例如硬碟空間、系統資...
原本昨天講到vuex, 今天應該帶各位實作一下vuex,但是我時在我們專案有甚麼地方可以用到vuex!XD 所以今天還是來講講firebase裡面的data結...
用了 Fluid 主題一小段時間,也漸漸開始熟悉一些基本功能和樣式可以如何調整。剛開始真的是混亂中立,什麼都想改但什麼都改不到! 不得不說,筆者身為設計師,在打...
這是「從零開始打造炫砲個人部落格,使用 Next.js、ContentLayer、i18next 等現代技術」系列第 30 篇文章。 在這 30 天裡,我們一起...
歡迎來到 30 天 「從零開始打造炫砲個人部落格,使用 Next.js、ContentLayer、i18next 等現代技術」 系列! 這系列我們會在 30 天...
這篇我們來讓上一篇安裝完的 Tailwind CSS 支援暗黑模式(深色模式、Dark mode)。 並搭配 next-themes 管理主題切換以及偏好主題的...
記得剛開始學習網頁設計初期,因為什麼都不熟悉,必須做很多筆記。當時都寫在筆記本上,密密麻麻的,常常寫了就忘記,忘了又寫一次。雖然現在回過頭去翻紙本,會覺得好懷念...
首先說明一下, "網路動線"的想法, 是有關資料傳遞的規劃, 透過網路這種新型態的媒體, 形成一種概念上的動線. 首先要觀察的, 就是網路媒...
一個技術部落格的靈魂在於文章內的程式碼,程式碼區塊要好讀,讀者才會想看下去。 程式碼區塊最基本至少要支援「語法凸顯 Syntax Highlighting」,用...
TL;DR 這是「Modern Blog 30 天」系列第 7 篇文章,上一篇我們做完了首頁文章列表功能,這篇我們接著實作文章內頁,呈現完整文章 Markdow...
前文: 網路上已經有許多Blog託管平台 例如:Google Blog,痞客邦....為何我還要自己寫這篇跟大家分享? 因為上面提供的平台固然好用,但我並無法1...
這是「Modern Blog 30 天」系列第 23 篇文章。 上一篇優化完了內文圖片效能,這篇我們繼續來改善讀者體感效能,使用 nprogress 來加入換頁...
讓我們使用上一篇安裝的 Contentlayer,實作首頁文章列表功能,呈現所有 Markdown 文章。 結果截圖如下: 這篇修改的程式碼如下:https...
TL;DR 這是「Modern Blog 30 天」系列第 11 篇文章,上一篇我們在 Next.js blog 搭配 Tailwind CSS 加入了「暗黑模...
為了寫 Hexo 部落格需要大量使用 Markdown 語法,就以第一篇文章來練習吧!(ノ>ω<)ノ由於 Markdown 版本的關係,部分樣式在...
這是「Modern Blog 30 天」系列第 25 篇文章。 上一篇加完了文章側邊目錄,這篇我們再來加入另一個炫砲且實用的功能:留言系統! 最終效果如下:...
今日K-pop推薦! 本篇文章會提到的事 預防針:如資訊有錯,歡迎指正分享,感謝您。 P與Puts差異 上篇其他衍生問題回答 衍生問題回答 p 與 p...
DDU-DU DDU-DU~ 十幾億的觀看次數...跟四十多億次的某隻MV還有一段距離XD 預防針:由於是菜鳥分享心得,以下測試內容,非常基礎。 如果是初學...
前言:正確的坐姿很重要 坐姿正確,才能避免腰部受傷,想投身久坐的職業,請愛護身體。 內建型態與變數(variable) 內建型態或者稱內建類別,也就是程式語言...
TL;DR 這是「Modern Blog 30 天」系列第 17 篇文章,上一篇我們完成所有樣式切版了,這篇我們會使用 next-seo,為全站設定標題、描述文...
保持好心情,寫code前,先聽首K-pop! 此篇文章會提到的事 上篇文章衍生題回答。 內建類別補充。 變數補充。 流程控制(Folw Controlle...
TL;DR 這是「Modern Blog 30 天」系列第 20 篇文章,上一篇我們做完 RSS Feed 生成,完成所有部落格功能了。後續讓我們繼續加入更多炫...
專有名詞 整理了我覺得該先了解的一些專有名詞 wiki-物件導向程式設計、菜鳥式回答:是一種將資料,行為,甚至是程式碼封裝後,物件化的一種程式語言設計方式。優點...
前言 為什麼要撰寫自己的Blog呢? 首先Blog可以記錄自己的成長且在繳交履歷時也能附上,同時也能證明自己外也能吸引別人來觀看以提升知名度。 為什麼要用...
前言 這次會在thub這邊要先建立兩個Repository Blog Code Blog Hosting 本篇同步發布我的Blog 建立自己Blog系列(二...
上一篇我們讓程式碼區塊顯示了標題,這篇我們繼續讓它更好用,來加入「複製按鈕」! 結果截圖如下: 這篇修改的程式碼如下:https://github.com...
TL;DR 這是「Modern Blog 30 天」系列第 19 篇文章,上一篇我們做完 Sitemap 生成了,這篇接著來做非常相似的 RSS Feed 生成...
上一篇加完了換頁進度條,這篇我們繼續加入另一個炫砲且實用的功能:「文章側邊目錄」,讓讀者一目瞭然文章結構! 最終效果如下: 這篇修改的程式碼如下: http...