iT邦幫忙

hexo相關文章
共有 52 則文章

技術 常用 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 通常如果我們沒有去做一些設置的話,首頁一進來就會預...

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

技術 (20) 試著學 Hexo - NexT 主題篇 - 可以安裝的套件

前言 接下來推薦一下我自己常用 NexT 套件以及可以安裝的 NexT 套件吧。 hexo-generator-searchdb 首先由於 Hexo 並沒有本地...

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

技術 (19) 試著學 Hexo - NexT 主題篇 - 第三方服務

前言 接下來我們稍微認識一下 NexT 支援哪些第三方服務吧~ NexT 支援的第三方服務列表 這邊稍微列一下一些第三方服務的基本分類,你可以透過搜尋該分類,直...

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

技術 (18) 試著學 Hexo - NexT 主題篇 - 認識 NexT 結構

前言 接下來這一篇我們就讓我們來認識一下 NexT 的結構。 NexT 目錄結構 docs languages layout scripts...

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

技術 (17) 試著學 Hexo - NexT 主題篇 - NexT

前言 接下來這一章節將會介紹比較多人使用的 NexT 主題,而這個主題也是我個人較喜好的主題。 什麼是 NexT NexT 有分成兩種版本,基本上你在 Goog...

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

技術 (16) 試著學 Hexo - 主題篇 - minos 主題

前言 接下來要來介紹另一個主題的安裝,也就是 minos 主題,這個主題在安裝上會稍微比較容易踩雷唷~ 安裝 minos 主題 雖然安裝主題的過程基本上大同小異...

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

技術 (15) 試著學 Hexo - 主題篇 - Vexo 主題

前言 接下來讓我們嘗試安裝另一個主題吧! 下載主題 接下來要安裝的主題是 Vexo,它是基於 Vue.js 官方文件所啟發的主題,如果你相當喜歡 Vue.js...

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

技術 (14) 試著學 Hexo - 主題篇 - Hueman 主題

前言 接下來我們要來嘗試安裝我們的第一個主題,當然後面還會有一些主題安裝,最主要是熟悉安裝主題的流程。 安裝 Hueman Hexo 在安裝任何主題時都會使用到...

鐵人賽 Modern Web DAY 11

技術 【Day 11】Hexo Fluid 主題使用指南 - Part III

by Free-Photos on Pixabay 文章頁 文章在首頁的小圖 在每篇文章的開頭中配置 index_img 屬性。 --- title: 文章標...

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

技術 (13) 試著學 Hexo - 主題篇 - Hexo 主題如何挑選

前言 接下來準備進入主題的章節,但是在講主題之前有一些事情讓我們先稍微聊聊。 主題的挑選 挑選主題一直都是許多人煩惱的地方,雖然 Hexo 官方網站的導覽列有一...

鐵人賽 Modern Web DAY 10

技術 【Day 10】Hexo Fluid 主題使用指南 - Part II

by Engin_Akyurt on Pixabay 部落格標題與 header 選單 筆者的部落格標題「來點鳥」和首頁的描述「Give me some bi...