docs: 小故事开发文档中静态资源的http改为https

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;

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,15 +20,15 @@ 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) -->
 
 ### 小故事面向人群
 
 ​&emsp;&emsp;小故事采用开放的[MIP技术](https://www.mipengine.org/)，能让站长、自媒体、开发者、商家等各种可以提供优质有创意内容的人群使用工具或MIP技术进行小故事创作。
 
 ​&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;完成了以上准备工作，接下来，开始开发属于您自己的小故事。

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>
 
 

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>
 
 

source/doc/story/add-story-validate.md

@@ -16,20 +16,20 @@ layout: examples
 
 ​​  如果校验通过，则会显示绿色的**`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)
 
 ​​  如果校验不通过，则会显示红色的**`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命令行工具
 
-​​  使用[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)。
+​​  使用[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)
 
 ​​  此时您已经成功安装好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)
 
 ​​​  在校验的同时，可能会有各种报错，那么您可以通过查看[MIP校验错误列表](/doc/2-tech/2-validate-mip.html)来定位出错的位置和原因，修改并且重新校验，校验通过就可以提交部署MIP小故事页面了。
 

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**       **内容**
 

source/doc/story/resource-audit-process.md

@@ -4,32 +4,32 @@ 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.  资源审核对接方式
 
 - 主题审核对接机制：讨论组或者微信群对接，需业务方审核主题内容通过邮件形式对接
 - 小故事对接邮箱：[email protected]
 - 邮件要求
 
-![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)
+![14](https://mipstatic.baidu.com/static/mip-static/mip-story/demo/static/14.png)

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.  资源引入资质要求介绍
 

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)
+![16](https://mipstatic.baidu.com/static/mip-static/mip-story/demo/static/16.png)

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