mirror of
https://github.com/pengzhanbo/vuepress-theme-plume.git
synced 2026-04-23 10:58:13 +08:00
7 lines
15 KiB
JavaScript
7 lines
15 KiB
JavaScript
import{$ as e,B as t,P as n,_ as r,f as i,g as a,h as o,l as s}from"./runtime-core.esm-bundler-TY2dTQsQ.js";import{t as c}from"./plugin-vue_export-helper-PrwMxFSs.js";var l=JSON.parse(`{"path":"/guide/embed/pdf/","title":"PDF 阅读 | 指南","lang":"zh-CN","frontmatter":{"title":"PDF 阅读","icon":"teenyicons:pdf-outline","createTime":"2024/03/28 13:30:53","permalink":"/guide/embed/pdf/","description":"概述 主题支持在 markdown 中嵌入 PDF 文件,它能够在页面中直接阅读 PDF 。 该功能由 提供支持。 配置 该功能默认不启用。你需要在主题配置中开启。 .vuepress/config.ts 语法 最简单的语法如下: 当需要打开特定页面时,在 pdf 后面跟随一个 页数。 还可以添加更多的 选项到 @[pdf ] 中,更灵活的控制行为。 ...","head":[["script",{"type":"application/ld+json"},"{\\"@context\\":\\"https://schema.org\\",\\"@type\\":\\"Article\\",\\"headline\\":\\"PDF 阅读\\",\\"image\\":[\\"\\"],\\"dateModified\\":\\"2026-01-20T15:34:40.000Z\\",\\"author\\":[]}"],["meta",{"property":"og:url","content":"https://theme-plume.vuejs.press/guide/embed/pdf/"}],["meta",{"property":"og:site_name","content":"Plume 主题"}],["meta",{"property":"og:title","content":"PDF 阅读"}],["meta",{"property":"og:description","content":"概述 主题支持在 markdown 中嵌入 PDF 文件,它能够在页面中直接阅读 PDF 。 该功能由 提供支持。 配置 该功能默认不启用。你需要在主题配置中开启。 .vuepress/config.ts 语法 最简单的语法如下: 当需要打开特定页面时,在 pdf 后面跟随一个 页数。 还可以添加更多的 选项到 @[pdf ] 中,更灵活的控制行为。 ..."}],["meta",{"property":"og:type","content":"article"}],["meta",{"property":"og:locale","content":"zh-CN"}],["meta",{"property":"og:locale:alternate","content":"en-US"}],["meta",{"property":"og:updated_time","content":"2026-01-20T15:34:40.000Z"}],["meta",{"property":"article:modified_time","content":"2026-01-20T15:34:40.000Z"}],["link",{"rel":"alternate","hreflang":"en-us","href":"https://theme-plume.vuejs.press/en/guide/embed/pdf/"}]]},"readingTime":{"minutes":1.11,"words":332},"git":{"createdTime":1711730908000,"updatedTime":1768923280000,"contributors":[{"name":"pengzhanbo","username":"pengzhanbo","email":"volodymyr@foxmail.com","commits":5,"avatar":"https://avatars.githubusercontent.com/pengzhanbo?v=4","url":"https://github.com/pengzhanbo"}],"changelog":[{"hash":"c46379bc9fbbf26e3a15fb796f3e69a6db473b57","time":1768923280000,"email":"volodymyr@foxmail.com","author":"pengzhanbo","message":"docs: update pdf assets"},{"hash":"4d2361a7046214fe0f4e4af01831107fd00e38ad","time":1759849989000,"email":"volodymyr@foxmail.com","author":"pengzhanbo","message":"feat(theme)!: add collections support (#704)"},{"hash":"0fd6cac57412002f4d72dc10378789b529adc357","time":1742063370000,"email":"volodymyr@foxmail.com","author":"pengzhanbo","message":"refactor(theme): improve types and flat config (#524)"},{"hash":"164e8843a20b0212073bb683356b89397377077c","time":1734783045000,"email":"volodymyr@foxmail.com","author":"pengzhanbo","message":"docs: improve docs"},{"hash":"9a441c094166d8a5e6a2906dbf45134e7c8f5bb0","time":1711730908000,"email":"volodymyr@foxmail.com","author":"pengzhanbo","message":"docs: update doc"}]},"autoDesc":true,"filePathRelative":"guide/embed/pdf.md","headers":[],"bulletin":false}`),u={name:`pdf.md`},d={class:`code-block-title`,"data-title":`.vuepress/config.ts`},f={class:`code-block-title-bar`},p={class:`title`};function m(c,l,u,m,h,g){let _=t(`VPLink`),v=t(`VPIcon`),y=t(`PDFViewer`);return n(),i(`div`,null,[l[5]||=s(`h2`,{id:`概述`,tabindex:`-1`},[s(`a`,{class:`header-anchor`,href:`#概述`},[s(`span`,null,`概述`)])],-1),l[6]||=s(`p`,null,`主题支持在 markdown 中嵌入 PDF 文件,它能够在页面中直接阅读 PDF 。`,-1),s(`p`,null,[l[1]||=a(`该功能由 `,-1),r(_,{href:`../../config/plugins/markdown-power.md`},{default:e(()=>[...l[0]||=[a(`vuepress-plugin-md-power`,-1)]]),_:1}),l[2]||=a(` 提供支持。`,-1)]),l[7]||=s(`h2`,{id:`配置`,tabindex:`-1`},[s(`a`,{class:`header-anchor`,href:`#配置`},[s(`span`,null,`配置`)])],-1),l[8]||=s(`p`,null,`该功能默认不启用。你需要在主题配置中开启。`,-1),s(`div`,d,[s(`div`,f,[s(`span`,p,[r(v,{provider:`iconify`,name:`vscode-icons:file-type-typescript`}),l[3]||=a(`.vuepress/config.ts`,-1)])]),l[4]||=o(`<div class="language-ts" data-highlighter="shiki" data-ext="ts" style="--shiki-light:#393a34;--shiki-dark:#dbd7caee;--shiki-light-bg:#ffffff;--shiki-dark-bg:#121212;"><pre class="shiki shiki-themes vitesse-light vitesse-dark has-diff vp-code"><code class="language-ts"><span class="line"><span style="--shiki-light:#1E754F;--shiki-dark:#4D9375;">export</span><span style="--shiki-light:#1E754F;--shiki-dark:#4D9375;"> default</span><span style="--shiki-light:#59873A;--shiki-dark:#80A665;"> defineUserConfig</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">({</span></span>
|
|
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> theme</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">: </span><span style="--shiki-light:#59873A;--shiki-dark:#80A665;">plumeTheme</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">({</span></span>
|
|
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> markdown</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">: {</span></span>
|
|
<span class="line diff add"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> pdf</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">: </span><span style="--shiki-light:#1E754F;--shiki-dark:#4D9375;">true</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">, </span></span>
|
|
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;"> },</span></span>
|
|
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;"> })</span></span>
|
|
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">})</span></span></code></pre></div>`,1)]),l[9]||=o(`<h2 id="语法" tabindex="-1"><a class="header-anchor" href="#语法"><span>语法</span></a></h2><p>最简单的语法如下:</p><div class="language-md" data-highlighter="shiki" data-ext="md" style="--shiki-light:#393a34;--shiki-dark:#dbd7caee;--shiki-light-bg:#ffffff;--shiki-dark-bg:#121212;"><pre class="shiki shiki-themes vitesse-light vitesse-dark vp-code"><code class="language-md"><span class="line"><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;">@</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">[</span><span style="--shiki-light:#B56959;--shiki-dark:#C98A7D;">pdf</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">](</span><span style="--shiki-light:#393A3490;--shiki-light-text-decoration:underline;--shiki-dark:#DEDCD590;--shiki-dark-text-decoration:underline;">url</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">)</span></span></code></pre></div><p>当需要打开特定页面时,在 <code>pdf</code> 后面跟随一个 页数。</p><div class="language-md" data-highlighter="shiki" data-ext="md" style="--shiki-light:#393a34;--shiki-dark:#dbd7caee;--shiki-light-bg:#ffffff;--shiki-dark-bg:#121212;"><pre class="shiki shiki-themes vitesse-light vitesse-dark vp-code"><code class="language-md"><span class="line"><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;">@</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">[</span><span style="--shiki-light:#B56959;--shiki-dark:#C98A7D;">pdf 2</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">](</span><span style="--shiki-light:#393A3490;--shiki-light-text-decoration:underline;--shiki-dark:#DEDCD590;--shiki-dark-text-decoration:underline;">url</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">)</span></span></code></pre></div><p>还可以添加更多的 选项到 <code>@[pdf ]</code> 中,更灵活的控制行为。</p><div class="language-md" data-highlighter="shiki" data-ext="md" style="--shiki-light:#393a34;--shiki-dark:#dbd7caee;--shiki-light-bg:#ffffff;--shiki-dark-bg:#121212;"><pre class="shiki shiki-themes vitesse-light vitesse-dark vp-code"><code class="language-md"><span class="line"><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;">@</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">[</span><span style="--shiki-light:#B56959;--shiki-dark:#C98A7D;">pdf 2 no-toolbar width="100%" height="400px" ratio="16:9" zoom="100"</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">](</span><span style="--shiki-light:#393A3490;--shiki-light-text-decoration:underline;--shiki-dark:#DEDCD590;--shiki-dark-text-decoration:underline;">url</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">)</span></span></code></pre></div><ul><li><code>no-toolbar</code> - 不显示工具栏</li><li><code>width</code> - 宽度,默认为 100%</li><li><code>height</code> - 高度,默认为 <code>auto</code></li><li><code>ratio</code> - 宽高比, 默认为 <code>16:9</code>, 仅当未指定高度时生效</li><li><code>zoom</code> - 缩放比例, 百分比。</li></ul><h2 id="示例" tabindex="-1"><a class="header-anchor" href="#示例"><span>示例</span></a></h2><h3 id="默认" tabindex="-1"><a class="header-anchor" href="#默认"><span>默认</span></a></h3><p>输入:</p><div class="language-md" data-highlighter="shiki" data-ext="md" style="--shiki-light:#393a34;--shiki-dark:#dbd7caee;--shiki-light-bg:#ffffff;--shiki-dark-bg:#121212;"><pre class="shiki shiki-themes vitesse-light vitesse-dark vp-code"><code class="language-md"><span class="line"><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;">@</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">[</span><span style="--shiki-light:#B56959;--shiki-dark:#C98A7D;">pdf</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">](</span><span style="--shiki-light:#393A3490;--shiki-light-text-decoration:underline;--shiki-dark:#DEDCD590;--shiki-dark-text-decoration:underline;">https://plume.pengzhanbo.cn/files/sample-1.pdf</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">)</span></span></code></pre></div><p>输出:</p>`,13),r(y,{src:`/files/sample-1.pdf`,page:1,zoom:50,width:`100%`,height:``,ratio:``,title:`sample-1.pdf`}),l[10]||=o(`<h3 id="设置页码为-2" tabindex="-1"><a class="header-anchor" href="#设置页码为-2"><span>设置页码为 2</span></a></h3><p>输入:</p><div class="language-md" data-highlighter="shiki" data-ext="md" style="--shiki-light:#393a34;--shiki-dark:#dbd7caee;--shiki-light-bg:#ffffff;--shiki-dark-bg:#121212;"><pre class="shiki shiki-themes vitesse-light vitesse-dark vp-code"><code class="language-md"><span class="line"><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;">@</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">[</span><span style="--shiki-light:#B56959;--shiki-dark:#C98A7D;">pdf 2</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">](</span><span style="--shiki-light:#393A3490;--shiki-light-text-decoration:underline;--shiki-dark:#DEDCD590;--shiki-dark-text-decoration:underline;">https://plume.pengzhanbo.cn/files/sample-1.pdf</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">)</span></span></code></pre></div><p>输出:</p>`,4),r(y,{src:`/files/sample-1.pdf`,page:2,zoom:95,width:`100%`,height:``,ratio:``,title:`sample-1.pdf`}),l[11]||=o(`<h3 id="不显示工具栏" tabindex="-1"><a class="header-anchor" href="#不显示工具栏"><span>不显示工具栏</span></a></h3><p>输入:</p><div class="language-md" data-highlighter="shiki" data-ext="md" style="--shiki-light:#393a34;--shiki-dark:#dbd7caee;--shiki-light-bg:#ffffff;--shiki-dark-bg:#121212;"><pre class="shiki shiki-themes vitesse-light vitesse-dark vp-code"><code class="language-md"><span class="line"><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;">@</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">[</span><span style="--shiki-light:#B56959;--shiki-dark:#C98A7D;">pdf no-toolbar</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">](</span><span style="--shiki-light:#393A3490;--shiki-light-text-decoration:underline;--shiki-dark:#DEDCD590;--shiki-dark-text-decoration:underline;">https://plume.pengzhanbo.cn/files/sample-1.pdf</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">)</span></span></code></pre></div><p>输出:</p>`,4),r(y,{src:`/files/sample-1.pdf`,page:1,"no-toolbar":``,zoom:50,width:`100%`,height:``,ratio:``,title:`sample-1.pdf`}),l[12]||=o(`<h3 id="缩放比-90" tabindex="-1"><a class="header-anchor" href="#缩放比-90"><span>缩放比 90%</span></a></h3><p>输入:</p><div class="language-md" data-highlighter="shiki" data-ext="md" style="--shiki-light:#393a34;--shiki-dark:#dbd7caee;--shiki-light-bg:#ffffff;--shiki-dark-bg:#121212;"><pre class="shiki shiki-themes vitesse-light vitesse-dark vp-code"><code class="language-md"><span class="line"><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;">@</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">[</span><span style="--shiki-light:#B56959;--shiki-dark:#C98A7D;">pdf zoom="90"</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">](</span><span style="--shiki-light:#393A3490;--shiki-light-text-decoration:underline;--shiki-dark:#DEDCD590;--shiki-dark-text-decoration:underline;">https://plume.pengzhanbo.cn/files/sample-1.pdf</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">)</span></span></code></pre></div><p>输出:</p>`,4),r(y,{src:`/files/sample-1.pdf`,page:1,zoom:90,width:`100%`,height:``,ratio:``,title:`sample-1.pdf`}),l[13]||=o(`<h3 id="宽高比-21-29" tabindex="-1"><a class="header-anchor" href="#宽高比-21-29"><span>宽高比 21:29</span></a></h3><p>输入:</p><div class="language-md" data-highlighter="shiki" data-ext="md" style="--shiki-light:#393a34;--shiki-dark:#dbd7caee;--shiki-light-bg:#ffffff;--shiki-dark-bg:#121212;"><pre class="shiki shiki-themes vitesse-light vitesse-dark vp-code"><code class="language-md"><span class="line"><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;">@</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">[</span><span style="--shiki-light:#B56959;--shiki-dark:#C98A7D;">pdf zoom="95" ratio="21:29"</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">](</span><span style="--shiki-light:#393A3490;--shiki-light-text-decoration:underline;--shiki-dark:#DEDCD590;--shiki-dark-text-decoration:underline;">https://plume.pengzhanbo.cn/files/sample-1.pdf</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">)</span></span></code></pre></div><p>输出:</p>`,4),r(y,{src:`/files/sample-1.pdf`,page:1,zoom:95,width:`100%`,height:``,ratio:`21:29`,title:`sample-1.pdf`})])}var h=c(u,[[`render`,m]]);export{l as _pageData,h as default}; |