增加了文字图标

Gemfile

@@ -11,6 +11,7 @@ gem 'coffee-rails', '~> 4.0.1'
 gem 'uglifier', '>= 1.3.0'
 gem 'jquery-rails'
 gem 'foundation-rails', '~> 5.2.1'
+gem 'foundation-icons-sass-rails'
 
 gem "mongoid"
 gem "mongoid-pagination"

app/assets/stylesheets/foundation_and_overrides.scss

@@ -1189,6 +1189,7 @@
 // $include-html-visibility-classes: $include-html-classes;
 
 @import 'foundation';
+@import 'foundation-icons';
 
 #like-button {
   color:  #eaa296;

app/assets/stylesheets/head.css.scss

@@ -4,3 +4,9 @@
     color: #F7F7F7;
   }
 }
+
+.off-canvas-list {
+  i {
+    margin-right: 0.5rem;
+  }
+}

app/views/archives/index.html.slim

@@ -2,13 +2,13 @@ ul
   li
     a href="#" 科学是什么
     p
-      | 分类:
+      i.fi-list
       span 技术
-      | 标签:
+      i.fi-pricetag-multiple
       span 生活, 感悟
-      | 浏览数:
+      i.fi-torsos
       span 1010
-      | 喜欢:
+      i.fi-heart
       span 10
   li
     a href="#" 科学是什么

app/views/layouts/application.html.slim

@@ -24,18 +24,28 @@ html
             li
               label Menu
             li
-              a href="#" 技 术
+              = link_to '/tech' do
+                i.fi-social-evernote
+                | 技术
             li
-              a href="#" 生 活
+              = link_to '/life' do
+                i.fi-torsos-male-female
+                | 生活
             li
-              a href="#" 创 业
+              = link_to '/creator' do
+                i.fi-lightbulb
+                | 创业
             li
               label Archive
             li
-              = link_to '时间线', archives_path
+              = link_to archives_path do
+                i.fi-align-justify
+                | 时间线
             li
-              label AboutMe
-              a href="#" 关于我
+              label About
+              = link_to about_path do
+                i.fi-torso
+                | 关于我
         section.main-section 
           = yield
           = render "layouts/footer"

config/routes.rb

@@ -19,5 +19,5 @@ WBlog::Application.routes.draw do
   end
   get '/about' => 'home#index'
   get '/admin' => 'admin/posts#new'
-  get '/:type' => 'blogs#index'
+  get '/:type' => 'archives#index'
 end