+
+### 小故事产品构成
+
+ 每个小故事（Story）下有多个段落（View），每个段落（View）可自由组合音频、视频、图片、GIF、文字等富媒体元素(Element)。
+
+
+
+
+
+### 小故事面向人群
+
+ 小故事采用开放的[MIP技术](https://www.mipengine.org/)，能让站长、自媒体、开发者、商家等各种可以提供优质有创意内容的人群使用工具或MIP技术进行小故事创作。
+
+ 在百度搜索结果页的呈现形式如图：
+
+
+
+## 起步教程
+
+### 1. 技术储备
+
+开发一个小故事的技术储备：
+
+1. HTML，CSS和JavaScript的基本知识；
+2. 对MIP的基础原理和规范，请参考[MIP 的开发文档](https://www.mipengine.org/doc/00-mip-101.html) ；
+
+### 2、开发环境准备，Run起示例Demo
+
+1、下载代码；
+
+- 下载本教程的代码，下载地址如下：[oscar-demo](http://mipstatic.baidu.com/static/mip-static/mip-story/demo/story-demo.zip)；
+- 提取zip文件的内容，减压后在story-demo目录下的oscar-story.html是完整小故事demo的入口。
+
+2、运行示例页面
+
+ 运行示例代码的方法如同启动MIP页面的服务，MIP 页文件可以直接运行，你可以选择如下方式，像预览普通 HTML 站点一样预览 MIP-HTML 页面：
+
+- 直接在浏览器中打开（由于 XML HTTP Requests 失败可能会导致某些元素预览失败）。
+- 在本地部署一个服务，如 Apache，Nginx 等。
+ 使用 MIP-CLI 辅助预览，使用方法见 MIP 博客：[开发教程一](http://www.cnblogs.com/mipengine/p/mip_cli_1_install.html)。
+
+设置完本地的web服务，通过访问一下URL，可查看小故事的Demo示例：
+
+```
+http://localhost:8000/oscar-story.html
+```
+
+完成了以上准备工作，那么接下来，让我们开始开发属于你自己的小故事。
+
+
+## 我的标签
+
+[第一篇、开发小故事前期准备](https://www.mipengine.org/doc/story/create1.html)
+
+[第二篇、小故事的组织结构](https://www.mipengine.org/doc/story/create2.html)
+
+[第三篇、创建小故事的封面](https://www.mipengine.org/doc/story/create3.html)
+
+[第四篇、开发更丰富的小故事段落](https://www.mipengine.org/doc/story/create4.html)
+
+[第五篇、小故事内置动画](https://www.mipengine.org/doc/story/create5.html)
+
+[第六篇、创建小故事的封底页面](https://www.mipengine.org/doc/story/create6.html)
+
+[第七篇、小故事的添加统计](https://www.mipengine.org/doc/story/create7.html)
+
+[第八篇、小故事的MIP规范校验](https://www.mipengine.org/doc/story/create8.html)
+
+
diff --git a/source/doc/story/create2.md b/source/doc/story/create2.md
new file mode 100644
index 0000000..c38a55f
--- /dev/null
+++ b/source/doc/story/create2.md
@@ -0,0 +1,110 @@
+
+title: 创建小故事-小故事的组织结构
+layout: doc
+---
+
+## 小故事的组织结构
+
+ 本篇主要讲解小故事的结构划分和代码结构；
+
+## 知识储备
+
+ 在阅读本篇前，您需要了解什么小故事，如果您还不了解什么是小故事，可以查看[开发小故事前期准备](https://www.mipengine.org/doc/story/create1.html)了解基础信息；
+
+
+## 小故事的组织结构介绍
+
+ 小故事主要由 [mip-story 组件](/examples/mip-extensions/mip-story.html) 承载，充当小故事中所有段落的容器，按照段落个数自动生成段落导航，返回链接，段落播放完的重播和分享功能。
+
+小故事具有三个基本概念：段落（view），层（layer）和元素（element）.
+
+- 每个小故事可以包含多个段落（view），每个段落充满屏幕。用户操作翻页后，会看到下一个段落。
+- 每个段落又可以包含多个层（layer），单个层可以设置布局模式，如多行布局，左右布局，图片拉伸布局等。
+- 元素（element）是资源素材，如背景图，主标题，详细描述等。在 ``、` `、``、`