iT邦幫忙

hexo相關文章
共有 45 則文章
鐵人賽 Modern Web DAY 7

技術 Hexo - 前端也能建置部落格!安裝與建置篇

Hexo 是一款基於 Node.js 的網誌框架,之所以這麼多人在使用,是因為它能夠快速、簡單的建置屬於自己的部落格,且包含許多強大的功能。Hexo 可以使用...

鐵人賽 Modern Web DAY 7

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

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

鐵人賽 Modern Web DAY 7

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

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

鐵人賽 Modern Web DAY 8

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

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

鐵人賽 Modern Web DAY 7

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

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

鐵人賽 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 DAY 6

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

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

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

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

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

鐵人賽 Modern Web DAY 7

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

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

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

技術 (1) 試著學 Hexo - 序章

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

鐵人賽 Modern Web DAY 9

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

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

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

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

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

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

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

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

鐵人賽 Modern Web DAY 10

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

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

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

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

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

鐵人賽 自我挑戰組 DAY 28

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

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

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

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

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

鐵人賽 Modern Web DAY 5

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

鐵人賽 Modern Web DAY 11

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

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