CINXE.COM
漢典古籍
<!DOCTYPE html> <html itemscope itemtype="http://schema.org/WebPage" lang="zh" xml:lang="zh"> <head> <title>漢典古籍</title> <link rel="icon" type="image/png" href="/images/favicon.ico"/> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="ROBOTS" content="index,follow"> <meta name="language" content="zh-CN"> <meta name="copyright" content="漢典古籍"> <meta name="format-detection" content="telephone=no"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta name="robots" content="noarchive"> <meta name="description" content="電子古籍,古籍收集,古籍善本,古典文學,古典小說,提供經、史、子、集的分類瀏覽" /> <meta name="keywords" content="古籍,經史子集,四庫全書" /> <meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' > <meta property="og:title" content="漢典古籍"/> <meta property="og:locale" content="zh-CN"> <meta property="og:type" content="website" /> <meta property="og:description" content="電子古籍,古籍收集,古籍善本,古典文學,古典小說,提供經、史、子、集的分類瀏覽" /> <meta property="og:url" content="https://gj.zdic.net/" /> <meta property="og:site_name" content="漢典古籍"/> <meta property="og:image" content="/images/no-image.png" /> <meta property="og:image:secure_url" content="/images/no-image.png"> <meta property="og:image:width" content="1285"> <meta property="og:image:height" content="857"> <meta property="og:image:alt" content="漢典古籍"> <meta property="og:image:type" content="image/jpeg"> <script type="text/javascript" src="/js/jquery.min.js"></script> <script type="text/javascript"> // check window width and determine device type var deviceType = function() { console.log("loaded deviceType()"); var mobileMaxWidth = 610; var tabletMaxWidth = 1000; var w = jQuery( window ).width(); var type = 'mobile'; if ( w > mobileMaxWidth && w < tabletMaxWidth ) { type = 'tablet'; } else if ( w > tabletMaxWidth ) { type = 'desktop'; } return type; }(); </script> <link rel="stylesheet" type="text/css" href="/css/style.css"> <link rel="stylesheet" type="text/css" href="/css/general-styles.min.css"> </head> <body class=" "> <input type="hidden" id="APP_URL" value="https://gj.zdic.net/" /> <input id="BASE_URL" type="hidden" value="https://gj.zdic.net/" /> <h1 hidden class="hidden">主頁</h1> <header class="no-print"> <div class="sticky-menu"> <div class="header-content"> <div class="container"> <div class="row"> <div class="col-md-12 organization_name hidden hidden-desktop"></div> <div class="mobile-spacing"> </div> </div> <div class="row"> <div class="col-md-4 left-col"> <div class="burger-menu" onclick="toggleSidebar()"><img src="/images/burger_icon.svg" alt="Menu" /></div> <div class="search-open"><img src="/images/search_icon.svg" alt="Search" /></div> </div> <div class="col-md-4 middle-col"> <div class="logo"><a href='/' title="汉典古籍"><img src="/images/logo.svg" alt="汉典古籍" /></a></div> </div> <div class="col-md-4 right-col"> <div></div> <div class="organization_name hidden hidden-mobile"></div> </div> </div> </div> </div> </div> <div class="header-ad DisplayAd"> <div class="container"> <div class="row"> <div class="col-md-12"> </div> </div> </div> </div> <div class="header-content"> <div class="container"> <div class="row"> <div class="col-md-12 organization_name hidden hidden-desktop"></div> <div class="mobile-spacing"> </div> </div> <div class="row"> <div class="col-md-4 left-col"> <div class="burger-menu" onclick="toggleSidebar()"><img src="/images/burger_icon.svg" alt="Menu" /></div> <div class="search-open"><img src="/images/search_icon.svg" alt="Search" /></div> </div> <div class="col-md-4 middle-col"> <div class="domain">gj.zdic.net</div> <div class="logo"><a href='/' title="汉典古籍"><img src="/images/logo.svg" alt="汉典古籍" /></a></div> <div class="slogan"><img src="/images/slogan.svg" alt="The Independent Voice in Asia" /></div> </div> <div class="col-md-4 right-col"> <ul id="user_account_header"> <li class="subscribe subscribe_info hidden"> <div class="dropdown-content"></div> </li> <li class="login login_info"><a href="/e/member/fava/" class="piano-login-button" title="書架"><img src="/images/books_icon.svg" alt="書架" height="20" width="19" /></a></li> </ul> <div class="organization_name hidden hidden-mobile"></div> </div> </div> </div> </div> <div class="mobile-date"> <div class="container"> <div class="row"> <div class="col-md-12">gj.zdic.net</div> </div> </div> </div> <div class="search-container"> <div class="container"> <div class="row"> <div class="col-md-12"> <form class="holder-search" method="post" action="/e/search/index.php" id="headerSearchForm"> <input type="hidden" name="show" value="title"><input type="hidden" name="tempid" value="1"> <input class="form-field" type="text" placeholder="Search" name="keyboard" autocomplete="off" id="keyboard" required> <button class="btn-submit" type="submit"><span class="search" id="toggleSearch"><img src="/images/search_icon.svg" alt="Search" /></span></button> </form> <div class="close-form"><i class="icon-close"></i></div> </div> </div> </div> </div> <div class="hot-topics"> <div class="container"> <div class="row"> <div class="col-md-12 items"> <div class="separator"> <a href="/jingbu/" title="經部">經部</a> </div> <div class="separator"> <a href="/shibu/" title="史部">史部</a> </div> <div class="separator"> <a href="/zibu/" title="子部">子部</a> </div> <div class="separator"> <a href="/jibu/" title="集部">集部</a> </div> </div> </div> </div> </div> </header> <div id="overlay"></div> <sidebar class="no-print"> <div class="logo"> <a href="/" title="汉典古籍"><img src="/images/logo-white-2.png" alt="汉典古籍"> </a> <div class="close-sidebar" onclick="toggleSidebar()"><i class="icon-close"></i></div> </div> <div class="extra-height"> </div> <div class="subscribe-section"> <div class="mobile-search-container"> <form class="holder-search" method="post" action="/e/search/index.php" id="headerSearchForm"> <input type="hidden" name="show" value="title"><input type="hidden" name="tempid" value="1"> <input class="form-field" type="text" placeholder="Search" name="keyboard" autocomplete="off" id="keyboard" required> <button class="btn-submit" type="submit"><span class="search" id="toggleSearch"><img src="/images/search_icon.svg" alt="Search" width="16.5" height="16.5" /></span></button> </form> </div> </div> <div class="menu-section"> <ul class="sections"> <li class="section-item" id="97"> <a href="/jingbu/" title="經部">經部</a> <i class="icon-chevron-down action-icon"></i> <ul class="subsections hidden" id="subsections-97"> <li><a href="/tags/1" title="十三经">【十三经】</a></li> <li><a href="/tags/2" title="十三经注疏">【十三经注疏】</a></li> <li><a href="/tags/3" title="经学史及小学类">【经学史及小学类】</a></li> </ul> </li> <li class="section-item" id="109"> <a href="/shibu/" title="史部">史部</a> <i class="icon-chevron-down action-icon"></i> <ul class="subsections hidden" id="subsections-109"> <li><a href="/tags/4" title="正史">【正史】</a></li> <li><a href="/tags/5" title="編年">【編年】</a></li> <li><a href="/tags/6" title="紀事本末">【紀事本末】</a></li> <li><a href="/tags/7" title="別雜史等">【別雜史等】</a></li> <li><a href="/tags/8" title="史評">【史評】</a></li> <li><a href="/tags/9" title="詔令奏議">【詔令奏議】</a></li> <li><a href="/tags/10" title="傳記">【傳記】</a></li> <li><a href="/tags/11" title="史鈔">【史鈔】</a></li> <li><a href="/tags/12" title="載記">【載記】</a></li> <li><a href="/tags/13" title="時令">【時令】</a></li> <li><a href="/tags/14" title="地理">【地理】</a></li> <li><a href="/tags/15" title="職官">【職官】</a></li> <li><a href="/tags/16" title="政書">【政書】</a></li> <li><a href="/tags/17" title="目錄">【目錄】</a></li> <li><a href="/tags/18" title="金石">【金石】</a></li> </ul> </li> <li class="section-item" id="114"> <a href="/zibu/" title="子部">子部</a> <i class="icon-chevron-down action-icon"></i> <ul class="subsections hidden" id="subsections-114"> <li><a href="/tags/19" title="儒家">【儒家】</a></li> <li><a href="/tags/20" title="釋家">【釋家】</a></li> <li><a href="/tags/21" title="道家">【道家】</a></li> <li><a href="/tags/22" title="法家">【法家】</a></li> <li><a href="/tags/23" title="兵家">【兵家】</a></li> <li><a href="/tags/24" title="農家">【農家】</a></li> <li><a href="/tags/25" title="雜家">【雜家】</a></li> <li><a href="/tags/26" title="術數">【術數】</a></li> <li><a href="/tags/27" title="醫家">【醫家】</a></li> <li><a href="/tags/28" title="科技">【科技】</a></li> <li><a href="/tags/29" title="藝術">【藝術】</a></li> <li><a href="/tags/30" title="書畫">【書畫】</a></li> <li><a href="/tags/31" title="譜錄">【譜錄】</a></li> <li><a href="/tags/32" title="類書">【類書】</a></li> <li><a href="/tags/33" title="蒙學">【蒙學】</a></li> </ul> </li> <li class="section-item" id="120"> <a href="/jibu/" title="集部">集部</a> <i class="icon-chevron-down action-icon"></i> <ul class="subsections hidden" id="subsections-120"> <li><a href="/tags/34" title="總集">【總集】</a></li> <li><a href="/tags/35" title="別集">【別集】</a></li> <li><a href="/tags/36" title="楚辭">【楚辭】</a></li> <li><a href="/tags/37" title="詞">【詞】</a></li> <li><a href="/tags/38" title="詩文評">【詩文評】</a></li> <li><a href="/tags/39" title="曲">【曲】</a></li> <li><a href="/tags/40/" title="小說">【小說】</a></li> </ul> </li> </ul> </div> <div class="user_account"> <script src="/e/member/login/loginjs.php"></script> </div> </sidebar> <script type="text/javascript"> $(function() { if ($('header .adjust-space').length) { var headerHeight = $('header.not-home-header .always-visible').height(); $('header .adjust-space').css('height', headerHeight + 'px'); } $("header .header-content .right-col #user_account_header li.subscribe_info").on({ mouseenter: function () { $('i', $(this)).removeClass('icon-chevron-down').addClass('icon-chevron-up'); }, mouseleave: function () { $('i', $(this)).removeClass('icon-chevron-up').addClass('icon-chevron-down'); } }); }); $(window).on('scroll', function() { var height = $(window).scrollTop(); var topHeight = $('header').outerHeight() - 20; // for home page if (height > topHeight) { $("header .sticky-menu").addClass("visible"); $("header .search-container").addClass("sticky-search"); } else { $("header .sticky-menu").removeClass("visible"); $("header .search-container").removeClass("sticky-search"); } }); $('header .search-open').on('click', function() { $('header .search-container').toggleClass('show'); }); $('header .close-form').on('click', function() { $('header .search-container').removeClass('show'); }); $('#overlay').on('click', function() { // alert('hello'); $('html').removeClass("hidden-body"); if ($('sidebar').hasClass('active')) { $('sidebar').removeClass('active') } if ($("div.account-data").hasClass('active')) { $("div.account-data").removeClass('active') } $("#overlay").toggleClass("active"); }); $('li.section-item .action-icon').on('click', function(e) { var parentItem = $(this).closest('li[class^="section-item"]'); if (!$(e.target).closest('.subsections').length) { e.preventDefault(); $('.subsections').slideUp(); $('.subsections').addClass('hidden'); $('.section-item i').addClass('icon-chevron-down').removeClass('icon-chevron-up'); if (!parentItem.hasClass('active')) { if(parentItem.children('i').hasClass('icon-chevron-down')){ parentItem.children('i').removeClass('icon-chevron-down').addClass('icon-chevron-up'); }else{ parentItem.children('i').addClass('icon-chevron-down').removeClass('icon-chevron-up'); } parentItem.children('.subsections').removeClass('hidden'); parentItem.children('.subsections').slideDown(); } } parentItem.toggleClass('active'); }); function toggleSidebar() { $("sidebar").toggleClass("active"); $("#overlay").toggleClass("active"); if ($("sidebar").hasClass('active')) { $('html').addClass("hidden-body"); } else { $('html').removeClass("hidden-body"); } } function toggleAccountInfo() { $("div.account-data").toggleClass("active"); $("#overlay").toggleClass("active"); if ($("div.account-data").hasClass('active')) { $('html').addClass("hidden-body"); } else { $('html').removeClass("hidden-body"); } } </script> <main class=" home-page "> <!-- with_container --> <div hidden id="page_info" data-np_page_id="60" data-is_home_page="1" data-is_article_page="0" data-page_title="home"> </div> <script> var article_info = 0; </script> <div class="container "> <div class="row"> <div class="col-md-8 col-xs-12"> <!--gj-home-tabs--> <style> .gj-home-tabs{margin-bottom: 25px;} .gj-home-tabs .article-image-desktop .layout-ratio{padding-bottom: 75%;} @media (max-width: 768px){ .gj-home-tabs .article-image-desktop{display: none;} } </style> <div class="gj-home-tabs " data-widget-id="4239"> <div class="row"> <div class=" col-md-5 article-body"> <!-- view for gj-tab-site-des--> <!--gj-tab-site-des--> <style> .gj-tab-site-des .article-image-mobile{display: none;} /*.gj-tab-site-des .article-section{margin-top: 4px;}*/ .gj-tab-site-des .site-des{display:inline;text-transform: uppercase;font-family: 'Neue Medium'; color:#FFFFFF; font-size: 15px;line-height: 18px; background-color: #C8102E;padding: 3px 6px;} .gj-tab-site-des .separator{color:#333;font-family: 'Neue Bold';font-size: 11px;line-height: 14px;} .gj-tab-site-des .article-title{margin-bottom: 14px;} .gj-tab-site-des .article-section a{font-family: 'Pluto Sans Bold', 'Helvetica Neue', Helvetica, Arial, sans-serif; color:#c8102e; font-size: 11px;line-height: 14px; text-transform: uppercase;} .gj-tab-site-des .article-title a{font-family: 'Utopia Std Semi Bold', Georgia, serif; color:#333; font-size: 27px;line-height: 29px;} .gj-tab-site-des .article-body a{font-family: 'Utopia Std', Georgia, "Hiragino Mincho Pro", "Hiragino Mincho", serif; color:#333333; font-size: 17px;line-height: 24px;overflow: hidden;display:block;max-height: 264px;} .gj-tab-site-des .article-body p{font-size:20px;line-height:32px;} .gj-tab-site-des .article-byline{font-family: 'Pluto Sans regular', 'Helvetica Neue', Helvetica, Arial, sans-serif!important; color:#898989; font-size: 11px;line-height: 21px;text-transform: uppercase;} .gj-tab-site-des .article-byline a{color:#898989} @media (max-width: 768px){ .gj-tab-site-des .article-image-mobile{display: block;margin-bottom: 5px;} .gj-tab-site-des .article-image-mobile .layout-ratio{padding-bottom: 67%;} .gj-tab-site-des .article-title a{font-size: 20px;line-height: 20px;} } </style> <div class="gj-tab-site-des " data-widget-id="4240"> <div class="article-image-mobile"><a title=""> <div class="layout-ratio"> <picture> <source media="(min-width: 786px)" data-srcset="" type="image/jpg"> <source data-srcset="" type="image/jpg"> <img src="" class="image-container lazy figure-img img-fluid rounded" data-src="" alt="" title="" onerror="this.src='/images/no-image.png';this.removeAttribute('onerror');"> </picture> </div> </a></div> <div class="article-details"> <div class="article-section"></div> <div class="article-title"></div> <div class="article-byline"></div> <div class="article-body index-txt"> <p>汉典古籍网,集古籍之汇编,其意在传承先贤智慧,展现文献全貌。其分四部:经、史、子、集。经部藏儒家经典,如《易经》、《尚书》;史部收历代史籍,如《史记》、《汉书》;子部汇诸子百家之论,如《老子》、《庄子》;集部录诗词文赋,如《楚辞》、《全唐诗》。以文化传承为志,便利学术研究,助益文化教育,亦为历史延续之所在。</p> </div> </div> </div> <!-- view for gj-more-coverage--> <!--gj-more-coverage--> <style> .gj-more-coverage{margin-top: 20px;margin-bottom: 12px;} .gj-more-coverage h2.widget-title-coverage{margin-bottom: 8px;margin-top: 0px;font-family: 'Pluto Sans Bold', 'Helvetica Neue', Helvetica, Arial, sans-serif;color: #c8102e;font-size: 11px; line-height: 14px;text-transform: uppercase;} .gj-more-coverage .article-title{margin-bottom: 10px;} .gj-more-coverage .article-title a{font-family: 'Utopia Std Semi Bold', Georgia, serif; color:#333; font-size: 15px;line-height: 19px;} .gj-more-coverage .article-title a::before {content: "";width: 6px;height: 6px; border-radius: 50%; margin-right: 8px;display: inline-block; background-color: #C8102E;} @media (max-width: 768px){ .gj-more-coverage .article-title a{max-height: unset;min-height: unset;} } </style> <div class="gj-more-coverage no-print " data-widget-id="4241"> </div> </div> <div class="col-md-7 article-image-desktop"> <a title=""> <div class="layout-ratio"> <picture> <source media="(min-width: 786px)" data-srcset="" type="image/jpg"> <source data-srcset="" type="image/jpg"> <img src="" class="image-container lazy figure-img img-fluid rounded" data-src="" style="object-position:54% 29.411764705883%;" alt="" title="" onerror="this.src='/images/no-image.png';this.removeAttribute('onerror');"> </picture> </div> </a> </div> </div> <div > <!-- 随机图片显示 --> </div> <script> $(document).ready(function() { // 图片数组 const images = [ '/images/gh1_800.png', '/images/gh2_800.png', '/images/gh3_800.png', // 更多图片路径... ]; // 随机选择一张图片 const randomImage = images[Math.floor(Math.random() * images.length)]; // 使用jQuery设置图片元素的src属性 $('.image-container').attr('src', randomImage); }); </script> </div> <p> </p> </div> <div class="col-md-4 col-xs-12"> <!-- gj-sidebar-tabs --> <div class="gj-sidebar-tabs no-print " data-widget_id="586"> <div class="row"> <div class="col-md-12"> <div class=" navContent"> <ul class="nav nav-pills" role="tablist"> <li class="nav-item active" id="button-0"> <a class="nav-link" data-widget_id="m1" title="Latest">精选推荐</a> </li> <li class="separator"> </li> <li class="nav-item " id="button-1"> <a class="nav-link" data-widget_id="m1" title="Latest">阅读排行</a> </li> </ul> <div class="tab-content"> <div class="tab-pane active" id="tab-button-0"> <!--gj-trending--> <div class="gj-trending " data-widget-id="587"> <div class="article"> <div class="article-details "> <div class="article-title"><a href="/jibu/1221/" title="古文观止">古文观止</a></div> </div> </div> <div class="article"> <div class="article-details "> <div class="article-title"><a href="/jibu/978/" title="文心雕龙">文心雕龙</a></div> </div> </div> <div class="article"> <div class="article-details "> <div class="article-title"><a href="/shibu/90/" title="史记">史记</a></div> </div> </div> <div class="article"> <div class="article-details "> <div class="article-title"><a href="/shibu/100/" title="汉书">汉书</a></div> </div> </div> <div class="article"> <div class="article-details "> <div class="article-title"><a href="/shibu/78/" title="资治通鉴">资治通鉴</a></div> </div> </div> <div class="article"> <div class="article-details "> <div class="article-title"><a href="/jibu/956/" title="西游记">西游记</a></div> </div> </div> <div class="article"> <div class="article-details "> <div class="article-title"><a href="/jibu/961/" title="红楼梦">红楼梦</a></div> </div> </div> <div class="article"> <div class="article-details "> <div class="article-title"><a href="/jibu/958/" title="三国演义">三国演义</a></div> </div> </div> </div> </div> <div class="tab-pane " id="tab-button-1"> <!--gj-tab-editor-pick--> <div class="gj-tab-editor-pick " data-widget-id="588"> <div class="article"> <div class="article-details "> <div class="article-title"><a href="/jingbu/52/" title="孟子">孟子</a></div> </div> </div> <div class="article"> <div class="article-details "> <div class="article-title"><a href="/jibu/1221/" title="古文观止">古文观止</a></div> </div> </div> <div class="article"> <div class="article-details "> <div class="article-title"><a href="/jibu/998/" title="麓堂诗话">麓堂诗话</a></div> </div> </div> <div class="article"> <div class="article-details "> <div class="article-title"><a href="/jibu/956/" title="西游记">西游记</a></div> </div> </div> <div class="article"> <div class="article-details "> <div class="article-title"><a href="/jingbu/46/" title="周易">周易</a></div> </div> </div> <div class="article"> <div class="article-details "> <div class="article-title"><a href="/shibu/90/" title="史记">史记</a></div> </div> </div> <div class="article"> <div class="article-details "> <div class="article-title"><a href="/jingbu/50/" title="周礼">周礼</a></div> </div> </div> <div class="article"> <div class="article-details "> <div class="article-title"><a href="/jibu/1252/" title="唐文续拾">唐文续拾</a></div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <script type="text/javascript"> $(function(){ $('.nav-item').on('click', function(event){ event.preventDefault(); if (! $(this).hasClass('active')) { $('.nav-item').removeClass('active'); $('.tab-pane').removeClass('active'); $(this).addClass('active'); var id = $(this).attr('id'); $('#tab-'+ id).addClass('active'); } }); }); </script> </div> </div> </div> </main> <div class="footer-ad DisplayAd no-print"> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="tableCenter" id="footer_ad_id"> <div id="" class="get_ad"> </div> </div> </div> </div> </div> </div> <footer class="no-print"> <div class="footer-details mobile-view"> <div class="container"> <div class="row"> <div class="col-md-12 right-col"> </div> </div> </div> </div> <div class="footer-details"> <div class="container"> <div class="row"> <div class="col-md-4 right-col"> </div> </div> </div> </div> <div class="footer-copyrights"> <div class="container"> <div class="row"> <div class="col-md-6"> <a href="/" title="汉典古籍"><img src="/images/logo-white-2.png" alt="汉典古籍" /></a> </div> <div class="col-md-6 text">粤ICP备10071303号 <a href="https://support.qq.com/products/315677">意见反馈</a></div> </div> </div> </div> </footer> <div class="back_to_top" title="Back to Top"><i class="icon-chevron-up"></i></div> <div id="recommend-pushUnit-top"></div> <div id="recommend-pushUnit-article" class="recommend-pushUnit"></div> <script type="text/javascript"> $(function(){ function trackScroll() { var scrolled = window.pageYOffset; var coords = document.documentElement.clientHeight; if (scrolled > coords) { goTopBtn.classList.add('back_to_top-show'); } if (scrolled < coords) { goTopBtn.classList.remove('back_to_top-show'); } } function backToTop() { if (window.pageYOffset > 0) { window.scrollBy(0, -80); setTimeout(backToTop, 0); } } var goTopBtn = document.querySelector('.back_to_top'); window.addEventListener('scroll', trackScroll); goTopBtn.addEventListener('click', backToTop); }); $(document).ready(() => { var windowSize = $(window).width(); var footer = $('.footer-copyrights') }); </script> <input type="hidden" name="csrf-token" content=""> </body> </html>