wenhui
/
DTAiLab


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115
							{% extends 'web/f_base.html' %}

{% block middle %}
<script type="text/javascript" src="/static/js3/marked.min.js"></script>
<script type="text/javascript" src="/static/js3/tocbot.min.js"></script>
<script>
    function loadMarkdownFile() {
        noteinfo = document.getElementById('h_content').value;
        const noteinfo2 = marked.parse(noteinfo);
        document.getElementById('content').innerHTML = noteinfo2;
        tocbot.init({
            tocSelector: '#toc',
            contentSelector: '#content',
            headingSelector: 'h1,h2,h3',
        });
    }
</script>
<style>
    #toc {
        display: inline-block;
        float: left;
        width: 20%;
        border-left: 1px dotted blue;
    }

    #content {
        display: flow;
        float: right;
        margin-top: 0px;
        width: 80%;
    }

</style>
<body onload="loadMarkdownFile()">
<section id="inner-headline" >
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <h2 class="pageTitle">{{noteinfo[2]}}</h2>
            </div>
        </div>
    </div>
</section>
<div class="page-section pt-4">
<!--    <div class="container">-->
        <nav aria-label="Breadcrumb">
            <ol class="breadcrumb bg-transparent mb-4">
                <li class="breadcrumb-item"><a href="/resnotes">科研笔记</a></li>
                <li class="breadcrumb-item"><a href="/noteslist/{{noteinfo[1]}}"> {{noteinfo[2]}}</a></li>
                <li class="breadcrumb-item active" aria-current="page"> {{noteinfo[3]}}</li>
            </ol>
        </nav>
        <div class="row">
            <div class="col-lg-2">
                <div class="widget">
                    <div class="widget-box">
                        <h5 class="widget-title">专题：<a href="/noteslist/{{noteinfo[1]}}"> {{noteinfo[2]}}</a></h5>
                        <ul>
                            {% for row2 in notelist %}
                            <li><a href="{{row2[0]}}">{{row2[3]}}</a></li>
                            {% endfor %}
                        </ul>


                    </div>
                </div>
            </div>
            <div class="col-lg-10">
                <div class="blog-single-wrap">
                    <h1 class="post-title" style="text-align: center">{{noteinfo[3]}}</h1>

                    <div class="post-meta">
                        <div class="post-author" style="text-align: center">
                            {% if noteinfo[4]==2 %}转载笔记 来源：<a href="{{noteinfo[6]}}">{{noteinfo[5]}}</a>
                            {% else %}
                            原创笔记
                            {%endif%}
                            <span class="gap">|</span>
                            <span class="text-grey">编辑：</span>{{noteinfo[7]}}
                            <span class="gap">|</span>
                            创建时间：{{noteinfo[8]}} 最后更新时间：{{noteinfo[9]}}
                        </div>
                    </div>

                    <div class="post-content" id="div_content">
                        <input type="hidden" id="h_content" value="{{noteinfo[10]}}"/>
                        <div id="toc"></div>
                        <div id="content"></div>
                    </div>
                    <div class="post-content">
                        <ul class="categories" style="align-items: baseline">
                            {% if noteinfo[11]!='' %}
                            <li><a href="{{noteinfo[11]}}">[FileLink]</a></li>
                            {% endif%}
                            {% if noteinfo[12]!='' %}
                            <li><a href="{{noteinfo[12]}}">[PPTLink]</a></li>
                            {% endif%}
                            {% if noteinfo[13]!='' %}
                            <li><a href="{{noteinfo[13]}}">[VideoLink]</a></li>
                            {% endif%}
                            {% if noteinfo[14]!='' %}
                            <li><a href="{{noteinfo[14]}}">[CodeLink]</a></li>
                            {% endif%}
                            {% if noteinfo[15]!='' %}
                            <li><a href="{{noteinfo[15]}}">[DataLink]</a></li>
                            {% endif%}
                        </ul>
                    </div>
                </div> <!-- .blog-single-wrap -->
            </div>
        </div>
    </div>
<!--</div>-->
</body>
{% endblock %}