{{template "header" .}}
<div class="sub-title">- {{ .Title }} -</div>

<h1 style="text-align: center">{{ .Data.Title }}</h1>

<div class="article-info">
    <span>
        <img class="icon" src="/public/img/folder.svg" alt="">
        <span>
            分类于
            <a class="category" href="/?category={{ .Data.Category }}">{{ .Data.Category }}</a>
        </span>
    </span>
    <span class="divider-line"></span>
    <span>
        <img class="icon" src="/public/img/date.svg" alt="">
        <span>发表于{{ .Data.Date.Format "2006-01-02 15:04" }}</span>
    </span>
    <span class="divider-line"></span>
    <span>
        <img class="icon" src="/public/img/tag.svg" alt="">
        <span>Tags:
        {{ range .Data.Tags }}
        <a class="category" href="/?tag={{.}}">{{.}}</a>
        {{ end }}</span>
    </span>
    <!--    <span id="busuanzi_container_page_pv">-->
    <!--        已浏览<span id="busuanzi_value_page_pv"></span>次-->
    <!--    </span>-->
</div>

{{ if ne .Data.MusicId "" }}
<script src="https://cdn.jsdelivr.net/npm/aplayer@1.10.1/dist/APlayer.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/meting@1.2.0/dist/Meting.min.js"></script>
<script>
    var windowWidth = $(window).width();
    var meting_api = 'https://api.injahow.cn/meting/?server=:server&type=:type&id=:id';
</script>
<script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/gh/kaygb/kaygb@master/layer/layer.js"></script>
<div id="aplayer" class="aplayer" data-order="random" data-id="{{ .Data.MusicId }}" data-server="netease"
    data-type="playlist" data-fixed="true" data-autoplay="true" data-volume="0.8"></div>
<span class="pln"><span class="pln"> </span></span>
{{ end }}
<div id="article" class="markdown">

</div>

<script>
    document.getElementById('article').innerHTML = marked({{ .Data.Body }});
</script>
<script src="/public/js/prism.js"></script>
{{template "reviews" .}}
{{template "footer" .}}