利用ASP.NET MVC和Bootstrap快速搭建響應(yīng)式個人博客站(一)
1.0 為什么要做這個博客站?
在工作學(xué)習(xí)中,經(jīng)常要搜索查找各種各樣的資料,每次找到相關(guān)資料后都會順手添加到瀏覽器書簽中,時間一長,書簽也就滿了。而且下次再點擊這個書簽時,可能就會忘記當(dāng)時為什么要添加這個書簽了,更有可能書簽連接已經(jīng)無效。這樣一來,也就不方便自己查閱了。如果轉(zhuǎn)載、收藏到自己的博客園賬號中、CSDN賬號中,腳本之家中,知乎中等等,依然是很凌亂,不方便下次查閱。
因此,我下決心開發(fā)一個個人技術(shù)博客站。主要原因是:可以整合各種寶貴資源,將知識變?yōu)閷殠欤豢梢越璐遂柟碳訌?qiáng)一下自己的"全棧"基礎(chǔ);記錄工作生活中遇到的問題及其解決方案;可以幫助遇到同樣問題的網(wǎng)友。
2.0 簡單介紹下此個人博客用到的技術(shù)點
可以先點擊進(jìn)去看看。地址是http://www.zynblog.com該博客站基于ASP.NET MVC + EF6.0,采用Bootstrap響應(yīng)式布局搭建,因此使用IE8以下的瀏覽器訪問時可能會出現(xiàn)錯位等一系列問題。站點雖小,但五臟俱全:采用ASP.NET MVC架構(gòu)、并使用了Spring依賴注入、云存儲、響應(yīng)式布局(幾乎適應(yīng)各種屏幕尺寸的設(shè)備)、一些繁雜的css、NUnit單元測試、Log4Net日志記錄、Lucene站內(nèi)檢索、各式各樣的jquery插件、評論插件、點贊插件、分頁插件,自定義Ueditor 編輯器,也制作了還算能看的logo和icon。
3.0 博客站效果展示 www.zynblog.com
3.1 網(wǎng)站架構(gòu)
其實一個博客站沒必要搞這么復(fù)雜,但為了學(xué)習(xí)嘛,也就搭了個簡單的架構(gòu)。其中包括Model、Repository、Service、和UI。SiteSearch是站內(nèi)搜索模塊,Inject是Spring.net依賴注入模塊,Common中包含了IP獲取、截取字符串、發(fā)送郵件、MD5、過濾字符串的工具。
3.2 博客站首頁展示
3.3 文章詳情頁展示
3.4 側(cè)邊欄展示
3.5 聯(lián)想搜索模塊
結(jié)語
先暫時介紹到這兒,之后會陸續(xù)詳細(xì)介紹一下站點中使用的關(guān)鍵技術(shù)點。
以上所述是小編給大家介紹的利用ASP.NET MVC和Bootstrap快速搭建響應(yīng)式個人博客站(一),希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
相關(guān)文章
合并網(wǎng)頁中的多個script引用實現(xiàn)思路及代碼
為了更好的進(jìn)行封裝,每個實現(xiàn)不同功能的js代碼應(yīng)該有自己的js文件,這樣如果一個網(wǎng)頁中引用了多個js文件會很難管理,所以就出現(xiàn)了合并js這以說,感興趣的朋友不妨參考下本文希望對你有所幫助2013-02-02ASP.NET(C#)應(yīng)用程序配置文件app.config/web.config的增、刪、改操作
應(yīng)用程序配置文件,對于asp.net是 web.config,對于WINFORM程序是 App.Config(ExeName.exe.config)。2009-06-06詳解如何在ASP.NET Core中應(yīng)用Entity Framework
本篇文章主要介紹了如何在ASP.NET Core中應(yīng)用Entity Framework,具有一定的參考價值,有興趣的可以一起了解一下。2016-12-12asp.net core 使用 TestServer 來做集成測試的方法
這篇文章主要介紹了asp.net core 使用 TestServer 來做集成測試,本文給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-11-11如何在ASP.NET Core 的任意類中注入Configuration
這篇文章主要介紹了如何在 ASP.NET Core 的任意類中注入Configuration ,幫助大家更好的理解和學(xué)習(xí)使用.net技術(shù),感興趣的朋友可以了解下2021-04-04