1.0 為什么要做這個(gè)博客站?
在工作學(xué)習(xí)中,經(jīng)常要搜索查找各種各樣的資料,每次找到相關(guān)資料后都會(huì)順手添加到瀏覽器書簽中,時(shí)間一長(zhǎng),書簽也就滿了。而且下次再點(diǎn)擊這個(gè)書簽時(shí),可能就會(huì)忘記當(dāng)時(shí)為什么要添加這個(gè)書簽了,更有可能書簽連接已經(jīng)無(wú)效。這樣一來(lái),也就不方便自己查閱了。如果轉(zhuǎn)載、收藏到自己的博客園賬號(hào)中、CSDN賬號(hào)中,腳本之家中,知乎中等等,依然是很凌亂,不方便下次查閱。
因此,我下決心開(kāi)發(fā)一個(gè)個(gè)人技術(shù)博客站。主要原因是:可以整合各種寶貴資源,將知識(shí)變?yōu)閷殠?kù);可以借此鞏固加強(qiáng)一下自己的"全棧"基礎(chǔ);記錄工作生活中遇到的問(wèn)題及其解決方案;可以幫助遇到同樣問(wèn)題的網(wǎng)友。
2.0 簡(jiǎn)單介紹下此個(gè)人博客用到的技術(shù)點(diǎn)
可以先點(diǎn)擊進(jìn)去看看。地址是http://www.zynblog.com該博客站基于ASP.NET MVC + EF6.0,采用Bootstrap響應(yīng)式布局搭建,因此使用IE8以下的瀏覽器訪問(wèn)時(shí)可能會(huì)出現(xiàn)錯(cuò)位等一系列問(wèn)題。站點(diǎn)雖小,但五臟俱全:采用ASP.NET MVC架構(gòu)、并使用了Spring依賴注入、云存儲(chǔ)、響應(yīng)式布局(幾乎適應(yīng)各種屏幕尺寸的設(shè)備)、一些繁雜的css、NUnit單元測(cè)試、Log4Net日志記錄、Lucene站內(nèi)檢索、各式各樣的jquery插件、評(píng)論插件、點(diǎn)贊插件、分頁(yè)插件,自定義Ueditor 編輯器,也制作了還算能看的logo和icon。
3.0 博客站效果展示 www.zynblog.com
3.1 網(wǎng)站架構(gòu)
其實(shí)一個(gè)博客站沒(méi)必要搞這么復(fù)雜,但為了學(xué)習(xí)嘛,也就搭了個(gè)簡(jiǎn)單的架構(gòu)。其中包括Model、Repository、Service、和UI。SiteSearch是站內(nèi)搜索模塊,Inject是Spring.net依賴注入模塊,Common中包含了IP獲取、截取字符串、發(fā)送郵件、MD5、過(guò)濾字符串的工具。
3.2 博客站首頁(yè)展示
3.3 文章詳情頁(yè)展示
3.4 側(cè)邊欄展示
3.5 聯(lián)想搜索模塊
結(jié)語(yǔ)
先暫時(shí)介紹到這兒,之后會(huì)陸續(xù)詳細(xì)介紹一下站點(diǎn)中使用的關(guān)鍵技術(shù)點(diǎn)。
以上所述是小編給大家介紹的利用ASP.NET MVC和Bootstrap快速搭建響應(yīng)式個(gè)人博客站(一),希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
您可能感興趣的文章:- 詳解用nginx+WordPress搭建個(gè)人博客全流程
- Hexo已經(jīng)看膩了,來(lái)手把手教你使用VuePress搭建個(gè)人博客
- 手把手教你用Hexo+Github搭建屬于自己的博客(詳細(xì)圖文)
- 利用ASP.NET MVC和Bootstrap快速搭建個(gè)人博客之后臺(tái)dataTable數(shù)據(jù)列表
- 在CentOS系統(tǒng)上從零開(kāi)始搭建WordPress博客的全流程記錄
- Flask入門教程實(shí)例:搭建一個(gè)靜態(tài)博客
- 用Pelican搭建一個(gè)極簡(jiǎn)靜態(tài)博客系統(tǒng)過(guò)程解析