Giter VIP home page Giter VIP logo

daodaoliang.github.com_bak's Introduction

简介

这是一款Jekyll博客主题,叫做Jekyll Light。这是我花了两天时间才重新做好的主题。没有用到任何CSS框架,简洁美观。
PS: 应该说我不会用CSS框架。。。

关于主题

  • 支持多说评论框
  • 支持百度统计
  • 支持FancyBox图片盒子
  • 支持MathJax数学公式
  • NProgress进度条
  • 小火箭返回顶部动画
  • 时间轴样式的归档页面
  • 简版页面(渐变特效)
  • 响应式布局
  • 相信用WebKit内核的浏览器浏览,效果会有加成的...

使用

站点配置

_config.yml配置你的站点信息,详细配置如下:

blog:
	name:                  # 博客名称
	description:           # 博客描述
	title:                 # 网页标题
	url:                   # 博客地址
	duoshuo:               # 多说ID
	tongji:                # 百度统计ID
	qiniu:                 # 七牛云地址
author:
	name:                  # 作者名称
	email:                 # 邮箱地址
	weibo:                 # 微博地址
	github:                # GitHub地址
	logo:                  # logo地址
	douban:
		name:              # 豆瓣地址名称
		key:               # 豆瓣API Key

把以上这些选项的信息全改成你自己的,就配置完成了。

多说评论框

_posts文章默认开启评论框,而简版页面默认关闭。
_posts文章可以在开头设置duoshuo: false来关闭。
简版页面可以在开头设置duoshuo: true来开启。

MathJax数学公式

需要在页面开头添加math: true来开启

在需要用到公式的地方用\\ \\$$ $$括起来

例如:

行内公式:
\\E=mc^2\\

行间公式:
$$E=mc^2$$

创建文章/页面

定位到博客目录,可以运行以下命令

  • 创建文章:rake post title="Post Name"
  • 创建简版页面:rake life title="Page Name"
  • 创建页面: rake page title="Page name"

页面的使用

修改的都是markdown文件

  • 普通页面
    layout项改为blog
  • 简版页面
    layout项改为life
  • 文章
    _posts文件夹下的markdown文件的layout项改为post,使用简版页面就改成life

生成静态博客

把你的博客推送到GitHub或者其它支持Jekyll的代码托管网站就可以了。
具体可以到Jekyll官网GitHub Pages查看详细教程。

下载

Download: Jekyll Light

Source: GitHub

DEMO: Pexcn Blog

截图

01 02 03

许可证

GNU GPL v3

daodaoliang.github.com_bak's People

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.