利用ASP.NET MVC和Bootstrap快速搭建响应式个人博客站(一)
作者:夜无痕星 发布时间:2023-07-06 23:47:39
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快速搭建响应式个人博客站(一),希望对大家有所帮助!
猜你喜欢
- 一、逻辑数据库和表的设计数据库的逻辑设计、包括表与表之间的关系是优化关系型数据库性能的核心。一个好的逻辑数据库设计可以为优化数据库和应用程序
- 忽然想起一个CSS的特性,写一段代码玩玩:<style type="text/css">body {font
- 越来越多的网站在logo中添加叶子元素,而此类logo又常常使用绿色,这可以给人希望、清新、健康的感觉,从而很容易被接受和认可。今天我们又收
- 在oracle中有很多关于日期的函数,如:1、add_months()用于从一个日期值增加或减少一些月份 date_value:=add_m
- 为什么很多站长开始做英文网站,我想主要是原因是良好的互联网环境让大家更容易赚到钱,中小站长做英文网站大致为两类,一是电子商务的外贸网站,二是
- 一个封装好的JavaScript拖动类,使用方便:<div id="idDrag" style="bor
- 下面这段代码,你知道有哪些错误吗:var g_bar = "bar";function foo(container, c
- 先问一个问题, 在firefox 2里,正则表达式字符"\d"全等于"[0-9]"吗?有可能你会答&
- 综述:本文讨论了VBScript和 JScript之间的区别,以及它们的使用场合。推荐:Vbscript5.5中文语言参考手册chm格式下载
- nofollow标签是Google2005年推出的,目的是尽量减少垃圾链接对搜索引擎的影响。有用过网页制作工具的人都知道,在这些工具里是找不
- 升级了浏览器到IE9,今天进入公司网站后台突然发现有些页面进不去了,F12调试显示有JS错误:DOM Exception: INVALID_
- Oracle的执行计划一句话命令:set autotrace on
- 1、页签的表达。页签表达很清晰,当前页签突出,且层级包涵关系明确;看下图,一目了然的感觉,不用疑惑我在那部分里。不信?拿当当的对比一下,你感
- 最近一直忙,我们的注册页面还是在持续优化。今天抽时间分析了下数据,依然以主注册表单为例,对表单里3个区块、9个字段做了个小小出错排行;看看哪
- 发现一个非常强的CSS在线排版:CSS Text Wrapper只要你拖拽线条,你就可以得到你想要的文字版式CSS代码。可以让想让文本块呈现
- 针对border边框属性在浏览器中的渲染方式很早以前就开始在QQ群中看到大家在讨论,而我也一直以border:0 none;的方式处理。其中
- (以下内容部分内容参考了http://adomas.org/javascript-mouse-wheel/ )之前js 仿Photoshop
- Sybase于2008年11月4日在大中华区用户大会上宣布,联手神州数码金程(北京)科技有限公司对旗下领先的SQL Anywhere数据库进
- 切换按钮是QPushButton的特殊模式。它是一个具有两种状态的按钮:按压和未按压。我们通过这两种状态之间的切换来修改其它内容。#!/us
- 大家都知道,Dreamweaver是是一款专业的网页设计工具,提供了许多方便、实用的功能,使得以前许多网页效果的实现从繁琐的代码