{{template "header" .}}
<meta name="keywords" content="{{.Blog.Title}}-【码农随笔】">
<meta name="description" content="{{.Blog.BlogDesc}}">
<title>{{.Blog.Title}} - 码农随笔</title>
<!--<link href="https://cdn.bootcdn.net/ajax/libs/highlight.js/11.2.0/styles/androidstudio.min.css" rel="stylesheet">-->
<link href="https://cdn.bootcdn.net/ajax/libs/highlight.js/11.2.0/styles/atom-one-dark.min.css" rel="stylesheet">
<!--<link href="https://cdn.bootcss.com/highlight.js/9.15.6/styles/atelier-dune-light.min.css" rel="stylesheet">-->
<script src="https://cdn.bootcdn.net/ajax/libs/highlight.js/11.2.0/highlight.min.js"></script>
</head>
<body>
<div class="root-container">
    {{template "nav" .}}
    <div class="blog-root">
        <h1 class="blog-title">{{.Blog.Title}}</h1>
        <div class="blog-info">
            <div class="blog-author">
                <div class="author-headimg">
                    <a href="/u/{{.Blog.User.Id}}"><img src="{{.Blog.User.Headimg}}" alt="头像" class="img-circle"></a>
                </div>
                <div class="author-info">
                    <a href="/u/{{.Blog.User.Id}}">{{.Blog.User.NickName}}</a><br>
                    <span>{{.Blog.Ctime.Format "2006-01-02"}}</span><span class="catelog-name"> {{.Blog.CateName}}  </span><span>阅读量 {{.Blog.Browses}}</span>
                </div>
                <div class="blog-label">
                    {{range .Blog.Lables}}
                        <label>{{.Title}}</label>
                    {{end}}
                </div>
            </div>
        </div>
        <div style="width: 100%;height: 100%" class="blog-detaile">
            {{str2html .Blog.BlogHtml}}
            <ins class="adsbygoogle"
                 style="display:block; text-align:center;"
                 data-ad-layout="in-article"
                 data-ad-format="fluid"
                 data-ad-client="ca-pub-5305532197406602"
                 data-ad-slot="2562569334"></ins>
            <script>
                (adsbygoogle = window.adsbygoogle || []).push({});
            </script>
            <div id="vcomments" style="margin-top: 20px"></div>
        </div>
    </div>
    <div class="footer-container">
        {{template "footer"}}
    </div>
</div>
</div>
<script src='//unpkg.com/valine/dist/Valine.min.js'></script>
<script type="text/javascript">
    new Valine({
        el: '#vcomments',
        appId: 'lWtRBAAXGC76c8isonGu2T1r-gzGzoHsz',
        appKey: 'BuczlnuLsdPXd6DVdCirNiIo',
        visitor: true,
        placeholder: ' 欢迎留下您的宝贵建议,请填写您的昵称和邮箱便于后续交流. ^_^ ',
        requiredFields: ['mail'],
        lang: "zh-cn"
    });
</script>
<script>
    hljs.initHighlightingOnLoad();

    $(function () {

    })
</script>
<script>
    (function(){
        var src = "https://s.ssl.qhres2.com/ssl/ab77b6ea7f3fbf79.js";
        document.write('<script src="' + src + '" id="sozz"><\/script>');
    })();
</script>
</body>
</html>