发布一款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语法