發布一款Github博客皮膚


Major是一款基於jekyll的皮膚,沒有用hexo,原因是換機器后無法更新博客,但是可以用U盤考環境。總之很麻煩!折騰糾結好久,還是用jekyll!不用發布直接push文章即可,方便快捷。用的放心舒心……
皮膚地址:https://github.com/Cyclone77/Major
演示地址: https://cyclone77.github.io
歡迎Star,Fork!
廢話不多,先上圖:

  • 為博客園打抱不平 :以前看到很多園子里的朋友說,博客園樣式好丑,對移動端還不兼容等等!這里就給博客園打抱不平了!申請了js權限,想怎么搞怎么搞都沒人管你好吧。一起我也搞過幾個皮膚文章也有介紹。其實很人性化的好么!

皮膚由來

其實我本想學一下jekyll的語法,但是配置本地環境各種錯誤(我的win7居然還是黑色桌面,你們懂的),無奈我只能找個功能差不多有的,開始改!
這個皮膚來源於如下:連接地址 https://github.com/Kaijun/hexo-theme-huxblog

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

皮膚簡單介紹

  • 這是標簽頁面,點擊右面的標簽可以定位。

  • 側邊欄:標簽我只顯示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命令部署博客

git add -A (提交所有文件包括刪除的這樣遠程庫也可以刪除)
git commit -m "提交備注"
git push -u origin master 提交遠程庫

移動端支持

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

后期維護

  • 喜歡的朋友可以克隆克隆我的Major項目,因為我的博客經常改動,Major是穩定的
  • 博客園和Github可以同步更新,因為都支持markdown語法


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM