GithubPages+Hexo博客主題Yilia

半年前,我開始搗鼓自己的博客,簡書是一個不錯的寫作平臺,在這里我讀到了很多優(yōu)秀的文章,學習到了很多新鮮的知識,無論是技術方面還是生活感悟、工作技巧、奇聞異事,我很喜歡在這里看文章的那種感覺,但是我覺得作為一個Developer,有一個自己的博客,寫下自己的經驗,寫下自己的生活必不可少,積累是一個人一生最寶貴的財富。

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

GitHub

  • GitHub是基于git實現(xiàn)的代碼托管,git是我覺得目前最好用的版本控制系統(tǒng)了,非常受歡迎
  • 可以免費試用,非常人性化
  • 開源社區(qū),不用多說,吊炸天的的技術代碼應有盡有,只要你有一顆善于發(fā)現(xiàn)的眼睛

GithubPages

  • 用戶編寫的,托管在GitHub上的靜態(tài)網頁
  • 簡單方便,相當于一個免費的服務器
  • 綁定域名,辨識度高

Hexo

  • A fast, simple & powerful blog framework

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

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

1 安裝

$ git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia

2 配置

首先我們切換到Blog目錄下,這個Blog是我自己創(chuàng)建的文件夾,主要用來進行博客的管理,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就可以生成發(fā)布到你的博客下啦


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

在者就是themes下yilia下的_config.yml這個和主目錄下的重名,主要是一些主題的配置,Github鏈接,微博鏈接等等,動畫,關于自己的一些信息,在這里作者都很好的標明了,所以你可以很好的配置

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

1 我們發(fā)布的文章是在主頁顯示的時候全部顯示,那樣很長很難看,想要部分展示的效果,類似于這樣


屏幕快照 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后面的參數(shù)就行,例如我的就是每頁五篇文章

## Set per_page to 0 to disable pagination
per_page: 5
pagination_dir: page

暫時我遇到的問題就這么幾個,總體來說yilia是一款優(yōu)秀的主題,友情鏈接,多說評論,界面風格,是我覺得很棒的一個主題,大家也可以試下,遇到問題一起討論,作者關于該主題配置的一篇介紹

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容