blog_show.html

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>魔法博客</title>
    <link rel="stylesheet" href="css/blog.css" type="text/css"/>
</head>
<body>
<header id="header">
</header>
<div class="container">
    <div class="main">
        <div class="main-box main_left">
            <div class="main-content">

                <!--<div class="day"></div>-->

                <!--<div class="day"></div>-->

            </div>

        </div>
        <div class="main-box main_right">
            <div class="newsItem">
                <div id="blog-news">
                    <ul>
                        <li><img src="images/logo/o_icon-schedule.png" alt=""/><span>公告</span></li>
                        <li>昵称：lianer</li>
                        <li>码龄：三年</li>
                        <li>荣誉：优秀</li>
                        <li>粉丝：100万</li>
                        <li>关注：20</li>
                        <li><a href="#">+加关注</a></li>
                    </ul>
                    <ul>
                        <li><img src="images/logo/icon_1.png" alt=""/><span>我的标签</span></li>
<!--
                        <li><a href="#">web前端</a></li>
                        <li><a href="#">css</a></li>
                        <li><a href="#">html</a></li>
                        <li><a href="#">JavaScript</a></li>
                        <li><a href="#">摄影</a></li>
-->
                    </ul>
                    <ul>
                        <li><img src="images/logo/icon_2.png" alt=""/><span>我的博客</span></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div id="footer">

        <!--done-->
        若你喜欢怪人,其实我很可爱©2018
    </div>
</div>

<script src="js/jquery-3.2.1.js"></script>
<script src="js/ajax.js"></script>
<script src="js/blog_show.js"></script>
<script src="js/header.js"></script>

</body>
</html>