那就开始今天的教程吧
1.写文章的标签,标签也是一个list,但是这个比较特殊,在很多网站是希望标签套成一个小框框,小框框叫tag,给它加样式,比如说加个id给这个列表,id叫tag-list,如果给的这些样式不够用,
也可以去封装自己的样式,比方说在静态的CSS目录下创建style.css,它原来写的方法是套了一个父标签,在外边加【div class=tag-list】,如果你想用id就去改css样式文件是一样,加上这个样式之后,
给它加边框,加间距等等,回到网页,把这个css文件也给它引入style.css,可以自己控制网页的样式。
2.最后一个是文章的归档,就是它按照文章发布的日期进行分门别类,其实它跟最新文章是一样的,复制之前做好的就可以,对于文章列表也是给它找一个样式,回到Boot里边,找到代码copy下来,给它放到main这一部分。
把media这个框用for循环,【for blog in blog_list】是视图传回来的文章的列表,通过这样的方式就可以在这里面循环的输出每一个文章,然后在这个基础上去改它。
3.图片的资源都放在了media这个目录下,然后目录下边的路径是存在数据库中的blog.user,head_img就是每一个用户回到数据库上,然后alt就鼠标悬停的时候提示的文字可以写上,下边还有media-body,
首先要写标题,里边的内容应该换成博客文章的blog.title,它的blog标题点击可以进去,所以这个地方要套一个超链接,它的链接是未来要写文章的链接,下边要增加自定义的相关内容,这个摘要叫excerpt,
它要safe带着html标签,虽然里边没用到html标签但是大家可以先这样写。
4.进行测试,头像要加一些样式来控制,加【style】,比方宽度100像素,高度100像素,重新再刷新,找到圆的样式,给它加一个class,复制中间的【img-circle】,它是一个圆形的图片,要注意圆形的样式有一些兼容性的问题,
再加【metal-date】,它的主体中会有标签叫div,它的class等于叫entry-meta,就是媒体的标签。