diff --git a/01 Getting started/04 Hello Triangle.md b/01 Getting started/04 Hello Triangle.md
index 761eb18..f35eac7 100644
--- a/01 Getting started/04 Hello Triangle.md	
+++ b/01 Getting started/04 Hello Triangle.md	
@@ -20,7 +20,7 @@
 
 在下面，你会看到一个图形渲染管线的每个阶段的抽象表达。要注意蓝色部分代表的是我们可以自定义的着色器。
 
-![](http://geequlim.com/assets/img/blog/LearnOpenGL/01 Getting started/OpenGL_pipline_cn.png)
+![](../img/OpenGL_pipline_cn.png)
 
 如你所见，图形渲染管线包含很多部分，每个都是将你的顶点数据转变为最后渲染出来的像素这个大过程中的一个特定阶段。我们会概括性地解释渲染管线的每个部分，从而使你对图形渲染管线的工作方式有个大概了解。
 
diff --git a/04 Advanced OpenGL/02 Stencil testing.md b/04 Advanced OpenGL/02 Stencil testing.md
index 0f8619f..eb2c1cc 100644
--- a/04 Advanced OpenGL/02 Stencil testing.md	
+++ b/04 Advanced OpenGL/02 Stencil testing.md	
@@ -190,7 +190,7 @@ glEnable(GL_DEPTH_TEST);
 
 这个边框的算法的结果在深度测试教程的那个场景中，看起来像这样：
 
-![](http://bullteacher.com/wp-content/uploads/2015/06/stencil_scene_outlined.png)
+![](http://learnopengl.com/img/advanced/stencil_scene_outlined.png)
 
 在这里[查看源码](http://learnopengl.com/code_viewer.php?code=advanced/stencil_testing)和[着色器](http://learnopengl.com/code_viewer.php?code=advanced/depth_testing_func_shaders)，看看完整的物体边框算法是怎样的。
 
diff --git a/04 Advanced OpenGL/08 Advanced GLSL.md b/04 Advanced OpenGL/08 Advanced GLSL.md
index 6824308..e9a41fe 100644
--- a/04 Advanced OpenGL/08 Advanced GLSL.md	
+++ b/04 Advanced OpenGL/08 Advanced GLSL.md	
@@ -115,7 +115,7 @@ void main()
 
 如果我们从箱子的一角往里看，就能看到里面用的是另一个纹理。
 
-![](http://bullteacher.com/wp-content/uploads/2015/06/advanced_glsl_frontfacing.png)
+![](http://learnopengl.com/img/advanced/advanced_glsl_frontfacing.png)
 
 注意，如果你开启了面剔除，你就看不到箱子里面有任何东西了，所以此时使用`gl_FrontFacing`毫无意义。
 
diff --git a/04 Advanced OpenGL/09 Geometry Shader.md b/04 Advanced OpenGL/09 Geometry Shader.md
index 7dcc8e4..182d9ff 100644
--- a/04 Advanced OpenGL/09 Geometry Shader.md	
+++ b/04 Advanced OpenGL/09 Geometry Shader.md	
@@ -91,7 +91,7 @@ void main() {
 
 现在你了解了几何着色器的工作方式，你就可能猜出这个几何着色器做了什么。这个几何着色器接收一个基本图形——点，作为它的输入，使用输入点作为它的中心，创建了一个水平线基本图形。如果我们渲染它，结果就会像这样：
 
-![](http://bullteacher.com/wp-content/uploads/2015/06/geometry_shader_lines.png)
+![](http://learnopengl.com/img/advanced/geometry_shader_lines.png)
 
 并不是非常引人注目，但是考虑到它的输出是使用下面的渲染命令生成的就很有意思了：
 
diff --git a/img/OpenGL_pipline_cn.png b/img/OpenGL_pipline_cn.png
new file mode 100644
index 0000000..75297c9
Binary files /dev/null and b/img/OpenGL_pipline_cn.png differ