huajianji
/
index.html

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">


        <title> 中文诗歌 </title>
        <meta name="author"  content="JackeyGao">
        <meta name="description" content="JackeyGao, 一个程序员的技术分享和对生活的理解.">
        <meta name="keywords"  content="JackeyGao, JackeyGao的日记本, Python, Django, Vue.js, chinese-poetry">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="./assets/global.css?v=3334">
        <link rel="stylesheet" href="./assets/theme.css">
        <link rel="stylesheet" href="./assets/semantic/components/site.min.css">
        <link rel="apple-touch-icon" sizes="180x180" href="./assets/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="./assets/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="./assets/favicon/favicon-16x16.png">
<link rel="manifest" href="./assets/favicon/site.webmanifest">
<link rel="mask-icon" href="./assets/favicon/safari-pinned-tab.svg" color="#5bbad5">
<link rel="shortcut icon" href="./assets/favicon/favicon.ico">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="msapplication-config" content="./assets/favicon/browserconfig.xml">
<meta name="theme-color" content="#ffffff">
    <link rel="stylesheet" href="./assets/semantic/components/container.min.css">
    <link rel="stylesheet" href="./assets/semantic/components/grid.min.css">
    <link rel="stylesheet" href="./assets/semantic/components/card.min.css">
    <link rel="stylesheet" href="./assets/semantic/components/icon.min.css">

    <style>
    </style>

    </head>

    <body>
        <div id="main" style="background-image: url('./assets/images/ying.png'); ">

<div id="detail" class="ui stackable two column grid">
    <div class="zuo column">
        <div class="cover" style="background-image: url('./images/polayoutu-00066.jpg');">
            <div class="intro">
                <div class="inner">
                来自: <a href="http://www.polayoutu.com/collections" target="blank">泼辣有图</a>
                </div>
            </div>
        </div>
    </div>
    <div class="you column">
        <div class="poetry">

            <div class="inner-wrapper">
                <div class="title" style="">
                    诗词项目
                </div>

                <div class="ui projects stackable three cards" style="margin: 0;">
                    <div class="card">
                        <div class="content">
                            <div class="name"><a class="link under" href="/poetry-calendar/">诗词周历</a></div>
                            <div class="url">/poetry-calendar/</div>
                        </div>
                    </div>
                    <div class="card">
                        <div class="content">
                            <div class="name"><a class="link under" href="https://github.com/chinese-poetry/weapp-calendar">日历小程序</a></div>
                            <div class="url">/weapp-calendar/</div>
                        </div>
                    </div>
                </div>


                <div class="title" style="">
                    中文诗歌
                </div>
                <div class="ui stackable three cards" style="margin: 0;">

                    <div class="card">
                        <div class="content">

                            <div class="name"><a class="link under" href="./www/花间集.html">花间集</a></div>

                        </div>
                    </div>

                    <div class="card">
                        <div class="content">

                            <div class="name"><a class="link under" href="./www/南唐二主词.html">南唐二主词</a></div>

                        </div>
                    </div>

                    <div class="card">
                        <div class="content">

                            <div class="name"><a class="link under" href="./www/list/唐诗三百首.html">唐诗三百首</a></div>

                        </div>
                    </div>

                    <div class="card">
                        <div class="content">

                            <div class="name"><a class="link under" href="./www/list/宋词三百首.html">宋词三百首</a></div>

                        </div>
                    </div>

                    <div class="card">
                        <div class="content">

                            <div class="name"><a class="link under" href="./www/教科书选诗.html">教科书选诗</a></div>

                        </div>
                    </div>

                    <div class="card">
                        <div class="content">

                            <div class="name"><a class="link under" href="./www/list/古诗十九首.html">古诗十九首</a></div>

                        </div>
                    </div>

                    <div class="card">
                        <div class="content">

                            <div class="name"><a class="link under" href="./www/诗经.html">诗经</a></div>

                        </div>
                    </div>

                    <div class="card">
                        <div class="content">

                            <div class="name"><a class="link under" href="./www/千家诗.html">千家诗</a></div>

                        </div>
                    </div>

                    <div class="card">
                        <div class="content">

                            <div class="name"><a class="link under" href="./www/声律启蒙.html">声律启蒙</a></div>

                        </div>
                    </div>

                    <div class="card">
                        <div class="content">

                            <div class="name"><a class="link under" href="./www/三字经.html">三字经</a></div>

                        </div>
                    </div>

                    <div class="card">
                        <div class="content">

                            <div class="name"><a class="link under" href="./www/唐诗三百首·蒙学.html">唐诗三百首·蒙学</a></div>

                        </div>
                    </div>

                </div>

                <div class="title" style="">
                    小程序
                </div>
                <div class="weapp-wrapper">
                    <div class="item">
                        <img src="./assets/images/shiciwenji.jpg">
                    </div>
                    <div class="item">
                        <img src="./assets/images/zhongwenshige.jpg">
                    </div>
                </div>


                <div class="content">
                    <div class="title" style="">
                        关于
                    </div>
                    <hr class="line" align="left"/>

                    <p>中文诗歌web版本, 目前支持的文集有 <a href="./www/花间集.html" class="link under">花间集</a> <a href="./www/南唐二主词.html" class="link under">南唐二主词</a> <a href="./www/唐诗三百首.html" class="link under">唐诗三百首</a> <a href="./www/宋词三百首.html" class="link under">宋词三百首</a> <a href="./www/教科书选诗.html" class="link under">教科书选诗</a> <a href="./www/古诗十九首.html" class="link under">古诗十九首</a> <a href="./www/诗经.html" class="link under">诗经</a> <a href="./www/千家诗.html" class="link under">千家诗</a> <a href="./www/声律启蒙.html" class="link under">声律启蒙</a> <a href="./www/三字经.html" class="link under">三字经</a> <a href="./www/唐诗三百首·蒙学.html" class="link under">唐诗三百首·蒙学</a> , 后续会补充此文集, 如果你有好的想法， 也欢迎你联系我.</p>
                    <p>你可以直接或者间接的帮助此项目更新:</p>
                    <div style="padding-left: 1em;">
                        <p>- <a class="link under" href="https://github.com/chinese-poetry/">直接PR</a></p>
                        <p>- <a class="link under" href="mailto:gaojunqi@outlook.com?subject=关于「增加诗词数据」">推荐数据集合</a></p>
                        <p>- <a class="link under" href="mailto:gaojunqi@outlook.com?subject=关于「配图投递」&body=希望配图的诗文是：">推荐配图</a>(保证版权)</p>
                        <p>- <a class="link under" href="mailto:gaojunqi@outlook.com?subject=关于「提供优化建议」">提供优化建议</a>(UI, 内容)</p>
                        <p>- <a class="link under" href="https://ijg.io/r/about.html#me">打赏我</a> :)</p>
                    </div>

                    <hr class="line" align="left"/>

                    <p>数据来源于 <a class="link under" href="https://github.com/chinese-poetry">中文诗歌数据库</a>, 移动端底部用到了<a class="link under" href="https://www.jinrishici.com/">今日诗词</a>API, 特别感谢!</p>
                    <p>本项目部署在 Github Pages 是属于静态生成网站. 数据来源和配图来源均来自于互联网， 如有侵权请<a href="mailto:gaojunqi@outlook.com" class="link under">联系我</a>下线删除.</p>
                    <p>项目地址: <a class="link" href="https://github.com/chinese-poetry/huajianji"><i class="github icon"></i>chinese-poetry/huajianji</a></p>
                    <p>联系我: <a class="link under" href="https://ijg.io/r/about.html">JackeyGao博客</a></p>

                    <p><a class="link under" href="https://ijg.io/r/about.html#me"><i class="thumbs up outline green icon"></i>打赏我</a></p>

                    <p>(,,・ω・,,) 你的打赏能很大程度的激励我更新.</p>
                </div>
            </div>
        </div>
    </div>
</div>

        <div class="mobile">
            <div id="footer" class="content">
                <div id="jinrishici-tag">长恨</div>
                <span id="jinrishici-sentence">自是人生长恨水长东.</span>
            </div>

            <div class="end content">
                <p>© <a class="link under" href="https://jackeygao.io">JackeyGao.io</a> 2019</p>
            </div>
        </div>
        <a href="https://github.com/chinese-poetry" class="github-corner" aria-label="View source on GitHub">
            <svg width="80" height="80" viewBox="0 0 250 250" style="fill:#333; color:#fff; position: absolute; top: 0; border: 0; right: 0;" aria-hidden="true">
                <path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path>
                <path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path>
                <path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor" class="octo-body"></path>
            </svg>
        </a>
        </div>
    </body>


    <script>
    // 今日诗词
    function jinrishiciLoad () {
        var xhr = new XMLHttpRequest();
        xhr.open('get', 'https://v2.jinrishici.com/one.json');
        xhr.withCredentials = true;
        xhr.onreadystatechange = function () {
          if (xhr.readyState === 4) {
            var data = JSON.parse(xhr.responseText);
            // 处理示例
            var gushici = document.getElementById('jinrishici-sentence');
            gushici.innerText = data.data.content;
            var gushiciTag = document.getElementById('jinrishici-tag');
            if (data.data.matchTags.length > 0) {
                gushiciTag.innerText = data.data.matchTags[0];
            } else {
                gushiciTag.innerText = data.data.origin.author;
            }
          }
        };
        xhr.send();
    }

    jinrishiciLoad()
    </script>


</html>