hexo中插入pdf
2020-03-21 03:10:35
Table of Contents
法1：安裝hexo-pdf插件
法2：利用html語法：可以輕鬆設定尺寸
安裝hexo-pdf插件
hexo-pdf
Hexo tag for embeded pdf
Install
$ npm install --save hexo-pdf
Normal PDF
pdf鏈接
{% pdf http://7xov2f.com1.z0.glb.clouddn.com/bash_freshman.pdf %}
本地（我的失敗了，還沒找到原因）
{% pdf ./bash_freshman.pdf %}
Google drive
{% pdf https://drive.google.com/file/d/0B6qSwdwPxPRdTEliX0dhQ2JfUEU/preview %}
Slideshare
{% pdf http://www.slideshare.net/slideshow/embed_code/key/8Jl0hUt2OKUOOE %}
{% pdf http://image.fiftykg.com/pdf/%E5%BE%AE%E4%BF%A1%E5%85%AC%E4%BC%97%E5%8F%B7%E8%8F%9C%E5%8D%95%E8%B0%83%E7%A0%94.pdf %}
插入示例
利用html語法
首先修改_config.yml文件
將config.yml中的postasset_folder選項置為true
post_asset_folder: true
關於這個選項的功能說明如下:
當您設置postassetfolder為true參數後，在建立文件時，Hexo會自動建立一個與文章同名的文件夾，您可以把與該文章相關的所有資源都放到那個文件夾，如此一來，您便可以更方便的使用資源。
然後新建一篇文章
$ hexo new
由於上一步已經將postassetfolder選項設為了true所以這一步新建文章時會創建一個md文件和一個同名的文件夾為了方便敘述，我用test作為文件和文件夾名
用vim或者別的編輯器打開test.md
test.md文件中加入如下代碼
<object>
關於這句代碼簡單的解釋data表示你要上傳的pdf的路徑,使用相對路徑，將你要上傳的pdf放入第二步生成的test文 件夾type和width就不說了，這裡注意height不能設成100%，不然太矮了，顯示效果不好可以用瀏覽器預覽，通過F12預估一下高度。我最後代碼如下，供參考
<object>
這裡不一定非用object標籤，embed、iframe標籤也一樣
具體參考:
注意：
用html方法，在我的主題中，如果它後面有文字，會顯示不出來，原因不詳。
相關文章
[hexo中插入pdf解決方法](http://miracle778.site/pdf-test/pdf-test.html)
[hexo-pdf官方教程](https://github.com/superalsrk/hexo-pdf)
[theme-hexo-pdf使用技巧----解決hexo-pdf文件顯示不全的問題](http://lingr7.coding.me/2019/10/02/theme-hexo-pdf%E4%BD%BF%E7%94%A8%E6%8A%80%E5%B7%A7-%E8%A7%A3%E5%86%B3hexo-pdf%E6%96%87%E4%BB%B6%E6%98%BE%E7%A4%BA%E4%B8%8D%E5%85%A8%E7%9A%84%E9%97%AE%E9%A2%98.html)
閱讀更多 龍1龍 的文章
