zoukankan      html  css  js  c++  java
  • 发布一款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语法
  • 相关阅读:
    chr(9) chr(10) chr(13) chr(32)
    分割字符串
    日期提取函数EXTRACT
    数据泵在本地导出数据到远程数据库中
    CEIL与FLOOR
    GROUPING SETS与GROUP_ID
    LISTAGG
    AVG
    COUNT
    Scala 泛型类型和方法
  • 原文地址:https://www.cnblogs.com/cyclone77/p/5802510.html
Copyright © 2011-2022 走看看