iT邦幫忙

hexo相關文章
共有 63 則文章
鐵人賽 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 13
試著學 Hexo 系列 第 13

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

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

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

技術 (12) 試著學 Hexo - 你不能不學的 Git 基本指令

前言 接下來要來講一下最基本的 git 指令,否則你的 Hexo 要怎麼辦? 基本指令 因為我們是採用 GitHub Pages 當作部落格空間,所以你就必須要...

鐵人賽 Modern Web DAY 11

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

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

鐵人賽 Modern Web DAY 10

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

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

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

技術 (11) 試著學 Hexo - 部署你的第一個部落格

前言 接下來將要來部署你的第一個部落格囉。 GitHub Pages 接下來這邊開始我們將會使用 GitHub 來當作我們網頁的儲存空間,你可能會想說 「Git...

鐵人賽 Modern Web DAY 9

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

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

鐵人賽 Modern Web DAY 8

技術 【Day 8】如何安裝 Disqus 留言板

當你終於創建好了部落格,正在開開心心的打起文章。才赫然眉頭一皺,發覺案情並不單純。 這部落格,沒有留言板啊!!!!!(吶喊身為邊緣人,怎麼可以沒有留言板?本篇將...

鐵人賽 Modern Web DAY 7

技術 【Day 7】如何更換 Hexo 主題

在成功將 Hexo 部落格搭建好後,身為設計師的筆者,看著原有的主題實在是渾身不對勁。本篇文章會介紹如何更換主題,讓你每天打開部落格都心情美美的:) by An...

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

技術 (10) 試著學 Hexo - 新增頁面

前言 接下來讓我們了解該如何在 Hexo 新增一些頁面。 新增頁面 首先,先講講為什麼要新增頁面,這時候先讓我們開啟一下前面我們所建立的 Hexo,為了避免讀者...

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

技術 (9) 試著學 Hexo - 圖片空間的挑選

前言 接下來講講圖片空間的挑選。 圖片空間的挑選 先解釋一下為什麼要挑選圖片空間,主要原因是 Hexo 本身是沒有圖片上傳的功能,所以我們部落格文章中的圖片就必...

鐵人賽 Modern Web DAY 6

技術 【Day 6】Hexo 的基本設定與發布規則

上一篇有提到,關於 Hexo 與 Github 的相關介紹與安裝步驟,可以先看看這幾篇文章: Hexo+GitHub,新手也可以快速建立部落格 第一次架...

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

技術 (8) 試著學 Hexo - 你應該懂基本的 npm 指令

前言 接下來認識一下有哪些是屬於必須認識的 npm 指令唷~ 查看 npm 版本 基本上這個指令相對使用度是比較低的,但是如果你不幸遇到一些狀況以及錯誤時,就會...

鐵人賽 Modern Web DAY 5

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

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

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

技術 (7) 試著學 Hexo - 如何安裝插件

前言 接下來準備來替目前的 Hexo 安裝插件囉~ 安裝你的第一個插件 雖然 Hexo 在基本的使用上已經非常足夠,舉凡寫作、模擬伺服器等等,但是實際上我們在使...

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

技術 (6) 試著學 Hexo - 不能忘記的 Hexo 指令

前言 接下來來講講一些比較重要指令,其中在前面其實我們就已經接觸了一些,因此這一篇來集中介紹一閜 Hexo 指令。 你可以忘記的指令 你一定會想說標題明明就寫「...

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

技術 (5) 試著學 Hexo - 你的第一篇文章

前言 接下來我們將要會建立你的第一篇部落格文章,在開始之前我會建議你使用 Visual Studio Code 來撰寫文章唷。 Visual Studio Co...

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

技術 (4) 試著學 Hexo - 認識 Hexo 目錄結構

前言 接下來我們要來認識一下 Hexo 目錄結構,但是在上一篇我們其實只有安裝,但還沒有建立 Hexo 唷~ 建立 Hexo 首先我們必須先建立一個 Hexo...

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

技術 (3) 試著學 Hexo - 如何安裝 Hexo

前言 接下來這一篇將會介紹兩種作業系統(Window、Mac)的安裝模式,但是後面的文章介紹與操作就會主要以 Mac 為主,基本上只有安裝的時候會稍微有一點不一...

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

技術 (2) 試著學 Hexo - 什麼是 Hexo

前言 在學習 Hexo 之前讓我們先了解一下 Hexo 是什麼以及它的來龍去脈。 Hexo 是什麼 Hexo 是一款靜態網頁產生工具也可以說是部落格架設工具,相...

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

達標好文 技術 (1) 試著學 Hexo - 序章

前言 為什麼要寫這個系列文章呢?比起 Hexo 選擇現成的部落格平台,不是更適合嗎?其實選擇 Hexo 來當作你的第一個架站工具是非常好上手的,你只需要掌握一些...

鐵人賽 自我挑戰組 DAY 28

技術 RNA-Sick@Day28 > 今天的風兒 ...有點喧囂啊...|架個個人網站來輔助你的學術海報呈現 feat. hexo on Github

其實昨天就已經悄悄進入學術生活篇 說來慚愧,雖然總喜歡講些學術學術的東西,其實我都已經碩士畢業了還沒有期刊發表。但有些事情就是機運與緣分,強求不得呵呵~至少在...

鐵人賽 Modern Web DAY 7

技術 Hexo - 前端也能建置部落格!佈署篇

前幾篇我們對於 hexo 做成部落格並客製一些樣式有基礎的了解了,而既然是部落格,就是要放到網上讓大家可以來看自己想要分享的內容,所以這篇就來介紹如何把現有的內...