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

网络编程 ASP.NET 实用技巧 分类:[default] 更新日期: 2016-02-09
这篇文章主要介绍了利用ASP.NET MVC和Bootstrap快速搭建响应式个人博客站一的相关资料,需要的朋友可以参考下

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

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

在工作学习中,经常要搜索查找各种各样的资料,每次找到相关资料后都会顺手添加到浏览器书签中,时间一长,书签也就满了。而且下次再点击这个书签时,可能就会忘记当时为什么要添加这个书签了,更有可能书签连接已经无效。这样一来,也就不方便自己查阅了。如果转载、收藏到自己的博客园账号中、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、过滤字符串的工具。

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

3.2 博客站首页展示

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

3.3 文章详情页展示

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

3.4 侧边栏展示

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

3.5 联想搜索模块

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

结语

先暂时介绍到这儿,之后会陆续详细介绍一下站点中使用的关键技术点。

以上所述是小编给大家介绍的利用ASP.NET MVC和Bootstrap快速搭建响应式个人博客站(一),希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!


> 本站内容系网友提交或本网编辑转载,其目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题,请及时与本网联系,我们将在第一时间删除内容!

相关文章
  • 利用ASP.NETMVC+Bootstrap搭建个人博客之praise.js点赞特效插件(二)
    这篇文章主要介绍了利用ASP.NET和MVC+Bootstrap搭建个人博客之praise.js点赞特效插件二的相关资料,需要的朋友可以参考下在上篇文章给大家介绍了利用ASP.NET MVC和Bootstrap快速搭建响应式个人博客站(一).接下来给大家介绍如果做个点赞插件,一起通过本文学习吧! 1. 为啥要做这个点赞插件?    praise.js是一款小 ...
  • 利用ASP.NETMVC+Bootstrap搭建个人博客之修复UEditor编辑时Bug(四)
    利用ASP.NETMVC+Bootstrap搭建个人博客之修复UEditor编辑时Bug(四)
    这篇文章主要介绍了利用ASP.NET MVC+Bootstrap搭建个人博客之修复UEditor编辑时Bug四的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下我的个人博客站在使用百度富文本编辑器UEditor修改文章时,遇到了一些问题,(不知是bug,还是我没有配置好).但总算找到了解决方法,在此记录下来. 小站首页文章列表显示为(显示去除HTM ...
  • 利用ASP.NETMVC+Bootstrap搭建个人博客之打造清新分页Helper三
    利用ASP.NETMVC+Bootstrap搭建个人博客之打造清新分页Helper三
    这篇文章主要介绍了利用ASP.NET MVC+Bootstrap搭建个人博客之打造清新分页Helper三的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下0. 没有找到一款中意的分页插件,又不想使用现成的(丑到爆),所以自己动手造一个吧 先看下效果(其实也不咋滴...): 我的小站地址:我的Bootstrap小站; PS:(问博客园:为什么老是删我 ...
  • Bootstrap中文本框的宽度变窄并且加入一副验证码图片的实现方法
    Bootstrap中文本框的宽度变窄并且加入一副验证码图片的实现方法
    这篇文章主要介绍了Bootstrap中文本框的宽度变窄并且加入一副验证码图片的实现方法的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下今天项目经理刚交给一个活儿,要我实现这样一个功能:要实现的是验证码文本框变窄一点,然后右边加入一副验证码图片,并且在响应式布局的情况下在移动端访问的时候验证码图片能保持和验证码文本框在同一行,这个怎么做?难为了半天 ...
  • 完美解决jsp页面在IE8下文本模式自动为(杂项Quirks)导致页面显示错位
    完美解决jsp页面在IE8下文本模式自动为(杂项Quirks)导致页面显示错位
    下面小编就为大家带来一篇完美解决jsp页面在IE8下文本模式自动为杂项Quirks导致页面显示错位.小编觉得挺不错的,现在就分享给大家,也给大家做个参考.一起跟随小编过来看看吧最近在修改网站的响应式的页面时,由于都是套样式页面,修改过程都是粘贴复制,导致了一些细节问题在IE8下暴露出来: 遇到的问题就是在在Chrome,火狐页面都正常,唯独在IE8下页面样式 ...
猜你喜欢