GithubPages+Hexo博客主題Yilia

半年前,我開始搗鼓本身的博客,我以爲做爲一個Developer,有一個本身的博客,寫下本身的經驗,寫下本身的生活必不可少,積累是一我的一輩子最寶貴的財富。前端

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

GitHub

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

GithubPages

  • 用戶編寫的,託管在GitHub上的靜態網頁
  • 簡單方便,至關於一個免費的服務器
  • 綁定域名,辨識度高

Hexo

  • A fast, simple & powerful blog framework

咱們這篇文章不介紹博客如何搭建,咱們介紹下hexo的主題yilia,我也曾經嘗試過不少主題,變着花樣的折騰,可是當我看到yilia的時候,眼前一亮,風格佈局都十分吸引我,大家能夠看下做者的博客或者個人github

我經常使用的文本編輯工具爲SublimeText2,MarkDown寫做工具爲MacDown,相比於Mou,我仍是更加青睞MacDownbash

1 安裝服務器

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

2 配置markdown

首先咱們切換到Blog目錄下,這個Blog是我本身建立的文件夾,主要用來進行博客的管理,ls看下目錄下的詳情hexo

屏幕快照 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連接,微博連接等等,動畫,關於本身的一些信息,在這裏做者都很好的標明瞭,因此你能夠很好的配置oop

使用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是一款優秀的主題,友情連接,多說評論,界面風格,是我以爲很棒的一個主題,你們也能夠試下,遇到問題一塊兒討論,做者關於該主題配置的一篇介紹

相關文章
相關標籤/搜索