从零开始一步步带你开发自己的博客

底部区域非常简单，只展示一些版权信息，备案信息，系统介绍而已，单纯的文字居中展示即可。css添加媒体查询代码，来适应多终端访问，当手机访问时，隐藏导航菜单，隐藏右侧区域，只显示头部和主要列表内

右侧内容也是公共区域，首页、列表页、详情页都引用了右侧部分、其实整个博客页面都非常简单，公用头部、公用右侧、公用底部、加上主要区域的列表，和主要区域的详情，就完成了整个博客的基本展现，今天就带大家一起

前台页面最新日志列表区域布局，首页列表，栏目列表共同使用最新日志列表页面，博客采用简单明了形式，主要区域分左右两列，左侧为主要预览区域，右侧为辅助区域。