article.html

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>CoorChice</title>
    <link rel="shortcut icon" href="res/img/JJK_1.png" type="image/x-icon" />
    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>

    <!-- <link rel="stylesheet" type="text/css" href="css/highlight_1.css"> -->
    <link id="article_style" rel="stylesheet" type="text/css" href="css/html_style_2.css">
    <link rel="stylesheet" type="text/css" href="css/change_style.css">
    <link rel="stylesheet" type="text/css" href="css/directory.css">

    <script type="text/javascript" src="js/utils.js"></script>
    <script type="text/javascript" src="js/article.js"></script>
    <script type="text/javascript" src="js/highlight.js"></script>
    <script type="text/javascript" src="js/snackbar.js"></script>

    <!-- <script type="text/javascript" async src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_CHTML">
    </script> -->

    <script>
        getArticleContent();
        hljs.initHighlightingOnLoad();
    </script>
</head>

<body>
    <!-- 换皮肤 -->
    <div id="change_style">
        <ul class="ul_change_style">
            <div class="dropdown">
                <a href="javascript:void(0)">主题</a>
                <div class="dropdown-content">
                    <a href="javascript:changeStyle('css/html_style_2.css')">夏日</a>
                    <a href="javascript:changeStyle('css/html_style_1.css')">暖暖</a>
                </div>
            </div>
        </ul>
    </div>

    <article class="article_pre">

    </article>

    <footer style="display: none">
        <p>Create by: <a href="https://juejin.im/user/57fc43b67db2a200595ffd94">CoorChice</a></p>
        <p>Contact information: <a href="icechenx@egmail.com">icechenx@egmail.com</a>.</p>
    </footer>

    <div style="width: 100%;height:15%">

    </div>

    <script>
        addSnackbar();
    </script>
</body>


</html>