iT邦幫忙

blog相關文章
共有 107 則文章
鐵人賽 Modern Web DAY 7

技術 Hexo - 前端也能建置部落格!自訂變數篇

接下來這兩篇要來讓部落格越來越可以改成自己想要的樣子,所以我們會講到自訂變數與修改樣式兩個部分,hexo 提供相當多種類的變數來讓我們透過這些變數增加一些內容在...

鐵人賽 Modern Web DAY 7

技術 Hexo - 前端也能建置部落格!修改樣式篇

上一篇對於自訂變數已經有基礎的了解了,接下來我們就用這些變數來做一些判斷並修改樣板與新增樣式,讓部落格更客製化、更豐富。那就開始介紹囉! 首頁內容調整 首先從首...

技術 結合關鍵營運項目 第一時間掌握即時訊息

身為企業資訊部門人員,每天要管理的工作項目不勝枚舉,除了管理資訊系統之外,有時候還需要因應高層主管的需求,將原本屬於資訊系統的各項技術數據,例如硬碟空間、系統資...

鐵人賽 Modern Web DAY 26

技術 【D26 - 用Vue實作網頁】從firebase拿資料~ 深入了解database

原本昨天講到vuex, 今天應該帶各位實作一下vuex,但是我時在我們專案有甚麼地方可以用到vuex!XD 所以今天還是來講講firebase裡面的data結...

鐵人賽 Modern Web DAY 9

技術 【Day 9】Hexo Fluid 主題使用指南 - Part I

用了 Fluid 主題一小段時間,也漸漸開始熟悉一些基本功能和樣式可以如何調整。剛開始真的是混亂中立,什麼都想改但什麼都改不到! 不得不說,筆者身為設計師,在打...

鐵人賽 Modern Web DAY 30

技術 總結與回顧:一個炫砲技術部落格的誕生 - Modern Next.js Blog 系列 #30

這是「從零開始打造炫砲個人部落格,使用 Next.js、ContentLayer、i18next 等現代技術」系列第 30 篇文章。 在這 30 天裡,我們一起...

鐵人賽 Modern Web DAY 1

技術 「從零開始打造炫砲個人部落格」系列簡介 - Modern Next.js Blog 系列 #01

歡迎來到 30 天 「從零開始打造炫砲個人部落格,使用 Next.js、ContentLayer、i18next 等現代技術」 系列! 這系列我們會在 30 天...

鐵人賽 Modern Web DAY 10

技術 Dark Mode 深色模式支援,使用 Tailwind CSS、next-themes - Modern Next.js Blog 系列 #10

這篇我們來讓上一篇安裝完的 Tailwind CSS 支援暗黑模式(深色模式、Dark mode)。 並搭配 next-themes 管理主題切換以及偏好主題的...

鐵人賽 Modern Web DAY 5

技術 【Day 5】使用 Hexo+GitHub 架設一個專屬部落格吧!

記得剛開始學習網頁設計初期,因為什麼都不熟悉,必須做很多筆記。當時都寫在筆記本上,密密麻麻的,常常寫了就忘記,忘了又寫一次。雖然現在回過頭去翻紙本,會覺得好懷念...

技術 從電子報到網站與 Facebook , 如何規畫"網路動線"

首先說明一下, "網路動線"的想法, 是有關資料傳遞的規劃, 透過網路這種新型態的媒體, 形成一種概念上的動線. 首先要觀察的, 就是網路媒...

鐵人賽 Modern Web DAY 14

技術 加入程式碼 Syntax Highlighting,使用 rehype-prism-plus - Modern Next.js Blog 系列 #14

一個技術部落格的靈魂在於文章內的程式碼,程式碼區塊要好讀,讀者才會想看下去。 程式碼區塊最基本至少要支援「語法凸顯 Syntax Highlighting」,用...

鐵人賽 Modern Web DAY 7

技術 文章內頁功能實作,渲染 Markdown 文章內容 - Modern Next.js Blog 系列 #07

TL;DR 這是「Modern Blog 30 天」系列第 7 篇文章,上一篇我們做完了首頁文章列表功能,這篇我們接著實作文章內頁,呈現完整文章 Markdow...

技術 建立自己Blog系列(一) 介紹 Github (hosting) + Hexo (Blog) + Appveyor(CICD)

前文: 網路上已經有許多Blog託管平台 例如:Google Blog,痞客邦....為何我還要自己寫這篇跟大家分享? 因為上面提供的平台固然好用,但我並無法1...

鐵人賽 Modern Web DAY 23

技術 使用 nprogress 加入換頁進度條 - Modern Next.js Blog 系列 #23

這是「Modern Blog 30 天」系列第 23 篇文章。 上一篇優化完了內文圖片效能,這篇我們繼續來改善讀者體感效能,使用 nprogress 來加入換頁...

鐵人賽 Modern Web DAY 6

技術 首頁功能實作,加入 Contentlayer 文章列表 - Modern Next.js Blog 系列 #06

讓我們使用上一篇安裝的 Contentlayer,實作首頁文章列表功能,呈現所有 Markdown 文章。 結果截圖如下: 這篇修改的程式碼如下:https...

鐵人賽 Modern Web DAY 11

技術 全站樣式切版 - Modern Next.js Blog 系列 #11

TL;DR 這是「Modern Blog 30 天」系列第 11 篇文章,上一篇我們在 Next.js blog 搭配 Tailwind CSS 加入了「暗黑模...

技術 常用 Markdown 語法(Hexo 適用)

為了寫 Hexo 部落格需要大量使用 Markdown 語法,就以第一篇文章來練習吧!(ノ>ω<)ノ由於 Markdown 版本的關係,部分樣式在...

鐵人賽 Modern Web DAY 25

技術 使用 giscus 在 Next.js 加入留言系統 - Modern Next.js Blog 系列 #25

這是「Modern Blog 30 天」系列第 25 篇文章。 上一篇加完了文章側邊目錄,這篇我們再來加入另一個炫砲且實用的功能:留言系統! 最終效果如下:...

技術 Ruby基本介紹(三)-P與Puts方法的差異

今日K-pop推薦! 本篇文章會提到的事 預防針:如資訊有錯,歡迎指正分享,感謝您。 P與Puts差異 上篇其他衍生問題回答 衍生問題回答 p 與 p...

技術 Ruby基本介紹(八)Rspec幼稚園等級實作

DDU-DU DDU-DU~ 十幾億的觀看次數...跟四十多億次的某隻MV還有一段距離XD 預防針:由於是菜鳥分享心得,以下測試內容,非常基礎。 如果是初學...

技術 Ruby基本介紹(一) && Reverse-integer解法

前言:正確的坐姿很重要 坐姿正確,才能避免腰部受傷,想投身久坐的職業,請愛護身體。 內建型態與變數(variable) 內建型態或者稱內建類別,也就是程式語言...

鐵人賽 Modern Web DAY 17

技術 加入 Open Graph、LD-JSON 等 SEO meta data - Modern Next.js Blog 系列 #17

TL;DR 這是「Modern Blog 30 天」系列第 17 篇文章,上一篇我們完成所有樣式切版了,這篇我們會使用 next-seo,為全站設定標題、描述文...

技術 Ruby基本介紹(二) && Palindrome-number解法

保持好心情,寫code前,先聽首K-pop! 此篇文章會提到的事 上篇文章衍生題回答。 內建類別補充。 變數補充。 流程控制(Folw Controlle...

鐵人賽 Modern Web DAY 20

技術 為內文小標題加入 anchor 錨點連結 - Modern Next.js Blog 系列 #20

TL;DR 這是「Modern Blog 30 天」系列第 20 篇文章,上一篇我們做完 RSS Feed 生成,完成所有部落格功能了。後續讓我們繼續加入更多炫...

技術 學習Ruby、Rails事前準備工作

專有名詞 整理了我覺得該先了解的一些專有名詞 wiki-物件導向程式設計、菜鳥式回答:是一種將資料,行為,甚至是程式碼封裝後,物件化的一種程式語言設計方式。優點...

技術 使用HEXO和github page建置自己的Blog

前言 為什麼要撰寫自己的Blog呢? 首先Blog可以記錄自己的成長且在繳交履歷時也能附上,同時也能證明自己外也能吸引別人來觀看以提升知名度。 為什麼要用...

技術 建立自己Blog系列(二) github Setting

前言 這次會在thub這邊要先建立兩個Repository Blog Code Blog Hosting 本篇同步發布我的Blog 建立自己Blog系列(二...

鐵人賽 Modern Web DAY 16

技術 加入程式碼區塊「複製按鈕」,使用客製化 MDX 元件 - Modern Next.js Blog 系列 #16

上一篇我們讓程式碼區塊顯示了標題,這篇我們繼續讓它更好用,來加入「複製按鈕」! 結果截圖如下: 這篇修改的程式碼如下:https://github.com...

鐵人賽 Modern Web DAY 19

技術 使用 feed 生成 RSS Feed - Modern Next.js Blog 系列 #19

TL;DR 這是「Modern Blog 30 天」系列第 19 篇文章,上一篇我們做完 Sitemap 生成了,這篇接著來做非常相似的 RSS Feed 生成...

鐵人賽 Modern Web DAY 24

技術 在 MDX 文章側邊加入目錄 - Modern Next.js Blog 系列 #24

上一篇加完了換頁進度條,這篇我們繼續加入另一個炫砲且實用的功能:「文章側邊目錄」,讓讀者一目瞭然文章結構! 最終效果如下: 這篇修改的程式碼如下: http...