Spring Boot制作个人博客-关于我页

• 页面左侧是一张图片，右侧放置一些关于我的介绍和个人标签以及联系我的方式。

1、创建关于我页

• 复制types.html改名为about.html

2、修改代码

• 修改标题以及active（默认选中）

• 删除中间内容代码

3、中间内容

（1）做左右布局

（2）左侧

<!--左侧-->
                <div class="eleven wide column">
                    <img src="https://picsum.photos/800/600?image=155" alt="" class="ui rounded image">
                </div>

（3）右侧

• 简单框架

<!--右侧-->
                <div class="five wide column">
                    <!--top-->
                    <div class="ui top attached segment">
                        <div class="ui header">关于我</div>
                    </div>
                    <!--简介-->
                    <div class="ui attached segment">

                    </div>

                    <!--标签-->
                    <div class="ui attached segment">

                    </div>

                    <div class="ui attached segment">

                    </div>

                    <!--bottom-->
                    <div class="ui bottom attached segment">

                    </div>

                </div>

• 简介

<!--简介-->
                    <div class="ui attached segment">
                        <p class="m-text">beauty，一个独立开发者，折腾在0和1世界的人，一个终身学习者，将学习进行到底，希望结识可以共同成长的小伙伴</p>
                        <p class="m-text">热爱编程，喜欢折腾，正在探索高效学习编程技术的方法……</p>
                    </div>

• 标签

<!--标签-->
                    <div class="ui attached segment">
                        <div class="ui orange basic left pointing label">编程</div>
                        <div class="ui orange basic left pointing label">写作</div>
                        <div class="ui orange basic left pointing label">思考</div>
                        <div class="ui orange basic left pointing label">运动</div>
                    </div>

                    <div class="ui attached segment">
                        <div class="ui teal basic left pointing label m-margin-tb-tiny">Java</div>
                        <div class="ui teal basic left pointing label m-margin-tb-tiny">JavaScript</div>
                        <div