From 81adf9ca6fb318f7a1b56874373e2febd4d2511a Mon Sep 17 00:00:00 2001
From: Espoir-L <413308430@qq.com>
Date: Fri, 1 Jun 2018 18:33:28 +0800
Subject: [PATCH] =?UTF-8?q?docs:=20=E5=B0=8F=E6=95=85=E4=BA=8B=E5=BC=80?=
 =?UTF-8?q?=E5=8F=91=E6=96=87=E6=A1=A3=E4=B8=AD=E9=9D=99=E6=80=81=E8=B5=84?=
 =?UTF-8?q?=E6=BA=90=E7=9A=84http=E6=94=B9=E4=B8=BAhttps?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 source/doc/story/add-story-animation.md       | 10 +++++-----
 source/doc/story/add-story-before.md          | 12 +++++------
 source/doc/story/add-story-cover.md           | 14 ++++++-------
 source/doc/story/add-story-end.md             |  6 +++---
 source/doc/story/add-story-validate.md        | 20 +++++++++----------
 source/doc/story/resource-access-standard.md  |  8 ++++----
 source/doc/story/resource-audit-process.md    | 12 +++++------
 .../story/resources-introduction-process.md   |  4 ++--
 source/doc/story/resources-make-request.md    |  4 ++--
 source/doc/story/story-case.md                |  4 ++--
 source/doc/story/story-design-guide.md        | 16 +++++++--------
 .../doc/story/story-organization-structure.md |  4 ++--
 12 files changed, 57 insertions(+), 57 deletions(-)

diff --git a/source/doc/story/add-story-animation.md b/source/doc/story/add-story-animation.md
index 5921f68..a4e6f0f 100644
--- a/source/doc/story/add-story-animation.md
+++ b/source/doc/story/add-story-animation.md
@@ -13,7 +13,7 @@ layout: examples
 - 示例：
 
 <div align=center>
-    <img src="http://mipstatic.baidu.com/static/mip-static/mip-story/demo/static/animation3.gif" width="276" height="494" />
+    <img src="https://mipstatic.baidu.com/static/mip-static/mip-story/demo/static/animation3.gif" width="276" height="494" />
 </div>
 
 ​​&emsp;&emsp;`mip-story`组件中已封装好了一些常用的动画类型，您可以按照下面描述的方法使用；
@@ -71,7 +71,7 @@ layout: examples
 - 示例：
 
 <div align=center>
-    <img src="http://mipstatic.baidu.com/static/mip-static/mip-story/demo/static/%E5%B0%8F%E6%95%85%E4%BA%8B%E5%86%85%E7%BD%AE%E5%8A%A8%E7%94%BB.gif" width="276" height="494" />
+    <img src="https://mipstatic.baidu.com/static/mip-static/mip-story/demo/static/%E5%B0%8F%E6%95%85%E4%BA%8B%E5%86%85%E7%BD%AE%E5%8A%A8%E7%94%BB.gif" width="276" height="494" />
 </div>
 
 
@@ -134,7 +134,7 @@ layout: examples
 - 示例：
 
 <div align=center>
-    <img src="http://mipstatic.baidu.com/static/mip-static/mip-story/demo/static/animation-0.png" width="276" height="494" />
+    <img src="https://mipstatic.baidu.com/static/mip-static/mip-story/demo/static/animation-0.png" width="276" height="494" />
 </div>
 
 ​​&emsp;&emsp;在此基础上添加动画，为了使得页面生动，可以添加动画效果。首先制作文本的入口动画，使其在页面中展现淡入的动画效果，像这样添加`animate-in="fade-in"`到`<span>`元素：
@@ -185,7 +185,7 @@ layout: examples
 - 示例：
 
 <div align=center>
-    <img src="http://mipstatic.baidu.com/static/mip-static/mip-story/demo/static/animation3.gif" width="276" height="494" />
+    <img src="https://mipstatic.baidu.com/static/mip-static/mip-story/demo/static/animation3.gif" width="276" height="494" />
 </div>
 
 ## 使用css动画
@@ -203,7 +203,7 @@ layout: examples
     <title>小故事内置动画效果示意图</title>
     <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1,user-scalable=no">
     <link rel="stylesheet" type="text/css" href="https://mipcache.bdstatic.com/static/v1/mip.css">
-    <link rel="canonical" href="http://www.1905.com/mip/oscar">
+    <link rel="canonical" href="https://www.1905.com/mip/oscar">
     <style mip-custom>
 		mip-story {
           	display:none;
diff --git a/source/doc/story/add-story-before.md b/source/doc/story/add-story-before.md
index 7ed1e4e..f1ef4e4 100644
--- a/source/doc/story/add-story-before.md
+++ b/source/doc/story/add-story-before.md
@@ -11,7 +11,7 @@ layout: examples
 - 示例
 
 <div align=center>
-    <img src="http://mipstatic.baidu.com/static/mip-static/mip-story/demo/static/oscar5.gif" width="276" height="494" />
+    <img src="https://mipstatic.baidu.com/static/mip-static/mip-story/demo/static/oscar5.gif" width="276" height="494" />
 </div>
 
 ### 小故事产品构成
@@ -20,7 +20,7 @@ layout: examples
 
 <!-- - 示例 -->
 
-<!-- ![intro-view-layer-element (1)](http://mipstatic.baidu.com/static/mip-static/mip-story/demo/static/intro-view-layer-element.jpg) -->
+<!-- ![intro-view-layer-element (1)](https://mipstatic.baidu.com/static/mip-static/mip-story/demo/static/intro-view-layer-element.jpg) -->
 
 ### 小故事面向人群
 
@@ -28,7 +28,7 @@ layout: examples
 
 ​&emsp;&emsp;在百度搜索结果页的呈现形式如图：
 
-![搜索结果页展示](http://mipstatic.baidu.com/static/mip-static/mip-story/demo/static/%E6%90%9C%E7%B4%A2%E7%BB%93%E6%9E%9C%E9%A1%B5%E5%B1%95%E7%A4%BA.png)
+![搜索结果页展示](https://mipstatic.baidu.com/static/mip-static/mip-story/demo/static/%E6%90%9C%E7%B4%A2%E7%BB%93%E6%9E%9C%E9%A1%B5%E5%B1%95%E7%A4%BA.png)
 
 ## 起步教程
 
@@ -43,7 +43,7 @@ layout: examples
 
 1、下载代码；
 
-- 下载本教程的代码，下载地址如下：[oscar-demo](http://mipstatic.baidu.com/static/mip-static/mip-story/demo/story-demo.zip)；
+- 下载本教程的代码，下载地址如下：[oscar-demo](https://mipstatic.baidu.com/static/mip-static/mip-story/demo/story-demo.zip)；
 - 提取zip文件的内容，减压后在story-demo目录下的oscar-story.html是完整小故事demo的入口。
 
 2、运行示例页面
@@ -52,12 +52,12 @@ layout: examples
 
 - 直接在浏览器中打开（由于 XML HTTP Requests 失败可能会导致某些元素预览失败）。
 - 在本地部署一个服务，如 Apache，Nginx 等。
-   使用 MIP-CLI 辅助预览，使用方法见 MIP 博客：[开发教程一](http://www.cnblogs.com/mipengine/p/mip_cli_1_install.html)。
+   使用 MIP-CLI 辅助预览，使用方法见 MIP 博客：[开发教程一](https://www.cnblogs.com/mipengine/p/mip_cli_1_install.html)。
 
 设置完本地的web服务，通过访问一下URL，可查看小故事的Demo示例：
 
 ```
-http://localhost:8000/oscar-story.html
+https://localhost:8000/oscar-story.html
 ```
 
 ​&emsp;&emsp;完成了以上准备工作，接下来，开始开发属于您自己的小故事。
diff --git a/source/doc/story/add-story-cover.md b/source/doc/story/add-story-cover.md
index b9f6f51..6bb357b 100644
--- a/source/doc/story/add-story-cover.md
+++ b/source/doc/story/add-story-cover.md
@@ -34,7 +34,7 @@ layout: examples
 - **第2层**：故事的标题和副标题
 
 <div align=center>
-    <img src="http://mipstatic.baidu.com/static/mip-static/mip-story/demo/static/story-layer.png" width="350" height="494" />
+    <img src="https://mipstatic.baidu.com/static/mip-static/mip-story/demo/static/story-layer.png" width="350" height="494" />
 </div>
 
 #### 2.1 创建封面的背景图
@@ -58,7 +58,7 @@ layout: examples
 ​​&emsp;&emsp;通过以上代码，可以实现封面图片的显示，图形化界面如下：
 
 <div align=center>
-    <img src="http://mipstatic.baidu.com/static/mip-static/mip-story/demo/static/cover-0.png" width="276" height="494" />
+    <img src="https://mipstatic.baidu.com/static/mip-static/mip-story/demo/static/cover-0.png" width="276" height="494" />
 </div>
 
 #### 2.2 创建封面的内容
@@ -90,7 +90,7 @@ layout: examples
 ​​&emsp;&emsp;通过以上代码，可实现完整的小故事封面，图形化界面如下：
 
 <div align=center>
-    <img src="http://mipstatic.baidu.com/static/mip-static/mip-story/demo/static/cover-6.png" width="276" height="494" />
+    <img src="https://mipstatic.baidu.com/static/mip-static/mip-story/demo/static/cover-6.png" width="276" height="494" />
 </div>
 
 ### `template`布局
@@ -108,7 +108,7 @@ layout: examples
 ```
 
 <div align=center>
-    <img src="http://mipstatic.baidu.com/static/mip-static/mip-story/demo/static/cover-2.png" width="276" height="494" />
+    <img src="https://mipstatic.baidu.com/static/mip-static/mip-story/demo/static/cover-2.png" width="276" height="494" />
 </div>
 
 #### `vertical`
@@ -123,7 +123,7 @@ layout: examples
 ```
 
 <div align=center>
-    <img src="http://mipstatic.baidu.com/static/mip-static/mip-story/demo/static/cover-3.png" width="276" height="494" />
+    <img src="https://mipstatic.baidu.com/static/mip-static/mip-story/demo/static/cover-3.png" width="276" height="494" />
 </div>
 
 
@@ -138,7 +138,7 @@ layout: examples
 </mip-story-layer>
 ```
 <div align=center>
-    <img src="http://mipstatic.baidu.com/static/mip-static/mip-story/demo/static/cover-4.png" width="276" height="494" />
+    <img src="https://mipstatic.baidu.com/static/mip-static/mip-story/demo/static/cover-4.png" width="276" height="494" />
 </div>
 
 #### `thirds`
@@ -159,7 +159,7 @@ layout: examples
 </mip-story-layer>
 ```
 <div align=center>
-    <img src="http://mipstatic.baidu.com/static/mip-static/mip-story/demo/static/cover-5.png" width="276" height="494" />
+    <img src="https://mipstatic.baidu.com/static/mip-static/mip-story/demo/static/cover-5.png" width="276" height="494" />
 </div>
 
 
diff --git a/source/doc/story/add-story-end.md b/source/doc/story/add-story-end.md
index bf287de..77907f1 100644
--- a/source/doc/story/add-story-end.md
+++ b/source/doc/story/add-story-end.md
@@ -41,7 +41,7 @@ layout: examples
 配置完以上信息，您的封底页面就已经初步完成了；
 
 <div align=center>
-    <img src="http://mipstatic.baidu.com/static/mip-static/mip-story/demo/static/share.png" width="276" height="494" />
+    <img src="https://mipstatic.baidu.com/static/mip-static/mip-story/demo/static/share.png" width="276" height="494" />
 </div>
 
 ### recommend
@@ -64,7 +64,7 @@ layout: examples
         "items": [
             {
                 "cover": "https://img6.bdstatic.com/img/image/public/ribenshangying3.jpg",
-                "url": "http://shxingtuan.com/jp_sakura/index.html",
+                "url": "https://shxingtuan.com/jp_sakura/index.html",
                 "title": "日本赏樱推荐",
                 "from": " ",
                 "fromUrl": " "
@@ -90,7 +90,7 @@ layout: examples
 - 示例
 
 <div align=center>
-    <img src="http://mipstatic.baidu.com/static/mip-static/mip-story/demo/static/share.jpeg" width="276" height="494" />
+    <img src="https://mipstatic.baidu.com/static/mip-static/mip-story/demo/static/share.jpeg" width="276" height="494" />
 </div>
 
 
diff --git a/source/doc/story/add-story-validate.md b/source/doc/story/add-story-validate.md
index 1021260..5fb4e7d 100644
--- a/source/doc/story/add-story-validate.md
+++ b/source/doc/story/add-story-validate.md
@@ -16,20 +16,20 @@ layout: examples
 
 ​​&emsp;&emsp;如果校验通过，则会显示绿色的**`SUCCESS → 验证成功，完全符合MIP规范`**提示您页面校验成功。
 
-![success](http://mipstatic.baidu.com/static/mip-static/mip-story/demo/static/success.png)
+![success](https://mipstatic.baidu.com/static/mip-static/mip-story/demo/static/success.png)
 
 ​​&emsp;&emsp;如果校验不通过，则会显示红色的**`ERROR → line x,col x:xxxxxxxx`** 提示您页面校验不成功，并且定位校验错的行号和列号。
 
-![fail](http://mipstatic.baidu.com/static/mip-static/mip-story/demo/static/fail.png)
+![fail](https://mipstatic.baidu.com/static/mip-static/mip-story/demo/static/fail.png)
 
 ### 使用mip命令行工具
 
-​​&emsp;&emsp;使用[MIP-CLI](http://www.cnblogs.com/mipengine/p/mip_cli_1_install.html)工具中的`mip validate`命令。MIP-CLI是mip 开发工具，用于 MIP 页面和组件的开发和校验。依赖环境为 **Node.js (>=4.x)**
-输入`node -v` 查看 node 版本，如果版本为 5.x，6.x，[ 请点击这里 ](http://www.cnblogs.com/mipengine/p/mip_cli_1_install.html#question1)。
+​​&emsp;&emsp;使用[MIP-CLI](https://www.cnblogs.com/mipengine/p/mip_cli_1_install.html)工具中的`mip validate`命令。MIP-CLI是mip 开发工具，用于 MIP 页面和组件的开发和校验。依赖环境为 **Node.js (>=4.x)**
+输入`node -v` 查看 node 版本，如果版本为 5.x，6.x，[ 请点击这里 ](https://www.cnblogs.com/mipengine/p/mip_cli_1_install.html#question1)。
 
 - 示例:
 
-![img](http://mip-doc.bj.bcebos.com/mip-blog-11/11_node_v.png)
+![img](https://mip-doc.bj.bcebos.com/mip-blog-11/11_node_v.png)
 
 将安装好的 node 打开 输入以下指令（mac系统需要sudo）：
 
@@ -45,23 +45,23 @@ $ sudo npm install -g mip-cli
 
 出现以下界面显示正在安装：
 
-![img](http://mip-doc.bj.bcebos.com/mip-blog-11/11_install.png)
+![img](https://mip-doc.bj.bcebos.com/mip-blog-11/11_install.png)
 
-如果安装过程中有报错，[ 请点击这里查看解决办法 ](http://www.cnblogs.com/mipengine/p/mip_cli_1_install.html#question2)。
+如果安装过程中有报错，[ 请点击这里查看解决办法 ](https://www.cnblogs.com/mipengine/p/mip_cli_1_install.html#question2)。
 
 检验是否安装成功可以输入`mip -V`，如果出现 mip 版本号，则表示安装成功。
 
-![img](http://mip-doc.bj.bcebos.com/mip-blog-11/11_mip_V.png)
+![img](https://mip-doc.bj.bcebos.com/mip-blog-11/11_mip_V.png)
 
 ​​&emsp;&emsp;此时您已经成功安装好MIP-CLI，在控制台直接输入`mip validate xxx.html`，其中xxx.html文件为您自己开发的mip页面。您可以查看是否通过校验。
 
 - 可以看到如果成功，控制台将显示以下提示：
 
-![success1](http://mipstatic.baidu.com/static/mip-static/mip-story/demo/static/success1.png)
+![success1](https://mipstatic.baidu.com/static/mip-static/mip-story/demo/static/success1.png)
 
 - 如果失败，控制台会显示失败原因，并且定位错误信息的出处：
 
-![fail1](http://mipstatic.baidu.com/static/mip-static/mip-story/demo/static/fail1.png)
+![fail1](https://mipstatic.baidu.com/static/mip-static/mip-story/demo/static/fail1.png)
 
 ​​​&emsp;&emsp;在校验的同时，可能会有各种报错，那么您可以通过查看[MIP校验错误列表](/doc/2-tech/2-validate-mip.html)来定位出错的位置和原因，修改并且重新校验，校验通过就可以提交部署MIP小故事页面了。
 
diff --git a/source/doc/story/resource-access-standard.md b/source/doc/story/resource-access-standard.md
index 2bb4cc0..496fcd8 100644
--- a/source/doc/story/resource-access-standard.md
+++ b/source/doc/story/resource-access-standard.md
@@ -25,7 +25,7 @@ layout: examples
 
 ​	选题是小故事的中心切入点。例如，“我花样女王的影片介绍”就是本次选题，所有的段落内容都是围绕选题展开的。title是小故事的题目，如图所示，出现在搜索结果页，故事卡片的上方。主题是能够表达选题内容，并且通过一定的修饰语言吸引用户的，类似“副标题”，在title下面展示。好的小故事的title和主题要与选题有较高的相关度。
 
-![19](http://mipstatic.baidu.com/static/mip-static/mip-story/demo/static/19.png)
+![19](https://mipstatic.baidu.com/static/mip-static/mip-story/demo/static/19.png)
 
 （1）title字段覆盖选题
 
@@ -49,19 +49,19 @@ title的字段应该覆盖选题，如选题是“《我，花样女王》”这
 
 图片主体需要在画面中心位置，避免出现主体在边缘的情况，比如人物脸部少一半。
 
-![20](http://mipstatic.baidu.com/static/mip-static/mip-story/demo/static/20.png)
+![20](https://mipstatic.baidu.com/static/mip-static/mip-story/demo/static/20.png)
 
 （3）图片设计风格保持一致
 
 图片风格需要保持一致，避免出现图片主色调及图片风格不一致，会导致阅读过程的画面跳跃，破坏阅读体验。
 
-![21](http://mipstatic.baidu.com/static/mip-static/mip-story/demo/static/21.png)
+![21](https://mipstatic.baidu.com/static/mip-static/mip-story/demo/static/21.png)
 
 （4）图片中品牌外露要符合规范
 
 落地页的封面和封底可以有品牌logo外露，在内容需不能有品牌logo植入，如果需要有品牌爆光，可以用熊掌号方式或是标注式的文字出现。
 
- ![22](http://mipstatic.baidu.com/static/mip-static/mip-story/demo/static/22.png)
+ ![22](https://mipstatic.baidu.com/static/mip-static/mip-story/demo/static/22.png)
 
 **1.1.3**       **内容**
 
diff --git a/source/doc/story/resource-audit-process.md b/source/doc/story/resource-audit-process.md
index 2364a98..4fd8134 100644
--- a/source/doc/story/resource-audit-process.md
+++ b/source/doc/story/resource-audit-process.md
@@ -4,7 +4,7 @@ layout: examples
 
 #### 1.  资源审核流程图
 
-![9](http://mipstatic.baidu.com/static/mip-static/mip-story/demo/static/9.png)
+![9](https://mipstatic.baidu.com/static/mip-static/mip-story/demo/static/9.png)
 
 #### 2.  资源审核对接方式
 
@@ -12,24 +12,24 @@ layout: examples
 - 小故事对接邮箱：story_review@baidu.com
 - 邮件要求
 
-![10](http://mipstatic.baidu.com/static/mip-static/mip-story/demo/static/10.png)
+![10](https://mipstatic.baidu.com/static/mip-static/mip-story/demo/static/10.png)
 
 #### 3.  资源审核上线物料要求
 
 1）素材与主题、title
 
-![11](http://mipstatic.baidu.com/static/mip-static/mip-story/demo/static/11.png)
+![11](https://mipstatic.baidu.com/static/mip-static/mip-story/demo/static/11.png)
 
 2）KEY：与故事主题相关的关键词
 
 3）URL：故事URL
 
-![12](http://mipstatic.baidu.com/static/mip-static/mip-story/demo/static/12.png)
+![12](https://mipstatic.baidu.com/static/mip-static/mip-story/demo/static/12.png)
 
 4）代码校验成功截图示例（仅首次申请需要提供）
 
-![13](http://mipstatic.baidu.com/static/mip-static/mip-story/demo/static/13.png)
+![13](https://mipstatic.baidu.com/static/mip-static/mip-story/demo/static/13.png)
 
 5）搜索资源完成绑定截图示例（仅首次申请需要提供）
 
-![14](http://mipstatic.baidu.com/static/mip-static/mip-story/demo/static/14.png)
\ No newline at end of file
+![14](https://mipstatic.baidu.com/static/mip-static/mip-story/demo/static/14.png)
\ No newline at end of file
diff --git a/source/doc/story/resources-introduction-process.md b/source/doc/story/resources-introduction-process.md
index 7adb4ca..5e4b9b4 100644
--- a/source/doc/story/resources-introduction-process.md
+++ b/source/doc/story/resources-introduction-process.md
@@ -4,7 +4,7 @@ layout: examples
 
 #### 1.  资源引入流程图
 
-![17](http://mipstatic.baidu.com/static/mip-static/mip-story/demo/static/17.png)
+![17](https://mipstatic.baidu.com/static/mip-static/mip-story/demo/static/17.png)
 
 #### 2.  资源引入对接方式
 
@@ -14,7 +14,7 @@ layout: examples
 
 **资质问卷提交地址：**https://iwenjuan.baidu.com/?code=rcq1kj
 
- ![18](http://mipstatic.baidu.com/static/mip-static/mip-story/demo/static/18.png)
+ ![18](https://mipstatic.baidu.com/static/mip-static/mip-story/demo/static/18.png)
 
 #### 3.  资源引入资质要求介绍
 
diff --git a/source/doc/story/resources-make-request.md b/source/doc/story/resources-make-request.md
index 24b2bbf..323ef18 100644
--- a/source/doc/story/resources-make-request.md
+++ b/source/doc/story/resources-make-request.md
@@ -4,6 +4,6 @@ layout: examples
 
 #### 1.  物料准备
 
-#### ![15](http://mipstatic.baidu.com/static/mip-static/mip-story/demo/static/15.png)2.  物料要求
+#### ![15](https://mipstatic.baidu.com/static/mip-static/mip-story/demo/static/15.png)2.  物料要求
 
-![16](http://mipstatic.baidu.com/static/mip-static/mip-story/demo/static/16.png)
\ No newline at end of file
+![16](https://mipstatic.baidu.com/static/mip-static/mip-story/demo/static/16.png)
\ No newline at end of file
diff --git a/source/doc/story/story-case.md b/source/doc/story/story-case.md
index 946a46c..7fa2030 100644
--- a/source/doc/story/story-case.md
+++ b/source/doc/story/story-case.md
@@ -2,11 +2,11 @@ title: Case示例
 layout: examples
 ---
 
-![23](http://mipstatic.baidu.com/static/mip-static/mip-story/demo/static/23.png)
+![23](https://mipstatic.baidu.com/static/mip-static/mip-story/demo/static/23.png)
 
 https://m.baidu.com/mip/c/s/mipstatic.baidu.com/static/mip-static/mip-story/story-cherry/cherry.html?story=1&word=%E6%A8%B1%E8%8A%B1&title=%E6%A8%B1%E8%8A%B1&lid=8868171627508867382&referlid=8868171627508867382&ms=1&frsrcid=37243&frorder=2
 
-![24](http://mipstatic.baidu.com/static/mip-static/mip-story/demo/static/24.png)
+![24](https://mipstatic.baidu.com/static/mip-static/mip-story/demo/static/24.png)
 
 https://m.baidu.com/mip/c/mipstatic.baidu.com/static/mip-static/mip-story/story-film/figure-the-queen.html?story=1&word=%E6%88%91%E8%8A%B1%E6%A0%B7%E5%A5%B3%E7%8E%8B&title=%E6%88%91%E8%8A%B1%E6%A0%B7%E5%A5%B3%E7%8E%8B&lid=8973726384989163117&referlid=8973726384989163117&ms=1&frsrcid=37186&frorder=2
 
diff --git a/source/doc/story/story-design-guide.md b/source/doc/story/story-design-guide.md
index 97e4b83..72d820c 100644
--- a/source/doc/story/story-design-guide.md
+++ b/source/doc/story/story-design-guide.md
@@ -10,7 +10,7 @@ layout: examples
 
 裁剪后是竖版 16:9 (875X1555px )
 
-![1](http://mipstatic.baidu.com/static/mip-static/mip-story/demo/static/1.png)
+![1](https://mipstatic.baidu.com/static/mip-static/mip-story/demo/static/1.png)
 
 
 
@@ -20,11 +20,11 @@ layout: examples
 
 全底图模板，可替换底图及⽂文案
 
-![2](http://mipstatic.baidu.com/static/mip-static/mip-story/demo/static/2.png)
+![2](https://mipstatic.baidu.com/static/mip-static/mip-story/demo/static/2.png)
 
 简约杂志模板，可配置背景色
 
-![3](http://mipstatic.baidu.com/static/mip-static/mip-story/demo/static/3.png)
+![3](https://mipstatic.baidu.com/static/mip-static/mip-story/demo/static/3.png)
 
 
 
@@ -38,7 +38,7 @@ layout: examples
 
 模板地址：https://ecloud.baidu.com?t=09bdf24ae1e67894e3ad4182960e91ac922aaa49689945d3
 
-![4](http://mipstatic.baidu.com/static/mip-static/mip-story/demo/static/4.png)
+![4](https://mipstatic.baidu.com/static/mip-static/mip-story/demo/static/4.png)
 
 
 
@@ -49,7 +49,7 @@ layout: examples
 模板地址：
 <https://ecloud.baidu.com?t=09bdf24ae1e67894e3ad4182960e91ac922aaa49689945d3>
 
-![5](http://mipstatic.baidu.com/static/mip-static/mip-story/demo/static/5.png)
+![5](https://mipstatic.baidu.com/static/mip-static/mip-story/demo/static/5.png)
 
 
 
@@ -57,12 +57,12 @@ layout: examples
 
 原始未裁切素材；符合规范中的尺寸及要求；
 
-![6](http://mipstatic.baidu.com/static/mip-static/mip-story/demo/static/6.png)
+![6](https://mipstatic.baidu.com/static/mip-static/mip-story/demo/static/6.png)
 
 运用裁图规则后的封面图
 
-![7](http://mipstatic.baidu.com/static/mip-static/mip-story/demo/static/7.png)
+![7](https://mipstatic.baidu.com/static/mip-static/mip-story/demo/static/7.png)
 
 当内容需要用到全文字表现时，图片可以虚化为背景使用
 
-![8](http://mipstatic.baidu.com/static/mip-static/mip-story/demo/static/8.png)
\ No newline at end of file
+![8](https://mipstatic.baidu.com/static/mip-static/mip-story/demo/static/8.png)
\ No newline at end of file
diff --git a/source/doc/story/story-organization-structure.md b/source/doc/story/story-organization-structure.md
index 3c8f8e1..07052e2 100644
--- a/source/doc/story/story-organization-structure.md
+++ b/source/doc/story/story-organization-structure.md
@@ -21,13 +21,13 @@ layout: examples
 - 每个段落又可以包含多个层（layer），单个层可以设置布局模式，如多行布局，左右布局，图片拉伸布局等。
 - 元素（element）是资源素材，如背景图，主标题，详细描述等。在 `<h1>`、`<p>`、`<mip-img>` 等标签中声明。
 
-![intro-view-layer-element (1)](http://mipstatic.baidu.com/static/mip-static/mip-story/demo/static/intro-view-layer-element.jpg)
+![intro-view-layer-element (1)](https://mipstatic.baidu.com/static/mip-static/mip-story/demo/static/intro-view-layer-element.jpg)
 
 ​&emsp;&emsp;这里的每一个元素都是一个mip组件，其中故事组件 为`mip-story`，段落为`mip-story-view`，层为`mip-story-layer`，元素为资源素材，如背景图，主标题，详细描述等。在 `<h1>`、`<p>`、`<mip-img>` 等标签中声明。
 
 
 
-![mip-story-tag-hierarchy](http://mipstatic.baidu.com/static/mip-static/mip-story/demo/static/demo-story1.png)
+![mip-story-tag-hierarchy](https://mipstatic.baidu.com/static/mip-static/mip-story/demo/static/demo-story1.png)
 
 ## 开发小故事