master

分支 (4)

管理

管理

master

page

blogli

login

blog_home
/
index.html

<!doctype html>
<html>

<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <meta name="keywords" content="黑色模板,个人网站模板,个人博客模板,博客模板,css3,html5,网站模板" />
    <meta name="description" content="这是一个有关黑色时间轴的css3 html5 网站模板" />
    <link href="css/styles.css" rel="stylesheet">
    <link href="css/animation.css" rel="stylesheet">
    <!-- 返回顶部调用 begin -->
    <link href="css/lrtk.css" rel="stylesheet" />
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/js.js"></script>
    <link rel="stylesheet" href="./css/list.css">
    <!-- 返回顶部调用 end-->
    <!--[if lt IE 9]>
<script src="js/modernizr.js"></script>
<![endif]-->
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <link rel="stylesheet" href="./css/list.css">
    <style>
        nav {
            font-size: 16px;
        }

        .box {
            float: right;
            margin-top: 12px;
        }

        .box a {
            margin-left: 15px;
        }
    </style>
</head>

<body>
    <header>
        <nav id="nav">
            <ul>
            </ul>

            <script type="text/html" id="types">
      <li><a href="index.html" >网站首页</a></li>
      {{each types v}}
      <li><a href="list.html?type_id={{v.id}}">{{v.type_name}}</a></li>
      {{/each}}
    </script>

            <!-- <script src="js/silder.js"></script> -->
            <div class="box">
                <a class="reg" href="">注册</a>
                <a class="login" href="">登录</a>
            </div>
        </nav>
    </header>
    <!--header end-->
    <div id="mainbody">

        <div style="height:10px;background:#000;border-radius:10px;margin:5px 0;"></div>

        <div class="blogs">
            <ul class="bloglist">
            </ul>

            <script type="text/html" id="show_blogs">
      {{each show_blogs v}}
      <li>
        <div class="arrow_box">
      <div class="ti"></div>
      <!--三角形-->
      <div class="ci"></div>
      <!--圆形-->
      <h2 class="title"><a href="view.html?blog_id={{v.id}}" >{{v.title}}</a></h2>
      <ul class="textinfo">
        <a href="view.html?blog_id={{v.id}}"><img src="{{v.img_url}}"></a>
        <p>{{@ v.content}}</p>
      </ul>
      <ul class="details">
        <li class="likes">{{v.support}}</li>
        <li class="comments">{{v.view_nums}}</li>
        <li class="icon-time">{{v.pubdate|dateFormat}}</li>
      </ul>
      </div>
      </li>
      {{/each}}
    </script>

            <!-- 模糊查询 -->
            <script type="text/html" id="search_blogs">
                {{each search_blogs v}}
                <li>
                  <div class="arrow_box">
                <div class="ti"></div>
                <div class="ci"></div>
                <h2 class="title"><a href="view.html?blog_id={{v.id}}" >{{v.title}}</a></h2>
                <ul class="textinfo">
                  <a href="view.html?blog_id={{v.id}}"><img src="{{v.img_url}}"></a>
                  <p>{{@ v.content}}</p>
                </ul>
                <ul class="details">
                  <li class="likes">{{v.support}}</li>
                  <li class="comments">{{v.view_nums}}</li>
                  <li class="icon-time">{{v.pubdate|dateFormat}}</li>
                </ul>
                </div>
                </li>
                {{/each}}
              </script>

            <!--bloglist end-->
            <aside>
                <div class="search">
                    <form class="searchform" method="get" action="#">
                        <input type="text" name="s" value="Search" onFocus="this.value=''">
                    </form>
                </div>

                <div class="tuijian">
                    <h2>推荐文章</h2>
                    <ol>
                    </ol>
                </div>
                <script type="text/html" id="recom_blogs">
            {{each recom_blogs v k}}
            <li><span><strong>{{k+1}}</strong></span><a href="view.html?blog_id={{v.id}}">{{v.title}}</a></li>
            {{/each}}
        </script>


                <div class="clicks">
                    <h2>热门点击</h2>
                    <ol>

                    </ol>
                </div>

                <script type="text/html" id="hot_blogs">
          {{each hot_blogs v }}
          <li><a href="view.html?blog_id={{v.id}}">{{v.title}}</a></li>
          {{/each}}
        </script>

                <div class="viny">
                    <dl>
                        <dt class="art"><img src="images/artwork.png" alt="专辑"></dt>
                        <dd class="icon-song"><span></span>南方姑娘</dd>
                        <dd class="icon-artist"><span></span>歌手：赵雷</dd>
                        <dd class="icon-album"><span></span>所属专辑：《赵小雷》</dd>
                        <dd class="icon-like"><span></span><a href="/">喜欢</a></dd>
                        <dd class="music">
                            <audio src="images/nf.mp3" controls></audio>
                        </dd>
                        <!--也可以添加loop属性 音频加载到末尾时，会重新播放-->
                    </dl>
                </div>
            </aside>
        </div>
        <!--blogs end-->
        <!-- 分页 -->
        <div class="page">
            <ul class="page_list">
                <!-- <li>1</li>
                <li>2</li> -->
            </ul>
        </div>

    </div>
    <!--mainbody end-->
    <footer>
        <div class="footer-mid">
            <div class="links">
                <h2>友情链接</h2>
                <ul>
                    <li><a href="https://juejin.cn/">掘金</a></li>
                    <li><a href="https://www.csdn.net/">CSDN技术服务中心</a></li>
                </ul>
            </div>
            <div class="visitors">
                <h2>Gitee相关</h2>
                <dl>
                    <dd><a href="">Gitee Reward</a></dd>
                    <dd>Gitee 封面人物</dd>
                    <dd> GVP 项目:Gitee.com(码云) 是 OSCHINA.NET 推出的代码托管平台,支持 Git 和 SVN,提供免费的私有仓库托管。目前已有超过 800 万的开发者选择 Gitee。
                    </dd>
                </dl>
                <dl>
                    <dd> Gitee 博客 </dd>
                    <dd> Gitee crs计划</dd>
                    <dd> Gitee 公益计划
                    </dd>
                </dl>
            </div>
            <section class="flickr">
                <h2>摄影作品</h2>
                <ul>
                    <li><a href="/"><img src="images/01.jpg"></a></li>
                    <li><a href="/"><img src="images/02.jpg"></a></li>
                    <li><a href="/"><img src="images/03.jpg"></a></li>
                    <li><a href="/"><img src="images/04.jpg"></a></li>
                    <li><a href="/"><img src="images/05.jpg"></a></li>
                    <li><a href="/"><img src="images/06.jpg"></a></li>
                    <li><a href="/"><img src="images/07.jpg"></a></li>
                    <li><a href="/"><img src="images/08.jpg"></a></li>
                    <li><a href="/"><img src="images/09.jpg"></a></li>
                </ul>
            </section>
        </div>
        <div class="footer-bottom">
            <p>Copyright 2022 come on.<a href="#">Strive</a></p>
        </div>
    </footer>
    <!-- jQuery仿腾讯回顶部和建议 代码开始 -->
    <div id="tbox">
        <a id="togbook" href="javascript:;"></a>
        <a id="gotop" href="javascript:void(0)"></a>
    </div>
    <!-- 代码结束 -->
    <script></script>
    <!-- <script src="/js/ajax.js"></script> -->
    <script src="./libs/art-template.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/moment.js/2.29.4/moment.min.js"></script>
    <script src="./libs/layui/layui.js"></script>
    <script src="./js/index.js"></script>

    <!-- <script src="./js/login.js"></script> -->
    <script src="./js/register.js"></script>
    <!-- <script src="./js/personal.js"></script> -->

</body>

</html>