利用ASP.NET MVC和Bootstrap快速搭建响应式个人博客站(一)

1.0 为什么要做这个博客站？

　　 在工作学习中，经常要搜索查找各种各样的资料，每次找到相关资料后都会顺手添加到浏览器书签中，时间一长，书签也就满了。而且下次再点击这个书签时，可能就会忘记当时为什么要添加这个书签了，更有可能书签连接已经无效。这样一来，也就不方便自己查阅了。如果转载、收藏到自己的博客园账号中、csdn账号中，中，知乎中等等，依然是很凌乱，不方便下次查阅。

　　因此，我下决心开发一个个人技术博客站。主要原因是：可以整合各种宝贵资源,将知识变为宝库；可以借此巩固加强一下自己的"全栈"基础；记录工作生活中遇到的问题及其解决方案；可以帮助遇到同样问题的网友。

2.0 简单介绍下此个人博客用到的技术点

可以先点击进去看看。地址是该博客站基于asp.net mvc + ef6.0，采用bootstrap响应式布局搭建，因此使用ie8以下的浏览器访问时可能会出现错位等一系列问题。站点虽小，但五脏俱全：采用asp.net mvc架构、并使用了spring依赖注入、云存储、响应式布局(几乎适应各种屏幕尺寸的设备)、一些繁杂的css、nunit单元测试、log4net日志记录、lucene站内检索、各式各样的jquery插件、评论插件、点赞插件、分页插件，自定义ueditor 编辑器，也制作了还算能看的logo和icon。

3.0 博客站效果展示

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快速搭建响应式个人博客站(一)，希望对大家有所帮助