{{template "header" .}}
<meta name="keywords" content="码农随笔,个人随笔,博客,个人博客,个人笔记,技术博客,免费云笔记,云笔记,随笔,IT博客,谷歌地图,码农笔录,aiprose">
<title>码农随笔· IT技术博客</title>
</head>
<body>
<div id="vue-app">
    {{template "nav" .}}
    <div class="blog-root">
        <div class="jumbotron" style="margin-top: 50px;margin-bottom: 10px">
            <blockquote class="layui-elem-quote">码农随笔 3.0(golang + vue)版本正式上线</blockquote>
        </div>
        <div style="display: flex">
            <div style="flex: 1">
                <h5>最新发布</h5>
                {{range .TimeBlog}}
                    <p><a href="/blog/{{.Id}}" target="_blank">{{.Title}}</a></p>
                {{end}}
                <p><a href="https://www.aiprose.com/blogs">查看更多...</a></p>
            </div>
            <div style="flex: 1">
                <h5>流量王者</h5>
                {{range .BrowsBlog}}
                    <p><a href="/blog/{{.Id}}" target="_blank">{{.Title}}</a></p>
                {{end}}
                <p><a href="https://www.aiprose.com/blogs">查看更多...</a></p>
            </div>
        </div>
        <div style="display: flex">
            <div style="flex: 1">
                <h5>收藏排行</h5>
                {{range .LikeBlog}}
                    <p><a href="/blog/{{.Id}}" target="_blank">{{.Title}}</a></p>
                {{end}}
                <p><a href="https://www.aiprose.com/blogs">查看更多...</a></p>
            </div>
            <div style="flex: 1">
                <h5>人气最旺</h5>
                {{range .CommBlog}}
                    <p><a href="/blog/{{.Id}}" target="_blank">{{.Title}}</a></p>
                {{end}}
                <p><a href="https://www.aiprose.com/blogs">查看更多...</a></p>
            </div>
        </div>
    </div>
    <div class="footer-container">
        {{template "footer"}}
    </div>
</div>

</body>
<script>
    var app = new Vue({
        delimiters: ['${', '}'],
        el: '#vue-app',
        data: {
        }
    })
</script>
<script>
    $(function () {
        /*百度收录*/
        var bp = document.createElement('script');
        var curProtocol = window.location.protocol.split(':')[0];
        if (curProtocol === 'https') {
            bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
        } else {
            bp.src = 'http://push.zhanzhang.baidu.com/push.js';
        }
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(bp, s);

        /*360收录*/
        var qihuo = document.createElement('script');
        if (curProtocol === 'https') {
            qihuo.src = 'https://jspassport.ssl.qhimg.com/11.0.1.js?d33b14200fa89b7ecd3780341cd234c';
        } else {
            qihuo.src = 'http://js.passport.qihucdn.com/11.0.1.js?d33b14200fa89b7ecd3780341cd234c4';
        }
        qihuo.id = "sozz"
        var s = document.getElementsByTagName("script")[1];
        s.parentNode.insertBefore(qihuo, s);
    })

</script>
</html>