Search code examples
htmlgithubjekyllgithub-pages

adding and embedding a pdf-document to a github-page


can i add PDFs to a page - is this possible?

how to do this - how to place them on the page!?

i thougth that the solution is this one:

to embed the PDF in the web page. we can upload the CV PDF file to the repository, then use some HTML to embed it.

`<object data="myfile.pdf" width="1000" height="1000" type='application/pdf'/>`

but wait: i am trying to test several modes of embedding: which one runs with some effect - which one does work. no one so far: What to do now!?

cf.: https://github.com/mmistakes/minimal-mistakes/issues/2361

which one runs with some effect - which one does work. no one so far: What to do now!?

neither this one

--- #
title: "Résumé"
permalink: /resume/
header:
---
[See it here :)](http://ToadHanks.github.io/images/mihir_resume_2019v5.pdf)
Then I get a link that opens to new tab instead of a pdf embedded page. However, I have saved to pdf to image, and was able to display that in the page.

nor this one:

#https://raw.githubusercontent.com/belovanna/belovanna.github.io/b64e6c285e0e057f9bc9a1723a4eb767446a1947/_pages/curriculum.md
Effect: https://belovanna.github.io/Curriculum/

see the poor results: https://fsj-digital.github.io/DigitalHub/

what can i do now!?

update: well i think that i ll do it like so: like it is described here:

https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet

Links There are two ways to create links.

I'm an inline-style link

I'm an inline-style link with title

I'm a reference-style link

I'm a relative reference to a repository file

[You can use numbers for reference-style link definitions][1]

Or leave it empty and use the [link text itself].

URLs and URLs in angle brackets will automatically get turned into links. http://www.example.com or http://www.example.com and sometimes example.com (but not on Github, for example).

Some text to show that the reference links can follow later.

[1]: http://slashdot.org [link text itself]: http://www.reddit.com


Solution

  • That comment was just linking to where their example is (albeit in an odd manner). This is the code, which when rendered appears like this. It looks like they also made a blog post describing it.

    You might need to resize the embed, in which case this MDN entry should be helpful.