fix the Makefile make issue & add arduion

index.html

@@ -113,6 +113,7 @@ code > span.er { color: #ff0000; font-weight: bold; }
 </ul></li>
 <li><a href="#arduino"><span class="toc-section-number">6</span> Arduino</a><ul>
 <li><a href="#极客的玩具"><span class="toc-section-number">6.1</span> 极客的玩具</a></li>
+<li><a href="#开发环境"><span class="toc-section-number">6.2</span> 开发环境</a></li>
 </ul></li>
 <li><a href="#python"><span class="toc-section-number">7</span> Python</a><ul>
 <li><a href="#代码与散文"><span class="toc-section-number">7.1</span> 代码与散文</a></li>
@@ -616,7 +617,7 @@ para.style.color=&quot;blue&quot;;</code></pre>
 para.style.color=&quot;blue&quot;;</code></pre>
 <p>将字体变成了蓝色，CSS+HTML让页面有序的工作着，但是Javascript打乱了这些秩序，不过却也让生活多姿多彩，小三不都是这样的么——终于可以理解，为什么以前人们对于Javascript没有好感了？不过这里要讲的是正室，也就是CSS，这时还没有Javascript。</p>
 <div class="figure">
-<img src="http://designiot.phodal.com/images/redfonts.png" alt="Alt text" /><p class="caption">Alt text</p>
+<img src="./images/redfonts.png" alt="Red Fonts" /><p class="caption">Red Fonts</p>
 </div>
 <h2 id="关于css"><span class="header-section-number">3.2</span> 关于CSS</h2>
 <p>这不是一篇好的关于讲述CSS的书籍，所以不会去说CSS是怎么来的，有些东西既然我们可以很容易从其他地方知道，也就不需要花太多时间去重复。诸如重构等这些的目的之一也在于去除重复的代码，不过有些重复是不可少的，也是有必要的，而通常这些东西可能是由其他地方复制过来的。</p>
@@ -636,7 +637,7 @@ para.style.color=&quot;blue&quot;;</code></pre>
 &lt;/html&gt;</code></pre>
 <p>虽然我们看到的还是一样的:</p>
 <div class="figure">
-<img src="http://designiot.phodal.com/images/nostyle.png" alt="Alt text" /><p class="caption">Alt text</p>
+<img src="./images/nostyle.png" alt="No Style" /><p class="caption">No Style</p>
 </div>
 <p>于是我们就按各种书上的建议重新写了上面的代码</p>
 <pre><code>&lt;!DOCTYPE html&gt;
@@ -1030,6 +1031,19 @@ drwxr-xr-x   15 fdhuang  staff   510B Sep  2 13:44 nginx-1.7.4
 <p>Arduino，是一个开放源代码的单芯片微电脑，它使用了Atmel AVR单片机，采用了基于开放源代码的软硬件平台，构建于开放源代码 simple I/O 接口板，并且具有使用类似Java，C 语言的Processing/Wiring开发环境。</p>
 <p>Arduino开发板封装了常用的库到开发环境中，可以让用户在开发产品时，将主要注意力放置于所需要实现的功能上，而不是开发的过程中。在为Arduino写串口程序时，我们只需要用Serial.begin(9600)以9600的速率初始化串口，而在往串口发送数据时，可以用Serial.write(‘1’)的方式向串口发送字串’1’。</p>
 <p>Arduinod的出现很大程度上降低了电子制作的难度，初学者甚至不懂编程也可以上手Arduino,这也是它的魅力所在.</p>
+<h2 id="开发环境"><span class="header-section-number">6.2</span> 开发环境</h2>
+<div class="figure">
+<img src="./images/arduino.png" alt="Arduino" /><p class="caption">Arduino</p>
+</div>
+<p>开发环境如上图，十分简洁，编写代码需要知道两个基本的函数：</p>
+<pre><code>void setup(){
+
+}
+
+void loop(){
+
+}</code></pre>
+<p>“setup()”函数用于初始化（如GPIO初始化，串口初始化，定时器初始化等），只执行一次；“loop()”函数是一个死循环，可以看做C语言的“while(1)”函数，</p>
 <h1 id="python"><span class="header-section-number">7</span> Python</h1>
 <p>作为一门计算机语言来说，Python会有下面的特点。</p>
 <ul>

src/1.3.anywhere-css.md

@@ -23,7 +23,7 @@ CSS或许你觉得他一点儿也不重要，HTML好比是建筑的框架，CSS
 	
 将字体变成了蓝色，CSS+HTML让页面有序的工作着，但是Javascript打乱了这些秩序，不过却也让生活多姿多彩，小三不都是这样的么——终于可以理解，为什么以前人们对于Javascript没有好感了？不过这里要讲的是正室，也就是CSS，这时还没有Javascript。
 	
-![Alt text](http://designiot.phodal.com/images/redfonts.png)
+![Red Fonts](./images/redfonts.png)
 
 ##关于CSS##
 
@@ -51,7 +51,7 @@ CSS是来自于(Cascading Style Sheets)，到今天我也没有记得他的全
 	
 虽然我们看到的还是一样的:
 	
-![Alt text](http://designiot.phodal.com/images/nostyle.png)
+![No Style](./images/nostyle.png)
 
 于是我们就按各种书上的建议重新写了上面的代码
 

src/1.6.arduino.md

@@ -10,16 +10,15 @@ Arduinod的出现很大程度上降低了电子制作的难度，初学者甚至
 
 ##开发环境
 
-![Alt text](http://designiot.phodal.com/images/arduino.bmp)
+![Arduino](./images/arduino.png)
+
 开发环境如上图，十分简洁，编写代码需要知道两个基本的函数：
 
-    void setup()
-    {
+    void setup(){
     
     }
     
-    void loop()
-    {
+    void loop(){
     
     }