Ich habe eine GitHub-Webseite. Wie mache ich eine Seite, die eine reine PDF-Datei anzeigt? Mein Lebenslauf?Ich habe eine GitHub-Webseite. Wie mache ich eine Seite, die eine reine PDF-Datei anzeigt? Mein Lebenslauf?
Um zu klären, mag ich die Seite nur mit dem pdf ausgefüllt werden - keine Überschriften usw.
Sie einen JS umleiten könnten in Ihrem index.html, die zu einer pdf-Datei verweist, die auch in Ihren Github-Seiten sind Repo.
Angenommen, Ihre Dateistruktur ist wie folgt: -
index.html
- cv(folder)
-----cv.pdf (your cv)
Dann wird Ihr Code sollte wie folgt aussehen.
<html>
<body>
</body>
<script type="text/javascript">
document.location = "robin.github.io/cv/cv.pdf"
</script>
</html>
Geben Sie einfach Ihre PDF in Ihr Repo und es wird wie jede andere Datei zugänglich sein.
Zum Beispiel ist mein Lebenslauf zu meinem Repo um https://github.com/xiongchiamiov/xiongchiamiov.github.com/blob/master/about/resume.pdf verpflichtet und ist im Internet unter https://changedmy.name/about/resume.pdf (ich habe ein CNAME für changedmy.name eingerichtet).
Sie können dies auch tun:
<html lang="fr">
<head>
<!-- note the meta tag -->
<meta http-equiv="refresh" content="0; url=http://yourprofile.github.io/cv.pdf" />
<meta charset="utf-8">
<title>Will CV</title>
</head>
<body>
</body>
</html>
Siehe für weitere Informationen Redirect from an HTML page.
Anstatt auf die PDF-Datei umzuleiten, könnten Sie sie mit einem iframe oder etwas wie https://github.com/mozilla/pdf.js einbetten.
Auf diese Weise wird das PDF auf der Seite zugänglich sein und Sie können verhindern, dass es heruntergeladen wird, ohne es im Browser anzuzeigen.
Es ist nicht möglich, die Seite "rein" die PDF-Datei anzeigen zu lassen, dazu müssten Sie die Antwort-Header ändern, was bei github-Seiten offensichtlich nicht möglich ist.
Chrome verfügt seit einiger Zeit über einen integrierten PDF-Viewer. hat Mozilla pdf.js noch nicht mit Firefox integriert? Mit einem dieser Plug-ins oder einem PDF-Anzeige-Plug-in können Sie die PDF-URL direkt anzeigen, anstatt einen Download zu erzwingen. –
Github verwendet PDF.js zum Anzeigen von PDFs, z. https://github.com/mozilla/pdf.js/blob/master/web/compressed.tracemonkey-pldi-09.pdf, können Sie Iframe mit URL finden, die Sie verwenden können, um Ihren Lebenslauf einzubetten (z. B. https://render.githubusercontent.com/view/pdf?commit=b261203018f847c89e05bb4c03c820fad0c90672&enc_url=68747470733a2f2f7261772e67697468756275736572636f6e74656e742e636f6d2f6d6f7a696c6c612f7064662e6a732f623236313230333031386638343763383965303562623463303363383230666164306339303637322f7765622f636f6d707265737365642e74726163656d6f6e6b65792d706c64692d30392e706466&nwo=mozilla%2Fpdf.js&path=web%2Fcompressed.tracemonkey-pldi-09.pdf&repository_id=1663468#13eff6e4-ecdb-4fe1-85e4-b7a468697e26)
Danke, Robin. Also in welche Datei würde ich diesen Code eingeben? Die Datei index.html? –
Ich habe cv2016.pdf in meinen CV-Ordner hochgeladen. Und in der Index-Datei des cv Ordner habe ich eingegeben genau den folgenden Code:
Aber es scheint nicht zu funktionieren, da ich eine 404-Seite bekomme! Irgendwelche Vorschläge, wie dies funktioniert? –Bearbeiten meiner Antwort. Gib mir einen Moment. –