how to set a pdf file so that it can display? about hugo-embed-pdf-shortcode HOT 14 CLOSED

oke solved thanks

from hugo-embed-pdf-shortcode.

from hugo-embed-pdf-shortcode.

@Dicky1 have you followed the steps to setup the short code correctly?
Is this on your local machine or a VM?
From the error it seems that the PdfJsLib is blocked.

from hugo-embed-pdf-shortcode.

@Dicky1
After you have setup the shortcode correctly you have to place the pdf file in the content folder where the document exists and specify the relative path to that folder.
For ex:
if your hugo site is in a folder called blog-hugo this would be an example code.
This would be a sample document /blog-hugo/content/demo-page/index.md
Your pdf file should be in the same folder as follows:
/blog-hugo/content/demo-page/LAPORAN HASIL MONITORING KEAMANAN SIBER TAHUN 2020.pdf

and in the index.md file you should use the shortcode as follows:

{{< embed-pdf url="./LAPORAN HASIL MONITORING KEAMANAN SIBER TAHUN 2020.pdf" >}}

from hugo-embed-pdf-shortcode.

Another suggestion: avoid having spaces in the file name of the PDF file. You can use - or _ like
LAPORAN_HASIL_MONITORING_KEAMANAN_SIBER_TAHUN_2020.pdf

from hugo-embed-pdf-shortcode.

still the same pdf file does not appear

from hugo-embed-pdf-shortcode.

Have you copied the pdf-js files as per step 3 in the setup here?

from hugo-embed-pdf-shortcode.

Already, is it possible that my pdf file is too big?

from hugo-embed-pdf-shortcode.

Already, is it possible that my pdf file is too big?

What is the size of the file?
I do not think the error that you are seeing is because of that.
is it possible to push your code and share the repository with me?
I can test it locally and check if there is something that needs to be fixed.

from hugo-embed-pdf-shortcode.

Github

that's my repository for this problem

from hugo-embed-pdf-shortcode.

@Dicky1 Got it. I pulled your repository.
One thing that needs to be fixed in your repository is in the JS folder here https://github.com/Dicky1/hugo-blog/tree/main/static/js

The build, web folders and LICENSE should be inside a folder called pdf-js.
You can take a look at the demo here

Your pdf file is OK.
I checked it on my local dev env. The filename without spaces is not a problem.

from hugo-embed-pdf-shortcode.

I've moved the file in the pdf-js folder I think it's still the same

may check my latest repository

blog-hugo

from hugo-embed-pdf-shortcode.

I figured it out.
The PDF file is inside the /post folder.

This is the folder structure.

Move the PDF file under /post folder.
{{< embed-pdf url="./post/LAPORAN HASIL MONITORING KEAMANAN SIBER TAHUN 2020.pdf" >}}

if you want to maintain all resources under one folder then you can create a file/ folder under the post folder.

from hugo-embed-pdf-shortcode.

Closing since the issue was resolved.

from hugo-embed-pdf-shortcode.