iT邦幫忙

blog相關文章
共有 107 則文章
0 Like 0 留言 384 瀏覽

技術 痞客邦的BLOG又不支援Windows Live Writer了，寫BLOG很麻煩

您好， 由於相關功能使用之 API 串接非正式性質，且站方網站近期有偵測查獲到大量異常的 API 使用行為，為維護全站整體顯示功能正常運作及維護會員帳號及部落格...

fireflybug ‧ 2023-10-30
2 Like 1 留言 635 瀏覽

技術 用 ChatGPT 部落格搬家：101上山走走 (Xuite 部落格)

由於 Xuite 部落格即將於本月月底關站，所以我幫忙我爸爸將部落格「101上山走走」搬家。10 幾年、408 篇文章、400 萬瀏覽次數，隨著 Xuite 關...

Eva Chen ‧ 2023-08-25
3 Like 1 留言 1278 瀏覽

技術 常用 Markdown 語法（Hexo 適用）

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

糖米 ‧ 2023-06-19
0 Like 0 留言 941 瀏覽

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

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

samwang1228 ‧ 2023-01-16
0 Like 0 留言 2988 瀏覽
鐵人賽 Modern Web DAY 30
從零開始打造炫砲個人部落格，使用 Next.js、ContentLayer、i18next 等現代技術 系列 第 30 篇

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

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

EasonChang ‧ 2022-10-15
0 Like 0 留言 751 瀏覽
鐵人賽 Modern Web DAY 29
從零開始打造炫砲個人部落格，使用 Next.js、ContentLayer、i18next 等現代技術 系列 第 29 篇

技術 在 Next.js Contentlayer blog 實作舊路徑轉址 - Modern Next.js Blog 系列 #29

這是本系列最後一篇實作文，最後來實作一個微小但重要的功能：舊路徑轉址！ 這篇修改的程式碼如下：https://github.com/Kamigami55/ne...

EasonChang ‧ 2022-10-14
0 Like 0 留言 3845 瀏覽
鐵人賽 Modern Web DAY 28
從零開始打造炫砲個人部落格，使用 Next.js、ContentLayer、i18next 等現代技術 系列 第 28 篇

技術 使用 next-i18next 實作中英文多語系 - Modern Next.js Blog 系列 #28

讓我們來完成這個系列最後一塊重點功能：「i18next 中英文多語系支援」，讓部落格走向國際！ 最終效果如下： 這篇修改的程式碼如下：https://g...

EasonChang ‧ 2022-10-13
0 Like 0 留言 729 瀏覽
鐵人賽 Modern Web DAY 27
從零開始打造炫砲個人部落格，使用 Next.js、ContentLayer、i18next 等現代技術 系列 第 27 篇

技術 在 kbar Command Palette 實作文章搜尋 - Modern Next.js Blog 系列 #27

這是「Modern Blog 30 天」系列第 27 篇文章。 上一篇加完了 Command Palette 指令面板，這篇我們來繼續擴充它，讓 Command...

EasonChang ‧ 2022-10-12
0 Like 0 留言 1235 瀏覽
鐵人賽 Modern Web DAY 25
從零開始打造炫砲個人部落格，使用 Next.js、ContentLayer、i18next 等現代技術 系列 第 25 篇

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

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

EasonChang ‧ 2022-10-10
0 Like 0 留言 896 瀏覽
鐵人賽 Modern Web DAY 24
從零開始打造炫砲個人部落格，使用 Next.js、ContentLayer、i18next 等現代技術 系列 第 24 篇

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

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

EasonChang ‧ 2022-10-09
1 Like 0 留言 1441 瀏覽
鐵人賽 Modern Web DAY 23
從零開始打造炫砲個人部落格，使用 Next.js、ContentLayer、i18next 等現代技術 系列 第 23 篇

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

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

EasonChang ‧ 2022-10-08
0 Like 0 留言 775 瀏覽
鐵人賽 Modern Web DAY 21
從零開始打造炫砲個人部落格，使用 Next.js、ContentLayer、i18next 等現代技術 系列 第 21 篇

技術 強化內文連結換頁速度、加入外部連結 icon - Modern Next.js Blog 系列 #21

TL;DR 這是「Modern Blog 30 天」系列第 21 篇文章，上一篇我們在內文小標題加入 anchor 錨點了，這篇我們會來修改內文 CustomL...

EasonChang ‧ 2022-10-06
0 Like 0 留言 974 瀏覽
鐵人賽 Modern Web DAY 20
從零開始打造炫砲個人部落格，使用 Next.js、ContentLayer、i18next 等現代技術 系列 第 20 篇

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

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

EasonChang ‧ 2022-10-05
0 Like 0 留言 893 瀏覽
鐵人賽 Modern Web DAY 19
從零開始打造炫砲個人部落格，使用 Next.js、ContentLayer、i18next 等現代技術 系列 第 19 篇

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

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

EasonChang ‧ 2022-10-04
0 Like 0 留言 1085 瀏覽
鐵人賽 Modern Web DAY 17
從零開始打造炫砲個人部落格，使用 Next.js、ContentLayer、i18next 等現代技術 系列 第 17 篇

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

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

EasonChang ‧ 2022-10-02
0 Like 0 留言 903 瀏覽
鐵人賽 Modern Web DAY 16
從零開始打造炫砲個人部落格，使用 Next.js、ContentLayer、i18next 等現代技術 系列 第 16 篇

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

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

EasonChang ‧ 2022-10-01
0 Like 0 留言 753 瀏覽
鐵人賽 Modern Web DAY 15
從零開始打造炫砲個人部落格，使用 Next.js、ContentLayer、i18next 等現代技術 系列 第 15 篇

技術 加入程式碼區塊標題，使用 rehype-code-titles - Modern Next.js Blog 系列 #15

上一篇我們讓程式碼區塊支援 Syntax Highlighting 了，這篇我們來讓它多出區塊標題！ 這篇修改的程式碼如下：https://github.co...

EasonChang ‧ 2022-09-30
0 Like 0 留言 1625 瀏覽
鐵人賽 Modern Web DAY 14
從零開始打造炫砲個人部落格，使用 Next.js、ContentLayer、i18next 等現代技術 系列 第 14 篇

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

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

EasonChang ‧ 2022-09-29
0 Like 0 留言 790 瀏覽
鐵人賽 Modern Web DAY 13
從零開始打造炫砲個人部落格，使用 Next.js、ContentLayer、i18next 等現代技術 系列 第 13 篇

技術 文章內頁樣式切版 - Modern Next.js Blog 系列 #13

TL;DR 這是「Modern Blog 30 天」系列第 13 篇文章，上一篇我們使用 Tailwind CSS 美化了首頁樣式，這篇我們會繼續美化文章內頁樣...

EasonChang ‧ 2022-09-28
0 Like 0 留言 708 瀏覽
鐵人賽 Modern Web DAY 12
從零開始打造炫砲個人部落格，使用 Next.js、ContentLayer、i18next 等現代技術 系列 第 12 篇

技術 首頁樣式切版 - Modern Next.js Blog 系列 #12

TL;DR 這是「Modern Blog 30 天」系列第 12 篇文章，上一篇我們使用 Tailwind CSS 美化了 navbar, footer 等全站...

EasonChang ‧ 2022-09-27
0 Like 0 留言 1313 瀏覽
鐵人賽 Modern Web DAY 11
從零開始打造炫砲個人部落格，使用 Next.js、ContentLayer、i18next 等現代技術 系列 第 11 篇

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

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

EasonChang ‧ 2022-09-26
0 Like 0 留言 2589 瀏覽
鐵人賽 Modern Web DAY 10
從零開始打造炫砲個人部落格，使用 Next.js、ContentLayer、i18next 等現代技術 系列 第 10 篇

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

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

EasonChang ‧ 2022-09-25
0 Like 0 留言 1467 瀏覽
鐵人賽 Modern Web DAY 7
從零開始打造炫砲個人部落格，使用 Next.js、ContentLayer、i18next 等現代技術 系列 第 7 篇

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

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

EasonChang ‧ 2022-09-22
0 Like 0 留言 1432 瀏覽
鐵人賽 Modern Web DAY 6
從零開始打造炫砲個人部落格，使用 Next.js、ContentLayer、i18next 等現代技術 系列 第 6 篇

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

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

EasonChang ‧ 2022-09-21
0 Like 1 留言 2947 瀏覽
鐵人賽 Modern Web DAY 1
從零開始打造炫砲個人部落格，使用 Next.js、ContentLayer、i18next 等現代技術 系列 第 1 篇

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

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

EasonChang ‧ 2022-09-16
1 Like 0 留言 1117 瀏覽

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

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

nauosika ‧ 2021-08-13
1 Like 0 留言 734 瀏覽

技術 Rails基本介紹(二)

聽音樂先~ Rails操作實體 接續前一篇文章,做出一個實體後。 專案中 project_name/config/route.rb 這個檔案為設置路徑...

nauosika ‧ 2021-08-12
1 Like 0 留言 749 瀏覽

技術 Rails基本介紹(一)一個實體 && Remove Duplicates from Sorted Array && Remove Element

慣例 這篇先解題分享。怕來不及打完,這樣比較好修改...科科 Remove Duplicates from Sorted Array 題目連結:https:/...

nauosika ‧ 2021-08-11
1 Like 0 留言 607 瀏覽

技術 Ruby基本介紹(七) && missing-number

本篇音樂分享 本篇文章會提到的 上一篇衍生題:include,與extend差異? missing-number include與extend差異?...

nauosika ‧ 2021-08-10
1 Like 0 留言 777 瀏覽

技術 Ruby基本介紹(六)方法、類別、模組 && Reverse String

偶爾還是要聽點抒情點的... 韓劇推薦 : Live第一集男女主角警校考試準備的那段蠻激勵人心的,對素人想轉職工程師的人而言,哈。 以下一樣只分享自己初學時...

nauosika ‧ 2021-08-10
iThome鐵人賽
參賽組數
1123 組
團體組數
52 組
累計文章數
23096 篇
完賽人數
656 人
iT+看影片追技術 看影片追技術 看更多
熱門tag 看更多
15th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽 鐵人賽 2019鐵人賽 2018鐵人賽 javascript 2017鐵人賽 python windows php c# windows server linux css react 程式設計 vue.js
熱門問題
熱門回答
熱門文章
IT邦幫忙