Change images to JPG format

Author: mrcfps

.DS_Store

@@ -78,12 +78,5 @@ typings/
 
 # End of https://www.gitignore.io/api/node
 
-# Created by https://www.gitignore.io/api/ansible
-
-### Ansible ###
-*.retry
-
-
-# End of https://www.gitignore.io/api/ansible
-
 .vscode
+.DS_Store

.gitignore

@@ -117,7 +117,7 @@ $ git commit -m "写一个最简单的 HTML 页面"
 
 运行 `tuture up` 命令，会弹出浏览器编辑页面：
 
-![](../assets/s1.png)
+![](../assets/s1.jpg)
 
 可以看到，tuture 已经帮我们整理好了教程的结构，并且把刚才提交的代码变化罗列了出来。
 
@@ -129,7 +129,7 @@ $ git commit -m "写一个最简单的 HTML 页面"
 
 我们只需点击各个地方的“编写”按钮，就可以在弹出的 Markdown 编辑框中进行编辑了。编辑完成后点击“确定”按钮后，教程的第一步已经写好了：
 
-![](../assets/s2.png)
+![](../assets/s2.jpg)
 
 右边红色的框中是**步骤文件目录**，列出了这一步骤中的所有发生修改的文件。黑色的文件名表示这一文件将在教程中展示（例如上面的 index.html），而灰色的文件名则表示此文件被隐藏（例如 .gitignore 和 tuture.yml）。点击每个文件名框右侧的“眼睛”按钮即可调整显示/隐藏状态。
 
@@ -180,19 +180,19 @@ $ git commit -m "添加 CSS 样式表"
 
 回到浏览器编辑界面，会发现第二步骤已经自动添加了进去：
 
-![](../assets/s3.png)
+![](../assets/s3.jpg)
 
 可以看到 Tuture 为我们把 `index.html` 的变化非常清晰地标注了出来，这能够让阅读教程的读者轻松地跟上你的节奏，边看边亲身实践。
 
 我们希望先讲解 `style.css` 再讲解 `index.html`，这可以通过上面提到的步骤文件目录来调整——通过拖动文件名框来调整展示的顺序。
 
 调整好顺序后，我们继续编写第二步的讲解文字。在第二步的最后，我们希望插入最后写好的页面的展示图片。点击 Markdown 编辑器右上角的“插入图片”按钮，或是直接将图片粘贴到编辑区域中，即可完成图片的插入：
 
-![](../assets/s4.png)
+![](../assets/s4.jpg)
 
 可以看到 Markdown 编辑器右边的预览展示了我们插入的图片！
 
-![](../assets/s5.png)
+![](../assets/s5.jpg)
 
 这样我们就完成了一个非常简短的教程。点击右下角的“保存”按钮，就可以欣赏我们的作品了！