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語法