發佈一款Github博客皮膚

Major是一款基於jekyll的皮膚,沒有用hexo,緣由是換機器後沒法更新博客,可是能夠用U盤考環境。總之很麻煩!折騰糾結很久,仍是用jekyll!不用發佈直接push文章便可,方便快捷。用的放心舒心……
皮膚地址:https://github.com/Cyclone77/Major
演示地址: https://cyclone77.github.io
歡迎Star,Fork!
廢話很少,先上圖:css

  • 爲博客園仗義執言 :之前看到不少園子裏的朋友說,博客園樣式好醜,對移動端還不兼容等等!這裏就給博客園仗義執言了!申請了js權限,想怎麼搞怎麼搞都沒人管你好吧。一塊兒我也搞過幾個皮膚文章也有介紹。其實很人性化的好麼!

皮膚由來

其實我本想學一下jekyll的語法,可是配置本地環境各類錯誤(個人win7竟然仍是黑色桌面,大家懂的),無奈我只能找個功能差很少有的,開始改!
這個皮膚來源於以下:鏈接地址 https://github.com/Kaijun/hexo-theme-huxblog
linux

  • 沒錯,別不相信。把主要樣式抽掉想怎麼改怎麼改,而後學習下jekyll簡單的語法,接下來就剩下時間了。
  • 我在修改的時候發現做者用了不少重複代碼,好比,每一個有側邊欄的頁面都寫了一邊側邊欄代碼,我把側邊欄直接寫成了模版。
  • 精簡了不少致使博客速度變慢的js和不影響閱讀的css。

皮膚簡單介紹

  • 這是標籤頁面,點擊右面的標籤能夠定位。
    git

  • 側邊欄:標籤我只顯示10個,太多影響美觀,能夠查看更多。
  • 關於我:在_config.yml裏面填寫了賬號就顯示對於的圖標,能夠填寫知乎,Github等等。
  • PS: 圖標用的是字體圖標,地址: http://www.fontawesome.com.cn/faicons/
{% for tag in site.tags offset:1 limit:10 %}
    <a href="{{ site.baseurl }}/tags/#{{ tag[0] }}" title="{{ tag[0] }}" rel="{{ tag[1].size }}">{{ tag[0] }}</a>
{% endfor %}
  • 這裏查了下語法 offset:1 limit:10 就解決了。只顯示10個標籤的問題。

寫文章

---
layout:     post
title:      "標題"
subtitle:   "副標題"
date:       2016-08-23
author:     "Cyclone77"
header-img: "img/post-bg-unix-linux.jpg"
permalink:  "/1472014309297"
tags:
    - Markdown
---
  • header-img :是當前頁面應該顯示那個頭背景圖片
  • permalinkg : 自定義當前頁面的路徑,默認路徑文件名,文件名的規則:2016-08-25-Markdown-post.md, 2016-08-25-Markdown-post.markdown均可以。這裏我用的時間戳來當自定義路徑別提有多麼方便!PS: 能夠用瀏覽器控制檯執行:+(new Date()) 獲得時間戳!

如何使用

使用方法很是之簡單你能夠fork個人博客所在的庫。也能夠克隆來push到你博客所在庫。
簡單的git命令部署博客github

git add -A (提交全部文件包括刪除的這樣遠程庫也能夠刪除)
git commit -m "提交備註"
git push -u origin master 提交遠程庫

移動端支持

  • 固然支持移動端啦,原本就是基於Bootstrap的。

後期維護

  • 喜歡的朋友能夠克隆克隆個人Major項目,由於個人博客常常改動,Major是穩定的
  • 博客園和Github能夠同步更新,由於都支持markdown語法
相關文章
相關標籤/搜索