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快速搭建响应式个人博客站(一),希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
您可能感兴趣的文章:- 详解用nginx+WordPress搭建个人博客全流程
- Hexo已经看腻了,来手把手教你使用VuePress搭建个人博客
- 手把手教你用Hexo+Github搭建属于自己的博客(详细图文)
- 利用ASP.NET MVC和Bootstrap快速搭建个人博客之后台dataTable数据列表
- 在CentOS系统上从零开始搭建WordPress博客的全流程记录
- Flask入门教程实例:搭建一个静态博客
- 用Pelican搭建一个极简静态博客系统过程解析