Spring boot实训开发个人博客（二）详情页

Spring boot实训开发个人博客（二）详情页

1.在index页面添加归档:

2.开始写详情页:

1.头部文件:

2.添加文章内容

  <h2 class="ui center aligned header">JSP九大内置对象</h2>
                <div id="content" class="typo typo-selection m-padded-lr-responsive m-padded-tb-large">

                    <h2 id="tagline" class="serif">一致化浏览器排版效果，构建最适合中文阅读的网页排版</h2>

                    <ol id="table">
                        <li><a href="#section1">关于 <i class="serif">Typo.css</i></a></li>
                        <li><a href="#section2">排版实例</a>
                            <ul>
                                <li><a href="#section2-1">例1：论语学而篇第一</a></li>
                                <li><a href="#section2-2">例2：英文排版</a></li>
                            </ul>
                        </li>
                        <li><a href="#section3">附录</a>
                            <ul>
                                <li><a href="#appendix1"><i class="serif">Typo.css</i> 排版偏重点</a></li>
                                <li><a href="#appendix2">开源许可</a></li>
                            </ul>
                        </li>
                    </ol>

                    <h2 id="section1">一、关于 <i class="serif">Typo.css</i></h2>

3.在博客详情中添加标签:

4.赞赏功能:

5.二维码图片链接:

6.博客文章信息:

7.留言区域:

8. css文件填写代码:

效果展示: