SpringBoot个人博客开发（五）----关于我界面

最新推荐文章于 2021-07-04 23:47:26 发布

王绵州

最新推荐文章于 2021-07-04 23:47:26 发布

阅读量215

点赞数

分类专栏： Spring

本文链接：https://blog.csdn.net/ce121/article/details/117452714

版权

本文介绍了如何在SpringBoot个人博客中创建关于我页面，包括复制并修改index页面，添加个人图片，撰写自我介绍，设置标签和联系方式。通过前端框架调整，实现美观的页面效果。

摘要由CSDN通过智能技术生成

关于我页面

老步骤了
创建about.html
复制index页面
修改主体部分
左边弄一张自己喜欢的图片
右边区域：
右边弄个大大的关于我，然后自我介绍
然后定标签
然后联系我，联系我使用的图标在前端框架可以找别的替换
我就直接上代码了

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>关于我</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.css">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../static/css/me.css">
</head>
<body>
<script src="https://cdn.jsdelivr.net/npm/jquery@3.2/dist/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/semantic-ui/2.2.4/semantic.min.js"></script>
            <!--导航-->
            <nav class="ui inverted attached segment m-padded-tb-mini">
                <div class="ui container">
                    <div class="ui inverted secondary stackable menu">
                        <h2 class="ui teal header item">Blog</h2>
                        <a href="#" class="item"><i class="home icon"></i>首页</a>
                        <a href="#" class="item"><i class="idea icon"></i>分类</a>
                        <a href="#" class="item"><i class="tags icon"></i>标签</a>
                        <a href="#" class="item"><i class

最低0.47元/天解锁文章

王绵州

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
SpringBoot个人博客开发（五）----关于我界面

关于我页面老步骤了创建about.html复制index页面修改主体部分左边弄一张自己喜欢的图片右边区域：右边弄个大大的关于我，然后自我介绍然后定标签然后联系我，联系我使用的图标在前端框架可以找别的替换我就直接上代码了<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>关于我</title> <li
复制链接

扫一扫

专栏目录