【鬼臉原創】github搭建動態網站，鬼臉github搭建動態

【鬼臉原創】github搭建動態網站，鬼臉github搭建動態

目錄

1. 簡介
2. github註冊及基本使用
3. git基本使用
4. github網站配置
5. 網域名稱映射
6. 後台服務搭建
7. 前端頁面搭建
8. 總結

 

一、簡介

     github提供了免費的倉庫，並且支援個人網站搭建，以及網域名稱映射； 而網上也有一些免費的後台服務。

     今天我就利用 github + 後台服務  搭建一個免費的動態網站。     

  

二、github註冊及基本使用（網上一搜一大堆，直接貼個地址了）

      http://jingyan.baidu.com/article/f7ff0bfc7181492e27bb1360.html

 

三、git基本使用（這個也是，有好多教程了）

      傳送門：廖雪峰的官方網站--git教程

 

四、github個人網站配置

      

      自動產生網站

     

       

          

        

         

 

 

五、網域名稱映射

     如果你有自己的網域名稱的話，可以映射到github上。

     1）在github倉庫中，建立一個CNAME檔案，內容直接寫需要綁定的網域名稱

          

     2)前往你的DNS服務商建立一個CNAME解析至你的github page個人首頁地址

       

  等待更改生效，一般幾分鐘就可以使用你自訂的網域名稱進行訪問了

 

 六、後台服務搭建

       網上有一些免費的後台服務提供者，我這裡用的是bmob，需要註冊下。

       

 

      

    

    這裡只簡單實現一個記錄網站訪問總次數的功能；

    

 

接下來就是通過JSONP，來調用這兩個方法了。 

 1 <script type="text/javascript">    2    /* 3      url中的1cf19cbebb0bdf1a 就是應用秘鑰中的Secret Key 4      getTotalPV  就是雲端代碼中設定的方法名，注意大小寫 5   */     6     $.ajax({   7         url:"http://cloud.bmob.cn/1cf19cbebb0bdf1a/getTotalPV",   8         dataType:'jsonp',   9         data:'',  10         jsonp:'callback',  11         success:function(result) {  12            alert(result.results[0].totalPV);13         }      14     }); 15     16 </script>

 

 

 

 

 

 

(未完待續...)