iT邦幫忙

hexo相關文章
共有 62 則文章

技術 從零開始學 Hexo (10) | NexT 主題篇 - 客製化主題樣式

NexT 主題官方文件 在客製化過程中,我蠻常參考 NexT 主題官網的,然後會有一些想調整的地方,其實 NexT 主題的 config 檔都有地方可以設定 所...

技術 從零開始學 Hexo (9) | Hexo 主題選擇及更換網站主題

關於 Hexo 主題挑選 Hexo 的主題不只有 landscape 這一種,還有許許多多的主題模板可以套用,進入 Hexo 官網的主題頁面,你就能看見很多主題...

技術 從零開始學 Hexo (8) | landscape 主題如何客製 Hexo 首頁

激發你的客製魂 經過前面的努力我們終於把 Hexo 網站部署到 GitHub Pages 了,但是這樣用主題模板套用的固定結構、樣式的網站,滿意嗎? 沒錯!我們...

技術 從零開始學 Hexo (7) | 部署你的落格網站與常見 Hexo 指令

前置 確認是否已安裝 git 在開始往下介紹如何用部署你的 Hexo 部落格之前,我們要先確認是否有正確安裝 git,如果你是跟著前幾篇文章實作的朋友,基本上是...

技術 從零開始學 Hexo (6) | 認識 Hexo 目錄與調整全站網站設定

認識 Hexo 目錄結構 在開始講解如何部署你的部落格網站之前,我們先簡單認識一下 Hexo 資料夾內的目錄結構吧!什麼?你說為什麼?看下去就知道啦 ~ 還記得...

技術 從零開始學 Hexo (5) | Hexo 文章細節調整與如何新增頁面

Hexo 文章細節調整 前面有介紹如何新增文章的 Hexo 指令及 Mackdown 語法,其中還有一些細節想和大家說明,Hexo 的文章除了可以 Mackdo...

技術 從零開始學 Hexo (4) | 新增 Hexo 文章及常用 Markdown 語法

前置說明 自己是習慣使用 VSCode 來編輯程式碼,所以之後的程式碼都會以 VSCode 畫面做示範,如果你也想使用 VSCode ,可以到 VSCode 官...

技術 從零開始學 Hexo (3) | 下 Hexo 指令建立部落格環境吧 ~

建立 Hexo 環境的前置 經過前篇 激烈的戰鬥 努力的奮鬥,相信大家都安裝好 Hexo 了,那接下來要做的就是建立你的 Hexo 部落格環境啦 ~ 建立專案資...

技術 從零開始學 Hexo (2) | Hexo 安裝方法

想了解 Hexo 從官網開始 想知道怎麼安裝 Hexo,第一站就是 Hexo 的官網 ,進入官網後點上方導覽列的「文件」: 然後你就可以看到 Hexo 很貼心...

技術 從零開始學 Hexo (1) | Hexo 是什麼?為什麼開始學 Hexo?

開始學 Hexo 的動機 進入 Hexo 的簡單介紹之前,先說說我自己開始學 Hexo 的動機,因為我希望能建立一個自己的部落格網站,不只是當作平時學習前端知識...

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

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

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

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

鐵人賽 Modern Web

技術 番外篇 更改 Hexo Themes

行前提要 忽然加開一篇 XDDD話說部落格更改主題樣式是必須的吧想想當初無名小站也很流行改CSS(回憶殺?總之呢 Hexo 當然也沒問題,應該是可以非常客製化,...

鐵人賽 Modern Web DAY 29

技術 第29夜 Hexo 新增文章 SOP 與 部署 , GitHub 可以蓋部落格(下) ?

Hexo 新增文章 SOP 開始動作之前,瞧瞧我們剛剛蓋好的部落格頁面預設第一篇文章 "Hello World" 提供了一些訊息、指令, 第...

鐵人賽 Modern Web DAY 28

技術 第28夜 Hexo?GitHub可以蓋部落格?(上)

行前提要 今天主題是要透過 GitHub 來搭建個人網站,也可以說是部落格。雖然有很多平台可以做到且很漂亮,也有花點錢會很很炫的功能等等,但我今天選擇使用 Gi...

鐵人賽 Modern Web DAY 11

技術 用 Hexo 和 Github Pages 建立部落格吧 (11)

前幾年在小編當工程師時常常逛 Github,發現有些人會利用這個空間來開部落格,於是稍微研究後就決定動手做一個,也就是大家現在所看到的前端三分鐘。 在另外一篇文...

鐵人賽 自我挑戰組 DAY 12

技術 第 12 話 啟動!用部落格寫下自己的足跡

建立部落格 經過鐵人賽的洗禮,讓我找到一個可以記錄學習歷程的地方,原本想透過 iT 邦來當作筆記平台,透過 Ray 助教的建議,建立自己的部落格可以練習到多前端...

鐵人賽 Modern Web
試著學 Hexo 系列 第 33

技術 (33)試著學 Hexo-番外篇之更新 NexT 主題

前言 接下來這一篇將會介紹如何更新 NexT 主題與介紹 Hexo5 之後的 NexT 之後有什麼樣的改變。 NexT 在前一個章節我們有介紹到 Hexo5 之...

鐵人賽 Modern Web
試著學 Hexo 系列 第 32

技術 (32)試著學 Hexo-番外篇之更新 Hexo

前言 更新這件事情其實非常的重要,但 Hexo 在更新上是真的非常麻煩,所以額外撰寫了番外篇來介紹如何更新 Hexo。 更新 Hexo 在我撰寫「試著學 Hex...

鐵人賽 Modern Web
試著學 Hexo 系列 第 31

技術 (31) 試著學 Hexo - 番外篇之常見問題

前言 這一篇是完賽後的總結篇,雖然說是總結篇,但其實還是要講一些 Hexo 常見的問題。 小心關鍵字 基本上會建議你在撰寫筆記文章時,盡可能標題不要打到 Hex...

鐵人賽 Modern Web DAY 30
試著學 Hexo 系列 第 30

技術 (30) 試著學 Hexo - 奇淫技巧 - 財富自由

前言 接下來這一篇當作講講廢話,因此標題也很 X 話,但其實寫部落格是真的可以賺一點點錢的唷。 寫部落格可以賺錢?真的嗎 基本上寫部落格確實是可以賺到一些錢,但...

鐵人賽 Modern Web DAY 29
試著學 Hexo 系列 第 29

技術 (29) 試著學 Hexo - 奇淫技巧 - 快速上傳你的圖片到 imgur

前言 接下來來講講如何透過 VSCode 快速上傳圖片到 imgur 吧! imgur 前面章節「(9) 試著學 Hexo - 圖片空間的挑選」有講到 imgu...

鐵人賽 Modern Web DAY 28
試著學 Hexo 系列 第 28

技術 (28) 試著學 Hexo - 奇淫技巧 - 寫作的小眉角

前言 接下來這一篇教一些前面所沒有教的寫作小技巧哩~ 快速生成模板 在前面有提到我們可以透過 description 的標籤來生成 more 的按鈕,但是在預設...

鐵人賽 Modern Web DAY 27
試著學 Hexo 系列 第 27

技術 (27) 試著學 Hexo - 奇淫技巧 - 自動化部屬(GitHub Actions)

前言 接下來將會介紹另一款 CI,也就是 GitHub Actions。 GitHub Actions 我相信也有一些人會希望私密儲存庫也可以自動部署,畢竟有...

鐵人賽 Modern Web DAY 26
試著學 Hexo 系列 第 26

技術 (26) 試著學 Hexo - 奇淫技巧 - 自動化部屬(Travis CI)

前言 接下來這一篇開始會是一系列的奇淫技巧(怪怪的名詞),第一篇就先獻給自動化部屬吧。 自動化部屬 通常我們在寫完一篇文章時都必須輸入 hexo d -g 來編...

鐵人賽 Modern Web DAY 25
試著學 Hexo 系列 第 25

技術 (25) 試著學 Hexo - SEO 篇 - SEO 觀念補充

前言 這一篇是最後一篇關於 SEO 的部分,我只能說 SEO 博大精深,所以這一篇最後再補充一點點關於 SEO 的觀念就好。 SEO 的概念 前面介紹了很多 S...

鐵人賽 Modern Web DAY 24
試著學 Hexo 系列 第 24

技術 (24) 試著學 Hexo - SEO 篇 - Google Search Console

前言 接下來一樣來聊聊如何加強自己部落格的 SEO 吧。 Google Search Console Google Search Console 前身叫做 Go...

鐵人賽 Modern Web DAY 23
試著學 Hexo 系列 第 23

技術 (23) 試著學 Hexo - SEO 篇 - 新增你的 404 頁面

前言 接下來這一篇會來聊聊關於 404 頁面為什麼對於 SEO 也會有影響,其中當然也會包含實作。 404 是什麼?能吃嗎 404 簡單來講是不存在或者有錯誤的...

鐵人賽 Modern Web DAY 22
試著學 Hexo 系列 第 22

技術 (22) 試著學 Hexo - SEO 篇 - 先來聊聊 Url 對於 SEO 的影響

前言 接下來這章節就會開始來聊聊 SEO,其中 Url 也是一個很大的學問,當然這裡也會牽扯到一些 Url 設置上的小眉角,所以就簡單稍微聊聊吧。 什麼是 Ur...

鐵人賽 Modern Web DAY 21
試著學 Hexo 系列 第 21

技術 (21) 試著學 Hexo - NexT 主題篇 - NexT 還有哪些設定?

前言 接下來這一篇算是 Hexo NexT 主題的最後一篇,所以來聊聊它還有那些設定吧。 閱讀全文 More 通常如果我們沒有去做一些設置的話,首頁一進來就會預...