喜爱饮酒的李舍人摆开了小酌酒宴，善作诗文的元侍御寄来了新诗篇。在松树凌乱的花园里醉中彼此思念，厅前古柏森森公务繁忙也浑然不知。初夏时分我正应当逃避暑热，傍晚坐衙时你却在审阅囚犯案卷。想必只有清静无公务的夜晚，我们才能在新草亭中好好地相约一期。

1. 唱和诗：诗人之间相互以诗词酬答唱和的作品。此诗是白居易对元八（元宗简）寄来诗作的酬和。 2. 唐代官职：中书舍人（李十一）负责起草诏令，侍御史（元八）属御史台，负责监察、审讯等事务。户曹参军（白居易此时职务）为京兆府属官，掌管户籍、赋税等。 3. 律诗对仗：此诗为七言律诗，其中颔联（第三、四句）和颈联（第五、六句）要求严格对仗。如“乱松园”对“古柏厅”，“醉相忆”对“忙不知”，“早夏”对“晚衙”，“逃暑日”对“虑囚时”。 4. 意象运用：“松”、“柏”在古诗中常象征坚贞与长寿，但在此诗中，“乱松”和“古柏”更主要的是作为地点环境的指代，并暗示了人物的身份和状态。 5. 白居易的诗风：语言平易近人，内容多反映现实生活和个人情感，形成了通俗晓畅的独特风格，对后世影响深远。 </plaintext> </div> <div class="card-actions" style="display: none;"> <button type="button" class="expand-btn" onclick="toggleCardContent(this)">展开</button> </div> </div> </div> <div class="info-card"> <div class="card-header"> <h3 class="card-title">古诗注解</h3> </div> <div class="card-content"> <div class="expand-content collapsed" data-card-index="2"> <ul> <li><strong>李十一舍人</strong>：指李姓友人，排行十一，时任中书舍人。</li> <li><strong>元八侍御</strong>：指元宗简，排行第八，时任侍御史，是白居易的好友。</li> <li><strong>小酎酒</strong>：一种经过多次重复酿造的好酒。</li> <li><strong>乱松园</strong>：指李舍人松树参差、富有野趣的园子。</li> <li><strong>古柏厅</strong>：指官署中栽有古柏的厅堂，此处指元八办公的御史台。</li> <li><strong>虑囚</strong>：亦作“录囚”，指复审囚犯案卷，核实有无冤情，是御史的职责之一。</li> <li><strong>新草亭</strong>：指作者在自家搭建的用以休闲的草亭。</li> </ul> </div> <div class="card-actions" style="display: none;"> <button type="button" class="expand-btn" onclick="toggleCardContent(this)">展开</button> </div> </div> </div> <div class="info-card"> <div class="card-header"> <h3 class="card-title">讲解</h3> </div> <div class="card-content"> <div class="expand-content collapsed" data-card-index="3"> 这首诗的核心主题是“友情与公务的矛盾与调和”。诗人通过细腻的笔触，描绘了与两位朋友的不同互动场景。开篇叙事，点明饮酒得诗的缘起。中间两联是全诗精华，运用了强烈的对比手法。“乱松园”的醉忆与“古柏厅”的忙碌形成空间对比，展现了李舍人的闲情雅致与元侍御的恪尽职守。“早夏”的“逃暑”与“晚衙”的“虑囚”则构成时间对比，进一步强化了诗人自身的闲适与友人公务的繁重这两种状态的差异。这些对比并非为了褒贬，而是为了表达理解与关怀，同时也流露出对闲暇生活的珍视。最终，诗人在尾联提出了一个解决方案和美好期盼：只有在“清夜无公事”之时，友情才能不受干扰地得以充分滋养。这里的“新草亭”象征着一种脱离官方环境、更为私人和自在的交流空间。整首诗可以看作是白居易对朋友繁忙工作的体贴问候，也是一份关于未来相聚的温馨邀约，深刻体现了唐代文人之间既投身公务又追求心灵自由的复杂情感与生活态度。 </div> <div class="card-actions" style="display: none;"> <button type="button" class="expand-btn" onclick="toggleCardContent(this)">展开</button> </div> </div> </div> <div class="info-card"> <div class="card-header"> <h3 class="card-title">古诗赏析</h3> </div> <div class="card-content"> <div class="expand-content collapsed" data-card-index="4"> 本诗是一首典型的酬和之作，语言平实流畅，情感真挚自然。首联直接点题，交代了人物和事件。颔联巧妙运用空间转换，“乱松园”与“古柏厅”形成对比，一闲一忙，生动刻画出两位友人不同的生活状态。颈联进一步深化这种对比，“逃暑日”与“虑囚时”不仅点明季节时辰，更透露出作者对闲适的向往与对友人公务缠身的理解。尾联笔锋一转，提出美好愿景，希望在清夜无公务之时，能与友人在自己的草亭中相聚，表达了对摆脱公务束缚、享受友情的渴望。全诗对仗工整，结构严谨，于平淡的叙述中流露出深厚的情谊和淡泊的生活志趣，体现了白居易诗歌通俗晓畅、意境深远的艺术特色。 </div> <div class="card-actions" style="display: none;"> <button type="button" class="expand-btn" onclick="toggleCardContent(this)">展开</button> </div> </div> </div> <div class="info-card"> <div class="card-header"> <h3 class="card-title">创作背景</h3> </div> <div class="card-content"> <div class="expand-content collapsed" data-card-index="5"> 此诗作于元和年间（约公元810年），白居易时任京兆府户曹参军，负责收支等事务。他的两位好友，李建（李十一）和元宗简（元八），分别在宫中任中书舍人和侍御史。诗中记录了白居易在李家松园饮酒时，收到了元八寄来的诗作，诗中提及了元八在御史台繁忙的工作。白居易此诗即为酬和元八之作，通过对比友人繁忙的公务与自己对闲适生活的向往，表达了渴望与朋友共聚、享受清闲时光的心情，反映了唐代士大夫公务之余的诗酒生活与深厚友情。 </div> <div class="card-actions" style="display: none;"> <button type="button" class="expand-btn" onclick="toggleCardContent(this)">展开</button> </div> </div> </div> </div> </div> <!-- 作者信息 --> <div class="author-info-block"> <div class="author-info-title">作者信息</div> <div class="author-info-flex"> <div class="author-avatar"> <img id="ContentPlaceHolder1_imgAuthorAvatar" class="author-avatar-img" LoadingMethod="Async" loading="lazy" decoding="async" fetchpriority="low" src="https://www.881023.com/upload/writer/baijuyi.jpg" alt="白居易" style="background-color: #f9f6ec;" /> </div> <div class="author-info-content"> 白居易（772～846），字乐天，晚年又号称香山居士，河南郑州新郑人，是我国唐代伟大的现实主义诗人，他的诗歌题材广泛，形式多样，语言平易通俗，有“诗魔”和“诗王”之称。官至翰林学士、左赞善大夫。有《白氏长庆集》传世，代表诗作有《长恨歌》、《卖炭翁》、《琵琶行》等。白居易祖籍山西、陕西、出生于河南郑州新郑，葬于洛阳。白居易故居纪念馆坐落于洛阳市郊。白园（白居易墓）坐落在洛阳城南香山的琵琶峰。 <div class="author-stats"> <span>古诗数量：<b><a href='https://www.881023.com/gushi/0_1003_0_1.html' alt='白居易的古诗词集合'>3471</a></b></span><span>名句数量：<b><a href='https://www.881023.com/mingju/0_1003_0_1.html' alt='白居易的名句集合'>12158</a></b></span> </div> </div> </div> </div> </div> </div> <!-- 右侧边栏 --> <div class="content-sidebar"> <!-- 作者其他古诗 --> <div class="hot-poetry author-other-poems"> <h3>作者其他古诗</h3> <div class="hot-list"> <div class="hot-item hot-content"> <div class="hot-rank-circle">1</div> <div class="hot-title"> <a href="https://www.881023.com/gushi/0/349.html" title="琵琶行并序">琵琶行并序</a> </div> <div class="hot-meta"> <span class="hot-views">1.8万阅读</span> </div> </div> <div class="hot-item hot-content"> <div class="hot-rank-circle">2</div> <div class="hot-title"> <a href="https://www.881023.com/gushi/8/8534.html" title="五凤楼晚望">五凤楼晚望</a> </div> <div class="hot-meta"> <span class="hot-views">1.4万阅读</span> </div> </div> <div class="hot-item hot-content"> <div class="hot-rank-circle">3</div> <div class="hot-title"> <a href="https://www.881023.com/gushi/7/7789.html" title="醉中对红叶">醉中对红叶</a> </div> <div class="hot-meta"> <span class="hot-views">1.2万阅读</span> </div> </div> <div class="hot-item hot-content"> <div class="hot-rank-circle">4</div> <div class="hot-title"> <a href="https://www.881023.com/gushi/8/8087.html" title="樟亭双樱树">樟亭双樱树</a> </div> <div class="hot-meta"> <span class="hot-views">1.1万阅读</span> </div> </div> <div class="hot-item hot-content"> <div class="hot-rank-circle">5</div> <div class="hot-title"> <a href="https://www.881023.com/gushi/7/7142.html" title="游悟真寺诗">游悟真寺诗</a> </div> <div class="hot-meta"> <span class="hot-views">1.1万阅读</span> </div> </div> <div class="hot-item hot-content"> <div class="hot-rank-circle">6</div> <div class="hot-title"> <a href="https://www.881023.com/gushi/7/7328.html" title="微雨夜行">微雨夜行</a> </div> <div class="hot-meta"> <span class="hot-views">1.1万阅读</span> </div> </div> <div class="hot-item hot-content"> <div class="hot-rank-circle">7</div> <div class="hot-title"> <a href="https://www.881023.com/gushi/0/270.html" title="采莲曲">采莲曲</a> </div> <div class="hot-meta"> <span class="hot-views">1.1万阅读</span> </div> </div> <div class="hot-item hot-content"> <div class="hot-rank-circle">8</div> <div class="hot-title"> <a href="https://www.881023.com/gushi/7/7421.html" title="醉歌">醉歌</a> </div> <div class="hot-meta"> <span class="hot-views">1.1万阅读</span> </div> </div> <div class="hot-item hot-content"> <div class="hot-rank-circle">9</div> <div class="hot-title"> <a href="https://www.881023.com/gushi/8/8662.html" title="秋池">秋池</a> </div> <div class="hot-meta"> <span class="hot-views">1.1万阅读</span> </div> </div> <div class="hot-item hot-content"> <div class="hot-rank-circle">10</div> <div class="hot-title"> <a href="https://www.881023.com/gushi/51/51915.html" title="放言五首">放言五首</a> </div> <div class="hot-meta"> <span class="hot-views">1.1万阅读</span> </div> </div> </div> </div> </div> </div> </div> </div> <!-- 控制按钮 --> <div class="floating-controls"> <!-- 拼音开关 --> <div class="pinyin-toggle-row"> <label class="pinyin-switch"> <input type="checkbox" id="pinyinToggle"> <span class="slider"></span> <span class="pinyin-label">拼音</span> </label> </div> <!-- 注音开关 --> <div class="mizige-toggle-row"> <label class="pinyin-switch"> <input type="checkbox" id="mizigeToggle"> <span class="slider"></span> <span class="pinyin-label">注音</span> </label> </div> <!-- 语音朗读按钮 --> <button class="voice-btn" id="voiceReadBtn" title="语音朗读"> <svg width="20" height="20" viewBox="0 0 20 20" fill="none"> <path d="M4 8v4h4l5 5V3L8 8H4z" fill="#b89b5b"/> <path d="M15.5 8.5a3.5 3.5 0 010 3" stroke="#b89b5b" stroke-width="1.5" fill="none"/> </svg> </button> </div> <script> document.addEventListener('DOMContentLoaded', function() { // 初始化拼音和米字格功能 initPinyinToggles('#poemContent', 'pinyinToggle', 'mizigeToggle'); // PC端默认开启拼音功能 if (isPCDevice()) { const pinyinToggle = document.getElementById('pinyinToggle'); if (pinyinToggle && !pinyinToggle.checked) { pinyinToggle.checked = true; // 触发拼音显示 const event = new Event('change'); pinyinToggle.dispatchEvent(event); } } // 初始化卡片内容展开/收起功能 initCardExpandFeature(); }); // 检测是否为PC设备 function isPCDevice() { // 检测屏幕宽度 if (window.innerWidth <= 768) { return false; } // 检测用户代理字符串 const userAgent = navigator.userAgent.toLowerCase(); const mobileKeywords = ['mobile', 'android', 'iphone', 'ipad', 'ipod', 'blackberry', 'windows phone']; for (let keyword of mobileKeywords) { if (userAgent.includes(keyword)) { return false; } } // 检测触摸设备 if ('ontouchstart' in window || navigator.maxTouchPoints > 0) { // 有触摸功能但屏幕够大，可能是平板，根据屏幕尺寸判断 return window.innerWidth > 1024; } return true; } // 卡片内容展开/收起功能 function toggleCardContent(btn) { const wrapper = btn.closest('.card-content'); const content = wrapper && wrapper.classList.contains('expand-content') ? wrapper : wrapper.querySelector('.expand-content'); if (content.classList.contains('expanded')) { // 收起：恢复到200px限制 content.classList.remove('expanded'); content.classList.add('collapsed'); content.style.maxHeight = '200px'; btn.textContent = '展开'; } else { // 展开：显示全部内容 content.classList.remove('collapsed'); content.classList.add('expanded'); content.style.maxHeight = 'none'; btn.textContent = '收起'; } } // 初始化卡片展开功能 function initCardExpandFeature() { const expandContents = document.querySelectorAll('.card-content.expand-content, .expand-content'); expandContents.forEach(content => { // 检查内容高度是否超过限制 const maxHeight = 200; // 与CSS中的max-height保持一致 // 临时移除高度限制来测量实际高度 content.style.maxHeight = 'none'; const actualHeight = content.scrollHeight; content.style.maxHeight = maxHeight + 'px'; if (actualHeight > maxHeight) { // 内容超长，显示展开按钮 const cardActions = content.closest('.card-content').querySelector('.card-actions'); if (cardActions) { cardActions.style.display = 'block'; } // 设置为收起状态 content.classList.remove('expanded'); content.classList.add('collapsed'); content.style.maxHeight = maxHeight + 'px'; } else { // 内容不长，移除所有状态类，隐藏按钮 content.classList.remove('collapsed', 'expanded'); content.style.maxHeight = 'none'; const cardActions = content.closest('.card-content').querySelector('.card-actions'); if (cardActions) { cardActions.style.display = 'none'; } } }); } </script> </main> <!-- 页脚区域 --> <footer class="g-ft"> <div class="container"> <div class="m-ftt"> <ul class="footer"> <li class="first"> <div class="panel"> <div class="hd">古诗词网</div> <div class="body"> <ul> <li><a href="https://www.881023.com/about.html" rel="nofollow">关于我们</a></li> <li><a href="https://www.881023.com/disclaimer.html" rel="nofollow">免责声明</a></li> <li><a href="https://www.881023.com/ad.html" rel="nofollow">广告服务</a></li> <li><a href="https://www.881023.com/contact.html" rel="nofollow">联系我们</a></li> </ul> </div> </div> </li> <li> <section class="panel"> <h3 class="hd">关注古诗词网</h3> <div class="body social"> <p>古诗词网官方邮箱</p> <address>1990990869@qq.com</address> </div> </section> </li> </ul> </div> <div class="m-ftb"> <!-- 网站公告 --> <p> <a href="https://www.881023.com/dailynew.html">每日更新</a> <a href="https://www.881023.com/sitemap.html">网站地图Html版</a> <a href="https://www.881023.com/sitemap.xml">sitemap.xml</a> <a href="https://beian.miit.gov.cn/">渝ICP备2022014363号-1</a> </p> <script>tj();</script> </div> </div> </footer> </body> </html>