Update README.md

README.md

@@ -23,6 +23,7 @@
 * Share Qrcode
 * SEO
 * Immersive Status Bar
+* Article Catalog
 
 ## Install
 
@@ -36,19 +37,19 @@
    cp -R themes/vexo/_source/* source/
    ```
 
-2. Modify `_config.yml` with your own info. look like this
+2. Update project `_config.yml` theme config, look like this
 
    ```
    themes: vexo
    ```
 
    Here theme's name must same as the theme folder name.
 
-3. Or you can copy my theme `_config.yml` into you hexo blog directory , replace default `_config.yml`
+3. Modify theme `themes/vexo/_config.yml` with your own info.
 
 4. That's all , hope you will like :)
 
-## Update
+## Update Version
 
 ```
 cd themes/vexo
@@ -63,16 +64,20 @@ The **front-matter** of a post looks like that:
 ---
 title: "Hello World"
 date: 2016-06-10 23:00
-banner: http://your-banner-image-link.jpg
+banner: your-banner-link.jpg
 tags:
  - Movies
  - Life
 ---
 ```
 
-Add to top of your article markdown file. 
+Add this to the top of your article markdown file. 
 
 ## Change Log  
+**2017-09-21**
+* Added article catalog
+* Fixed bugs
+
 **2017-08-08**
 * Added article custom banner
 * Fixed gitment error

_config.yml

@@ -36,4 +36,10 @@ baidu_id:
 about: 
   banner: http://file.muyutech.com/about.jpg
   avatar: https://avatars3.githubusercontent.com/u/16443628?v=3&s=460
-  description: The end is always near.
+  description: The end is always near.
+  # Links
+  weibo_username: yanm1ng
+  twitter_username: yanm1ng
+  github_username: yanm1ng
+  zhihu_username: yummy1121
+  douban_username: yanm1ng

layout/about.ejs

@@ -6,40 +6,40 @@
   <h3><%- config.author %></h3>
   <p class="discription"><%- theme.about.description %></p>
   <section class="share-icons">
-    <% if (config.weibo_username) { %>
-      <a class="icon-weibo" href="http://weibo.com/<%- config.weibo_username %>" target="_blank">
+    <% if (theme.about.weibo_username) { %>
+      <a class="icon-weibo" href="http://weibo.com/<%- theme.about.weibo_username %>" target="_blank">
         <span class="fa-stack fa-lg">
           <i class="fa fa-circle fa-stack-2x"></i>
           <i class="fa fa-weibo fa-stack-1x fa-inverse"></i>
         </span>
       </a>
     <% } %>
-    <% if (config.twitter_username) { %>
-      <a class="icon-twitter" href="https://twitter.com/<%- config.twitter_username %>" target="_blank">
+    <% if (theme.about.twitter_username) { %>
+      <a class="icon-twitter" href="https://twitter.com/<%- theme.about.twitter_username %>" target="_blank">
         <span class="fa-stack fa-lg">
           <i class="fa fa-circle fa-stack-2x"></i>
           <i class="fa fa-twitter fa-stack-1x fa-inverse"></i>
         </span>
       </a>
     <% } %>
-    <% if (config.github_username) { %>
-      <a class="icon-github" href="https://github.com/<%- config.github_username %>" target="_blank">
+    <% if (theme.about.github_username) { %>
+      <a class="icon-github" href="https://github.com/<%- theme.about.github_username %>" target="_blank">
         <span class="fa-stack fa-lg">
           <i class="fa fa-circle fa-stack-2x"></i>
           <i class="fa fa-github fa-stack-1x fa-inverse"></i>
         </span>
       </a>
     <% } %>
-    <% if (config.zhihu_username) { %>
-      <a class="icon-zhihu" href="https://www.zhihu.com/people/<%- config.zhihu_username %>" target="_blank">
+    <% if (theme.about.zhihu_username) { %>
+      <a class="icon-zhihu" href="https://www.zhihu.com/people/<%- theme.about.zhihu_username %>" target="_blank">
         <span class="fa-stack fa-lg">
           <i class="fa fa-circle fa-stack-2x"></i>
           <i class="fa fa-stack-1x fa-inverse">知</i>
         </span>
       </a>
     <% } %>
-    <% if (config.douban_username) { %>
-        <a class="icon-douban" href="https://www.douban.com/people/<%- config.douban_username %>" target="_blank">
+    <% if (theme.about.douban_username) { %>
+        <a class="icon-douban" href="https://www.douban.com/people/<%- theme.about.douban_username %>" target="_blank">
             <span class="fa-stack fa-lg">
                 <i class="fa fa-circle fa-stack-2x"></i>
                 <i class="fa fa-stack-1x fa-inverse">豆</i>