发布一款Github博客皮肤

时间 2019-11-12

标签发布一款 github 博客皮肤栏目 Git 繁體版

原文原文链接

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