1. 程式人生 > >【Hexo搭建GitPage部落格系列】04.主題更換

【Hexo搭建GitPage部落格系列】04.主題更換

前言

前面我們介紹瞭如何從零開始搭建Hexo部落格,並且已經部署到Github上去了。每個人的審美觀不一樣,所以肯定會有人不喜歡當前的部落格主題。接下來,我就為大家介紹如何更換部落格主題,讓部落格變得更加炫酷。

主題切換

Hexo的預設主題是landscape,就是剛剛搭建好以後大家看到的樣子。

估計很多小夥伴都不太喜歡這樣的風格,其實我們可以很容易做一些主題的切換和配置。在Hexo官網提供了很多主題(theme)風格,大家可以挑選自己喜歡的主題進行配置和調整。 image

在Hexo選擇一款你喜歡的主題,點選圖片預覽demo,點選下面的名字進入該主題的github專案或者官方網站。

這裡我們以

Next主題為例子,因為這個主題比較成熟,而且有詳細的官方文件可以幫助你快速地安裝和配置。關於主題的安裝和配置很簡單,在這裡就不演示了,大家可以根據官方文件的指示完成。

安裝主題

在部落格themes目錄下右鍵點選Git Bash,輸入以下命令。其他的主題也類似操作。

git clone https://github.com/主題git路徑

啟用主題

修改部落格根目錄下的_config.yml中的theme屬性,將其設定為你下載下來的主題名。

theme: zhutiming

配置主題

如果你需要定製主題相關配置顯得更加個性化,修改主題目錄下的_config.yml配置檔案

主題釋出

分別在Git Bash中執行如下指令釋出部落格到Github

hexo clean
hexo g
hexo d

部署成功後訪問你的地址:http://使用者名稱.github.io,檢視效果,有時候有快取,需要多重新整理幾次。

相關推薦

Hexo搭建GitPage部落系列04.主題更換

前言 前面我們介紹瞭如何從零開始搭建Hexo部落格,並且已經部署到Github上去了。每個人的審美觀不一樣,所以肯定會有人不喜歡當前的部落格主題。接下來,我就為大家介紹如何更換部落格主題,讓部落格變得更加炫酷。 主題切換 Hexo的預設主題是landscape,就是

Hexo搭建GitPage部落系列03.Hexo部落搭建

前言 前面我們已經把環境準備好了,接下來我們就可以正式開始我們的部落格搭建之路了! 搭建步驟 建立Github倉庫 點選建立倉庫 專案必須要遵守格式:賬戶名.github.io,不然接下來會有很多麻煩。並且需要勾選Initialize this repository

Hexo搭建GitPage部落系列02.環境搭建

前言 Hexo搭建部落格需要基於Node.js環境,而且依賴於Git,本篇文章就給大家詳細介紹如何搭建環境。 Node環境搭建 Node.js 是一個基於 Chrome V8 引擎的 JavaScript 執行環境。Node.js 使用了一個事件驅動、非阻塞式 I/O 的模型,使其輕

Hexo搭建GitPage部落系列01.部落搭建須知

背景 我想很多接觸網際網路的人,都想擁有一個自己的個人部落格,可以在上面分享工作、學習、生活等等。可能在網上搜到別人的部落格的時候,心裡也渴望著自己也能在網路上擁有著這樣一塊小天地。當你點進這篇文章的時候,我可以很肯定的告訴你,你的夢想即將實現! 部落格種類 第三方平臺 依託於第

Hexo搭建GitPage部落系列05.新建選單寫文章

在Hexo部落格系統中, 可以建立選單、文章、分類、標籤。在我們的主題中,選單和文章需要手動建立,而分類和標籤不用手動建立, 建立選單 在部落格根目錄下開啟Git Bash執行如下命令建立一個新的選單:hexo new page "選單名" $ hexo new p

Hexo搭建GitPage部落系列06.繫結獨立域名

前言 因為Hexo個人部落格是託管在github之上,每次訪問都要使用githubname.github.io這麼一個長串的域名來訪問,會顯得非常繁瑣。這個時候我們可以購買一個域名,設定DNS跳轉,以達到通過域名即可訪問我們的個人部落格。通過查閱文件發現,github

使用Hexo搭建個人部落,極速高效簡潔,新手小白可操作

目錄 只需要兩步 第一步程式碼部分: 第二部分放置程式碼 https://www.cnblogs.com/blogjun/articles/8289977.html 詳細操作可參考上文 這裡說一下大概的原理吧(純屬個人觀點,如有疑問請評論回去,接懟) 只需要兩步

github + hexo 搭建個人部落教程

Github Pages介紹 本來用於介紹託管在Github上上的專案,由於它的空間免費穩定,因此適合用來搭建部落格。 每個帳號只能有一個倉庫來存放個人主頁,且倉庫的名字必須是使用者名稱/ username.github.io。你可以通過http://username.github.io

GitHub、Node.js和Hexo搭建個人部落

GitHub、Node.js和Hexo搭建個人部落格 1.Git 1.1、下載 下載地址:https://git-scm.com/downloads 1.2、Git安裝 雙擊安裝,點選Next 填寫安裝路徑,點選Next 選中安裝內容,點選Next

Github Pages + Hexo 搭建個人部落

本文原地址 開始前瞭解了自己適合那種方式搭建個人部落格的幾種高效方案 一、前置知識 GitHub Github 官網 廖雪峰教程- Git 教程 個人 Git 筆記 二、開始搭建 阮一峰教程-搭建一個免費的,無限流量的 Blog---- githu

基於windows平臺Git+GitHub+Hexo搭建個人部落(三)

  去年的時候使用Hexo搭建了一個部落格,當時主題使用的是JackMan,雖說這個theme是挺好看的了,但是自己感覺還少點東西,所以自從搭建好後就一直沒用,筆記還是放在CSDN上。前兩天偶然發現了一位大神的部落格,當時一眼就喜歡上了這個主題,瀏覽網站後知道大神的部落格也是用Hex

使用GitHub + Hexo搭建個人部落(一)- 安裝

最近在同事那瞭解到,使用GitHub + Hexo可以搭建自己的個人部落格,很早之前就想自己搞個網站做部落格,由於種種原因一直沒有實現 現在可以使用開源的工具搞個部落格還是蠻不錯的,這裡和大家分享下。 1. Hexo簡介 GitHub的簡單介紹,大家可以參考我前面的部落格,

Hexo搭建個人部落網站詳細流程

過年回家前在公司的最後一天,說實話有點心不在焉了。整個2017也就這樣恍然過去,很多事都來不及回想。在這最後的時間裡,想起把自己使用Hexo搭建個人部落格網站的流程整理成篇,前段時間為了這個也是找了好多資料,遇到不少坑,將它記錄在這裡就算是舊年裡的最後一個節點,

hexo搭建個人部落--NexT主題優化

寫在前面 本文為個人前一篇文章hexo搭建個人部落格–基礎篇的後續篇,前文主要介紹瞭如何搭建一個個人網站以及繫結域名等相關內容,還沒有建站的夥伴們可以看一下前文,已經搭建好的就可以忽略了。 本文的優化是基於Hexo的NexT主題的,其他主題的疑問也可以在後臺

如何釋出文章到使用hexo搭建部落網站上去

hexo支援markdown,如何編輯文章並且釋出到hexo部落格網站上去? 步驟如下:  1、選擇一個markdown編輯器,編寫文章,比如我使用markdownPad, 也支援匯出md檔案,還支援圖片,反而markdownPad選擇圖片功能要付錢呢 2、將md檔案放在你的hexo網站所在位置下的s

GitHub+Hexo搭建個人部落

1.hexo介紹 看到同學使用github+hexo搭建了屬於自己的部落格,眼饞,弄了好久了,感覺有點眼高手低了,一直沒來得及寫一下自己搭建的流程,心血來潮,下邊來簡單介紹下搭建流程,也方便自己以後review,也可以和大家共享交流技術問題。 Hexo

基於windows平臺Git+GitHub+Hexo搭建個人部落(一)

之前最開始是瞭解並搭建的jekyll框架,然後又從網上百度了一下,很多部落格都支援Hexo,覺得Hexo更好用一些,也有很多支援jekyll的,自己確實不知道是jekyll和Hexo哪個更好用一些,所以又搭建了一下Hexo的環境。 我在這裡對我自己的操作步驟

Robert C. Martin部落格中文版面向物件設計、模式、UML、敏捷方法學和極限程式設計領域。Robert C. Martin是Object Mentor公司總裁,面向物件設計、模式、UML、敏捷方法學和極限程式設計領域內的資深顧問。他不僅是Jolt獲獎

面向物件設計、模式、UML、敏捷方法學和極限程式設計領域。Robert C. Martin是Object Mentor公司總裁,面向物件設計、模式、UML、敏捷方法學和極限程式設計領域內的資深顧問。他不僅是J... (adsbygoogle = windo

使用Github+Hexo搭建個人部落

01 用 GitHub + Hexo 建立你的第一個部落格02 [Hexo]部署部落格及更新博文03 Hexo(3)-安裝自己喜歡的主題04 Hexo(4)-安裝多說評論框05 Hexo(5)-購買並繫結域名

Hexo+GitHub搭建靜態部落平臺(三)-Next主題基本使用

部落格網站搭建好後就是為自己的網站設定一個美觀的主題了, hexo 官方提供了許多官方主題,還有許多別人編寫的主題,例如:hexo-theme-jekyll 和 hexo-theme-yilia。還有很多就不一一列舉了,我將介紹也是我在使用的 Next主題 。