hexo-renderer-pdf

A template for creating npm packages using TypeScript and VSCode

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
hexo-renderer-pdf
1.1.52 months ago2 months agoMinified + gzip package size for hexo-renderer-pdf in KB

Popular Searches

Readme

hexo-renderer-pdf
!npm packagenpm-imgnpm-url !Build Statusbuild-imgbuild-url !Downloadsdownloads-imgdownloads-url !Issuesissues-imgissues-url !Code Coveragecodecov-imgcodecov-url !Commitizen Friendlycommitizen-imgcommitizen-url !Semantic Releasesemantic-release-imgsemantic-release-url
My awesome module

Install

wget -N https://github.com/pdf2htmlEX/pdf2htmlEX/releases/download/v0.18.8.rc1/pdf2htmlEX-0.18.8.rc1-master-20200630-Ubuntu-bionic-x86_64.deb -O pdf2htmlEX.deb
sudo apt install ./pdf2htmlEX.deb
npm install hexo-renderer-pdf

Usage

render_pdf:
  args: ['--process-outline', '0'] # pdf2htmlEX additional arguments
  wrapWithIframe: true # Whether to wrap the pdf with an iframe
  wrapHtml: |
    <html>
      <head>
          <style>body{margin:0;overflow:hidden;}</style>
          <style>::-webkit-scrollbar{display:none;}</style>
          <title>%s</title>
          <meta charset='utf-8'>
          <meta name="description" content="%s">
          <meta name="keywords" content="%s">
          <meta name="author" content="%s">
          <meta name="viewport" content="width=device-width, initial-scale=1.0">
      </head>
      <body>
          <iframe scrolling="no" style='overflow:hidden; display:block; border:none; height:100vh; width:100%;' srcdoc='%s'></iframe>
      </body>
    </html>

Customizing CSS

  • Copy the assets to the root of your hexo project

cp -r $(wsl -e wslpath -m /usr/local/share/pdf2htmlEX) .       
rm -r pdf2htmlEX/poppler 
rm -r pdf2htmlEX/pkgconfig
git add pdf2htmlEX
git commit -m "chore: copy pdf2htmlEX assets"

  • Specify data-dir in the pdf2htmlEX options

args: ['--data-dir', 'pdf2htmlEX']

  • Edit fancy.min.css as you like

#page-container {
  background-color: white !important;
  background-image: none !important;
}
.pf{
  box-shadow: none !important;
}