2021-06-08：开发小而美的博客（博客管理列表页）

2021-6-8：开发小而美的博客（博客管理列表页）

---

1、新建文件夹admin

2、新建blogs.html文件

样式没被获取，格式不正确

是因为我新建了一个文件夹，所以路径发生了错乱，所以需要修改一下路径，在路径里多加一个点.

查看效果

3、修改导航

    <!--  导航  -->
        <nav class="ui inverted attached segment m-padded-tb-mini m-shadow-small" >
            <div class="ui container">
                <div class="ui inverted secondary stackable menu">
                    <!-- LOGO  -->
                    <h2 class="ui teal header item">管理后台</h2>
                    <!--  导航  -->
                    <a href="#" class="m-item item m-mobile-hide"><i class="mini home icon"></i>博客</a>
                    <a href="#" class="active m-item item m-mobile-hide"><i class="mini idea icon"></i>分类</a>
                    <a href="#" class="m-item item m-mobile-hide"><i class="mini tags icon"></i>标签</a>
                    <div class="right m-item m-mobile-hide menu">
                        <div class="ui dropdown item">
                            <div class="text">
                                <img class="ui avatar image" src="http://unsplash.it/100/100?image=1004">
                                奈一
                            </div>
                            <i class="dropdown icon"></i>
                            <div class="menu">
                                <a href="#" class="item">注销</a>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
            <a href="#" class="ui menu toggle black icon button m-right-top m-mobile-show">
                <i class="sidebar icon"></i>
            </a>
        </nav>
        <!--     二级导航-->
        <div class="ui attached pointing menu">
            <div class="ui container">
                <div class="right menu">
                    <a href="" class="item">发布</a>
                    <a href="" class="teal active item">列表</a>
                </div>
            </div>
        </div>

4、中间内容

5、效果展示