前期准备工作

1. 首先你要在github上生成name.github.io项目(name是你的注册名不是昵称)，并将SSH密钥设置到github上，这里可以参考我git标签下的一篇SSH免密文章
2. 安装hexo npm install -g hexo
3. hexo init s(会生成一个欢迎界面并开启服务，你可以预览)
   阅读全文 »

常见垂直居中方式

相对定位

1
2
3
4
5
6
7
8
9
10

.content {
	position: relative;
	top: 50%;		//垂直居中
	margin:0 auto;//水平居中
	margin-top: -100px;//减去自身的高度一半
	
	background-color: #6699FF;
	width: 200px;
	height: 200px;
}

CSS3

Animation

1. 首先先定义动画

   1 2 3 4 5 6 7

   @-webkit-keyframes name { 0% {background:red; left:0px; top:0px;} 25% {background:yellow; left:200px; top:0px;} 50% {background:blue; left:200px; top:200px;} 75% {background:green; left:0px; top:200px;} 100% {background:red; left:0px; top:0px;} }