全新的设计 yes

app/assets/stylesheets/blogs.css.scss

@@ -0,0 +1,36 @@
+.blog-title {
+  border-bottom: 1px solid #dddddd;
+  padding: 0.5rem 0;
+}
+
+.ptag {
+  text-align: right;
+  margin-bottom: 0.5rem;
+  span {
+    margin-left: 0.5rem;
+  }
+}
+
+.content {
+  padding-top: 0.5rem;
+}
+
+.read-more {
+  border-bottom: 1px solid #dddddd;
+  padding-bottom: 0.5rem;
+  margin-bottom: 0.275rem;
+}
+
+.published-at {
+  text-align: right;
+}
+
+.recent-title {
+  border-bottom: 1px solid #dddddd;
+  padding-bottom: 0.5rem;
+  margin-bottom: 0.275rem;
+}
+
+.recent-content {
+  padding-bottom: 3rem;
+}

app/assets/stylesheets/footer.css.scss

@@ -0,0 +1,8 @@
+.footer {
+  border-top: 1px solid #dddddd;
+  padding: 1rem 0 2rem;
+  text-align: right;
+  .link {
+    margin-right: 1rem;
+  }
+}

app/assets/stylesheets/global.css.scss

@@ -1 +0,0 @@
-

app/views/blogs/index.html.slim

@@ -1,6 +1,40 @@
 .row
   .small-12.large-8.columns
-    - 5.times do
-      p hello world
-  .large-4.columns
-    p 订阅
+    h2.blog-title 科学是什么
+    p.ptag
+      | 分类: 
+      span 技术
+    p.ptag
+      | 标签:
+      span 生活, 感悟
+    .content
+      p 没错, 科学只是哲学的一个部分, 所以此书给我最大的收获是, 科学只是一种实用主义. 只是这种实用主义更纯粹些:
+      p
+        |  1. 任何公理都值得怀疑
+        |  2. 能够验证与重复
+
+      p 瞧, 第 2 点的感觉就是说, 太阳一直东方升起, 这就是科学, 因为我们一直在重复这个结论. 但是, 我们知道, 1000万年后, 我们可能就再也看不到太阳了, 所以这个结论还需要修正. 这就是科学的本质.
+
+      p  再举个历史的例子: 
+
+      p
+        |  1. 地球是平的
+        |  2. 地球是圆的
+        |  3. 地球是椭圆的
+      p.read-more 阅读全文 >>
+      p.published-at 发表于 2014-2-12
+
+    h4.recent-title RECENT
+    ul.recent-content
+      li 你是我的朋友 
+      li 该更新装备了
+  .large-3.columns.large-offset-1
+    h4 WELCOME
+    hr
+    p 我是李亚飞, WinDy 是我的网名, 又名风一样的男子.
+
+    h4 ABOUTME
+    hr
+    p 关于我
+    p 中国 * 深圳
+    p 邮件订阅, 微信扫一扫

app/views/layouts/_footer.html.slim

@@ -0,0 +1,5 @@
+.row
+  .small-12.columns
+    .footer
+      span.link yafeilee.me
+      span.time 2012 - 2014

app/views/layouts/application.html.slim

@@ -23,11 +23,11 @@ html
             li
               label Menu
             li
-              a href="#" 技术
+              a href="#" 技 术
             li
-              a href="#" 生活
+              a href="#" 生 活
             li
-              a href="#" 创业
+              a href="#" 创 业
             li
               label Archive
             li
@@ -37,6 +37,7 @@ html
               a href="#" 关于我
         section.main-section 
           = yield
+          = render "layouts/footer"
       a.exit-off-canvas