利用ASP.NET MVC和Bootstrap快速搭建響應式個人部落格站(一)_實用技巧

1.0 為什麼要做這個部落格站？

　　 在工作學習中，經常要搜尋尋找各種各樣的資料，每次找到相關資料後都會順手添加到瀏覽器書籤中，時間一長，書籤也就滿了。而且下次再點擊這個書籤時，可能就會忘記當時為什麼要添加這個書籤了，更有可能書籤串連已經無效。這樣一來，也就不方便自己查閱了。如果轉載、收藏到自己的部落格園帳號中、CSDN帳號中，雲棲社區中，知乎中等等，依然是很淩亂，不方便下次查閱。

　　因此，我下決心開發一個個人技術部落格站。主要原因是：可以整合各種寶貴資源,將知識變為寶庫；可以藉此鞏固加強一下自己的"全棧"基礎；記錄工作生活中遇到的問題及其解決方案；可以協助遇到同樣問題的網友。

2.0 簡單介紹下此個人部落格用到的技術點

可以先點擊進去看看。地址是http://www.zynblog.com該部落格站基於ASP.NET MVC + EF6.0，採用Bootstrap響應式布局搭建，因此使用IE8以下的瀏覽器訪問時可能會出現錯位等一系列問題。網站雖小，但五髒俱全：採用ASP.NET MVC架構、並使用了Spring依賴注入、雲端儲存、響應式布局(幾乎適應各種螢幕尺寸的裝置)、一些繁雜的css、NUnit單元測試、Log4Net日誌記錄、Lucene站內檢索、各式各樣的jquery外掛程式、評論外掛程式、點贊外掛程式、分頁外掛程式，自訂Ueditor 編輯器，也製作了還算能看的logo和icon。

3.0 部落格站效果展示 www.zynblog.com

3.1 網站架構

其實一個部落格站沒必要搞這麼複雜，但為了學習嘛，也就搭了個簡單的架構。其中包括Model、Repository、Service、和UI。SiteSearch是站內搜尋模組，Inject是Spring.net依賴注入模組，Common中包含了IP擷取、截取字串、發送郵件、MD5、過濾字串的工具。

3.2 部落格站首頁展示

3.3 文章詳情頁展示

3.4 側邊欄展示

3.5 聯想搜尋模組

結語

　　先暫時介紹到這兒，之後會陸續詳細介紹一下網站中使用的關鍵技術點。

以上所述是小編給大家介紹的利用ASP.NET MVC和Bootstrap快速搭建響應式個人部落格站(一)，希望對大家有所協助，如果大家有任何疑問請給我留言，小編會及時回複大家的。在此也非常感謝大家對雲棲社區網站的支援！