GithubPages+Hexo部落格主題Yilia

DevinZ發表於2019-02-19

半年前,我開始搗鼓自己的部落格,我覺得作為一個Developer,有一個自己的部落格,寫下自己的經驗,寫下自己的生活必不可少,積累是一個人一生最寶貴的財富。

我看過很多開發者寫部落格的平臺,部落格園,CSDN,也嘗試過多種搭建部落格的方式,最後我被GithubPages + Hexo吸引了,簡潔大方,高逼格,由於我對前端方面的技術瞭解甚少,所以搭載的時候也費了半天功夫,首先我們先了解一下Github,GithubPages,以及hexo。

GitHub

  • GitHub是基於git實現的程式碼託管,git是我覺得目前最好用的版本控制系統了,非常受歡迎
  • 可以免費試用,非常人性化
  • 開源社群,不用多說,吊炸天的的技術程式碼應有盡有,只要你有一顆善於發現的眼睛

GithubPages

  • 使用者編寫的,託管在GitHub上的靜態網頁
  • 簡單方便,相當於一個免費的伺服器
  • 繫結域名,辨識度高

Hexo

  • A fast, simple & powerful blog framework

我們這篇文章不介紹部落格如何搭建,我們介紹下hexo的主題yilia,我也曾經嘗試過很多主題,變著花樣的折騰,但是當我看到yilia的時候,眼前一亮,風格佈局都十分吸引我,你們可以看下作者的部落格或者我的

我常用的文字編輯工具為SublimeText2,MarkDown寫作工具為MacDown,相比於Mou,我還是更加青睞MacDown

1 安裝

$ git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia
複製程式碼

2 配置

首先我們切換到Blog目錄下,這個Blog是我自己建立的資料夾,主要用來進行部落格的管理,ls看下目錄下的詳情

螢幕快照 2016-08-03 下午10.17.24.png

yilia主題就在themes目錄下了,_config.yml主要是主目錄下的一些配置,很清晰,每個地方應該如何填寫也很簡單

open _config.yml-a"Sublime Text 2"
複製程式碼

螢幕快照 2016-08-03 下午10.27.54.png

開啟source下的_posts,這裡就是我們的部落格文章了,都是以.md形式存在的,在該目錄下我們就可以寫文章了,hexo new 文章名稱,再用你的MarkDown編輯器開啟,書寫吧,少年,然後回到主目錄下 hexo d -g就可以生成釋出到你的部落格下啦

螢幕快照 2016-08-03 下午10.26.25.png

在者就是themes下yilia下的_config.yml這個和主目錄下的重名,主要是一些主題的配置,Github連結,微博連結等等,動畫,關於自己的一些資訊,在這裡作者都很好的標明瞭,所以你可以很好的配置

使用yilia主題遇到的一些問題解決辦法

1 我們釋出的文章是在主頁顯示的時候全部顯示,那樣很長很難看,想要部分展示的效果,類似於這樣

螢幕快照 2016-08-03 下午10.37.13.png

我們可以這樣解決,開啟一篇文章

open 黑魔法-常用的巨集定義 大全.md -a"MacDown"
複製程式碼

螢幕快照 2016-08-03 下午10.40.43.png
使用標籤來隱藏其下面的內容~

2 下圖效果的標籤如何新增?

螢幕快照 2016-08-03 下午10.43.35.png

開啟你的編輯器,在文章頭部這塊的tags下面用 -標籤這種形式新增,就會生成圖片中的標籤了,相同的標籤文章將會被歸類到一起,很方便檢視

---
title: 巨集定義的黑魔法
date: 2016-07-22 15:08:32
categories:
tags:
     - 黑魔法
     - 奇淫技巧
---
複製程式碼

3 每頁顯示多少篇文章,分頁效果如何設定?

螢幕快照 2016-08-05 上午11.52.57.png

類似於上圖,每一頁顯示幾篇文章,我們開啟主目錄下的_config.yml,找到下端程式碼的位置,修改per_page後面的引數就行,例如我的就是每頁五篇文章

## Set per_page to 0 to disable pagination
per_page: 5
pagination_dir: page
複製程式碼

暫時我遇到的問題就這麼幾個,總體來說yilia是一款優秀的主題,友情連結,多說評論,介面風格,是我覺得很棒的一個主題,大家也可以試下,遇到問題一起討論,作者關於該主題配置的一篇介紹

相關文章