Github Pages+Jekyll搭建博客注意事项

发表于

不管怎么样也终于有个大概的样子了，虽然在不懂CSS HTML 等知识的情况下改模板简直难得哭晕在厕所，但总算也是有了雏形，希望在日后能够尽快地提高码力，写出自己真正喜欢的模板。

​ 在整个搭建过程中，参考了好多个教程，但是还是碰到了一些旧版教程中无法解决的问题。

RubyGems镜像

​ 大部分教程中的淘宝镜像现在已经不好用了，但是RubyChina更新了新的镜像RubyGems镜像

响应式设计

​ “响应式设计（Responsive Design）”是一种让网站针对不同的浏览器和设备“响应”不同显示效果的策略，这样可以让网站在任何情况下显示的很棒！

​ 媒体查询是做此事所需的最强大的工具。让我们使用百分比宽度来布局，然后在浏览器变窄到无法容纳侧边栏中的菜单时，把布局显示成一列：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
@media screen and (min-width:600px) {
  nav {
    float: left;
    width: 25%;
  }
  section {
    margin-left: 25%;
  }
}
@media screen and (max-width:599px) {
  nav li {
    display: inline;
  }
}