将个人构思更直观的表现出来，为个人博客绘制一个简单的设计稿

学习golang开发，不该该仅仅局限于golang语言自己。同时咱们还应该拓展学习为学好golang而须要应用到的其余方面的知识。好比学习html、css、js，项目架构、画原型图等工做。

这一节，咱们就要利用网络工具来给咱们的博客画出存在于咱们脑子里的博客的基本样子，以便后面咱们制做博客网站的时候，能够拿它来作基本的参考，同时也是能够给咱们后面分步编写工做提供工做量预估等。

博客首页该长的样子，博客首页的设计图

博客首页包含三大块，头部导航、中间主体文章列表内容、页脚信息等。

头部采用常规的网址设置，中规中矩。头部左边显示网址logo和文字，中间为导航按钮，右边为博客管理按钮，登陆退出、发布文章等操做。

中间主题部分采用左边大右边小的两栏布局，左边大的部分放置文章列表，文章列表显示文章标题、文章简介、简介显示最多三行，超出部分使用省略号显示。简介下方是次要信息，采用灰色小字体显示文章分类、文章发布时间、浏览量等信息。

中间右侧边栏显示博客信息、文章归类、热门文章等内容，用来扩大内容入口。这里还能够根据须要显示更多的信息，好比最新发布的文章、按年月归档的记录、tag集合等信息。

页脚信息设计的比较简单，这里能够放置版权信息、博客一句话介绍、关于咱们等信息，也能够将本身的联系方式，好比微信、qq、邮箱、二维码等挂到页脚这里。

博客文章详情页设计图

文章详情页面主要是用于醒目的展现标题、文章内容，辅助信息如文章分类、发布时间，浏览量等信息，用浅一点的颜色来显示，它没有那么重要，最下方还要放上一篇、下一篇，用来方便蜘蛛爬取和用户连续浏览。右侧放一些相关的文章内容，好比最新发布的文章、本文相关的文章等信息展现。

博客文章发布页面设计图

博客文章发布页面，集合了文章发布、分类建立等操做。在发布文章的时候，填写上标题、填写文章分类、文章关键词、文章简介、文章内容字段后，点击发布，后台就会根据提交的表单信息，自动判断入库，若是标题已经存在，则这篇文章不会被发布。分类已经存在，则直接使用已存在的分类，若是分类不存在，则建立新分类等。

博客登陆管理页面设计图

博客登陆页面比较简单，要求填写用户名、密码，经过验证便可开始管理和发布文章了。这里还能够设置得更复杂一些，好比设置一个谁也想不到的随机路径做为登陆路径，这样子就不会暴露管理权限路径了。同时增长其余辅助验证，好比图形验证码、12306选图验证、极验验证码验证等方式。这里为了简便，先把其余验证都省了。

博客初始化页面设计图

博客初始化页面须要填写数据库地址、数据库端口、数据库名称、数据库用户名、数据库密码信息，用来将博客的表建立到数据库中，管理数据。

同时，初始化的时候，还须要设置管理员帐号和管理员密码，用于初始化完成，博客正常使用管理和发布文章等操做的时候，验证管理权限。