Update pictures and contact (#18)

* Update pictures and contact
* Fix old docs issue

Author: pftom

assets/s1.png

@@ -53,8 +53,8 @@
 图雀起源于传统的技术博客，但是却致力于解决一些根本性的问题：
 
 - 传统博文的书写具有很大的随意性，导致文章质量差异很大，而图雀试图用一种统一的模式去书写教程（查看[开始书写教程](./start-writing.md)）——即基于一个真实的 Git 仓库的提交记录构成教程，确保每一篇教程的可实践性
-- 优质的技术博客散落在互联网的各个角落，很难“一网打尽”，而图雀试图提供一个汇聚优质博文和作者的平台，让学习者不必再苦苦寻找
-- 传统博客的互动非常有限（一般都只有文后评论），而图雀试图提供一个方便且强大的社区功能，让作者和读者的沟通交流更加方便
+- 优质的技术博客散落在互联网的各个角落，很难“一网打尽”，而[图雀试图](https://tuture.co/)提供一个汇聚优质博文和作者的平台，让学习者不必再苦苦寻找
+- 传统博客的互动非常有限（一般都只有文后评论），而图雀试图提供一个方便且强大的社区功能：1）每篇教程都会标明作者和其撰写教程的 Github 仓管，使得读者可以以 [Github Issue](https://github.com/tuture-dev/comments/issues) 的方式和作者直接交流改进教程内容；2）我们同时开通了 [Gitter](https://gitter.im/tuture-dev/tuture) 交流频道，使得作者和读者可以更加实时的交流想法，沉淀知识
 
 ## 写作体验的革命
 

assets/s2.png

@@ -30,9 +30,10 @@ $ git submodule add <repo_git_url> tutorials/<repo_name>
 
 ```bash
 $ npm install
-$ npm run buildTutorials
+$ npm run build:tutorials
 $ npm start
 ```
+
 :::
 
 4. 提交修改并上传：
@@ -63,12 +64,12 @@ $ tuture build
 
 ### 涉及有图片资源的情形
 
-如果您的教程中有图片资源，图雀会将默认的图片文件夹（即 tuture-assets）整个复制到构建的 Markdown 文档同一目录下。如果您想要自定义的路径前缀，build 命令提供了一个参数 `--assetsPath` 用于替换所有图片资源的路径前缀，并且所有图片会放入到。
+如果您的教程中有图片资源，图雀会将默认的图片文件夹（即 tuture-assets）整个复制到构建的 Markdown 文档同一目录下。如果您想要自定义的路径前缀，build 命令提供了一个参数 `--assetsPath` 用于替换所有图片资源的路径前缀，并且所有图片会放入到这个路径里面。
 
 例如，原先教程中图片的 Markdown 代码可能是 `![](tuture-assets/img.png)，那么通过运行以下命令：
 
 ```bash
 $ tuture build --assetsPath=images
 ```
 
-对应的图片代码就会替换成 `![](images/img.png)`。
+对应的图片代码就会替换成 `![](images/img.png)`。

assets/s3.png

@@ -31,7 +31,10 @@ Windows 用户请在 Git 附带的 **Git Bash** 中运行所有命令。
 ```bash
 $ tuture init
 ? Tutorial Name 用 HTML 和 CSS 写简单的静态页面
+? Description
 ? Topics HTML,CSS
+? Categories
+info Inferred github repository: https://github.com/pftom/my-awesome-tutorial. Feel free to revise or delete it.
 info .gitignore file created.
 info Git post-commit hook added.
 success Tuture tutorial has been initialized!
@@ -56,7 +59,10 @@ success Tuture tutorial has been initialized!
 - `.gitignore`，这个文件大家都很熟悉了。Tuture 自动添加了忽略 `.tuture` 目录的规则，这里我们再添加一些 Node 项目的规则：
 
   ```
+  # Tuture-related files
+  
   .tuture
+  tuture-build
   node_modules
   ```
 
@@ -66,12 +72,17 @@ success Tuture tutorial has been initialized!
 
   ```yaml
   name: 用 HTML 和 CSS 写简单的静态页面
+  description: ''
   topics:
     - HTML
     - CSS
+  created: 2019-12-14T08:10:45.855Z
+  updated: 2019-12-14T08:10:45.855Z
   steps: []
+  id: 29cb98ae3ed81bdcb988968cd4f79f8f
+  github: "https://github.com/pftom/my-awesome-tutorial"
   ```
-
+  
   ::: tip 提示
   参考 [tuture.yml 详细说明](/reference/tuture-yml-spec.md)以了解所有字段的含义。如果你对 YAML 语法不太熟悉也没有关系，因为实际写教程的时候我们基本上不需要编辑此文件。
   :::
@@ -179,7 +190,7 @@ $ git commit -m "添加 CSS 样式表"
 
 ![](../assets/s4.png)
 
-点击 Markdown 编辑器的预览按钮，就能看到我们刚才插入的图片了！
+可以看到 Markdown 编辑器右边的预览展示了我们插入的图片！
 
 ![](../assets/s5.png)