Öffnen von PDF im browser mit Github Pages

Ich bin mit GitHub Pages hosten meiner website. Ich habe eine PDF Datei, möchte ich die Besucher werden in der Lage zu öffnen direkt im browser. Aber wenn ich laden Sie die PDF-Datei auf GitHub-Seiten und link-es öffnet sich im GitHub-viewer. Gibt es eine Möglichkeit zum öffnen der PDF-Datei in einem browser? Ich will nicht, um das Dokument zu uploaden auf dropbox oder Google Drive, da diese services sind in bestimmten Ländern nicht erhältlich.

Raw-URL führen würde, zum herunterladen. Aber ich möchte die Datei im browser geöffnet.

  • Ich habe nicht den downvote. Bitte erklären.
  • Wie hast du den link zu der Datei? Wenn Sie laden Sie es direkt von einem GitHub-repository benötigen Sie den "raw" - link.
  • Das ist es, was ich versuche herauszufinden. Mit raw führen würde, zu einem download, das ist nicht das, was ich sehen möchte. Ich will die Datei öffnen direkt im browser.
  • Können Sie ein bisschen erklären. Die Seite, die Sie geben, ist sehr wenig info.
  • Sorry, mein vorheriger link war irreführend. Ich habe geschrieben eine richtige Antwort unten, und ich werde löschen Sie den Kommentar bezogen auf site.static_files.
  • Nein, Ihre Antwort ist im Grunde nur copy & Paste.
  • Das ist, weil, SO empfiehlt der Beantwortung dieser Weise: "ich denke, die links sind fantastisch, aber Sie sollten nie das einzige Stück von Informationen in Ihrer Antwort ..., Wenn jemand geht auf Stack Overflow, die Frage zu "beantworten" sollte eigentlich ein Antwort. Nicht einfach eine Reihe von Anweisungen zu der Antwort. Sollten Sie in einem bestimmten Kontext bereitzustellen, um alle Ihre links, da sonst die OP wird keine Ahnung haben, was Sie sind, klicken Sie in".
  • ich Stimme mit dem, so die Empfehlung. Aber ich denke, Sie verstehen es falsch. Die Bereitstellung von Kontexten bedeutet, zu erklären, nicht kopieren und einfügen.
  • Ich weiß nicht, wie zu vermeiden, herunterladen...

InformationsquelleAutor Yan Song | 2015-06-10
  1. 8

    Anstatt laden Sie Ihre PDF-Datei direkt von GitHub, fügen Sie es in Ihrem GitHub-Pages branch als statische Datei. Diese kann getan werden, indem Sie einfach wenn die Datei irgendwo in deinem source-tree:

    Jedes andere Verzeichnis-und Datei-außer für die oben aufgeführten—wie css und images Ordner favicon.ico Dateien, und so weiter—werden auf Datenträger kopiert, um die generierten site. Es gibt viele Websites, die bereits mit Jekyll wenn Sie neugierig zu sehen, wie Sie ausgelegt sind.

    So legen Sie die PDF irgendwo Sinn macht, zum Beispiel in pdfs/foo.pdf.

    Einen link zu dieser PDF-Arbeit sowohl lokal als auch auf GitHub Seiten, Jekyll empfiehlt die folgenden (beachten Sie vor allem Punkt #2):

    Manchmal ist es schön, eine Vorschau Ihrer Jekyll-Website, bevor Sie schieben Sie Ihre gh-pages branch auf GitHub. Aber die Unterverzeichnis-wie die URL-Struktur GitHub verwendet für die Projekt-Seiten erschwert die korrekte Auflösung von URLs. Hier ist ein Ansatz, um die Nutzung der GitHub-Seite des Projekts URL-Struktur (username.github.io/project-name/) unter Beibehaltung der Fähigkeit, um eine Vorschau Ihrer Jekyll-site lokal.

    1. In _config.yml, legen Sie die baseurl option /project-name – Hinweis zu den führenden slash und den Abwesenheit von einem nachgestellten Schrägstrich.

    2. Referenzierung von JS-oder CSS-Dateien, machen Sie es wie diese: {{ site.baseurl }}/path/to/css.css – Hinweis der Schrägstrich unmittelbar folgenden Variablen (kurz vor dem "Pfad").

    3. Wenn dabei permalinks oder interne links, tun Sie es wie diese: {{ site.baseurl }}{{ post.url }} – beachten Sie, dass es keine Schrägstrich zwischen den beiden Variablen.

    4. Schließlich, wenn Sie möchten, um eine Vorschau Ihrer Website, bevor Sie/bereitstellen mit jekyll serve, sicher sein, um eine leere Zeichenfolge der --baseurl option, so dass Sie alles auf localhost:4000 normal (ohne /project-name am Anfang): jekyll serve --baseurl ''

    So, jetzt können Sie einen link auf Ihre PDF-Datei mit {{ site.baseurl }}/pdfs/foo.pdf.

    InformationsquelleAutor Chris
  2. 2

    Es ist sehr einfach zu Pdf in browser anzeigen aus dem Github statische Seite, für die, die Sie brauchen-Ansatz folgenden Prozess,

    1. Machen die statische website/repository mit Ihrem Github-Nutzernamen, zum Beispiel, wenn der Benutzername sumanbogati dann repository wäre sumanbogati.github.io
    2. Legen Sie die gewünschte pdf-Datei in das repository
    3. Nun suchen Sie die Url der Pdf, wo Sie wollen

    Beispielsweise zur Anzeige von pdf-in Html-web-Seite

    <embed src="https://sumanbogati.github.io/sample.pdf" type="application/pdf" />

    Dies ist ein instant demo. Weitere details finden Sie Hier.

    • Lade ich ein pdf auf meinen repository, jedoch ist der link nicht funktioniert, zum Beispiel meine.github.io/mein.pdf. Gibt es noch andere Schritte erforderlich?
    • Ich dachte, aus. Müssen, erstellen Sie ein weiteres Verzeichnis mit html-enthält <embed src="https://my.github.io/my.pdf" type="application/pdf" />
    • Sie repository my.github.io/my.pdf ist nicht konfiguriert, werden Sie haben, erstellt der repository bei GitHub username ? Wie in meinem Fall-repo ist sumanbogati.github.io und Benutzername ist sumanbogati.
    • oder benutzen Sie einfach das Anker-tag statt einbetten
    InformationsquelleAutor Suman Bogati
  3. 2

    Angenommen, Ihre persönliche website wird gehostet in einem Github-Seite wie folgt:

    https://username.github.io

    Repository sollte sein name als Benutzername.github.io. Wenn Sie eine pdf-Datei mit dem Namen Dokument.pdf und platzieren Sie es im Verzeichnis Ordner, dann sollten Sie in der Lage sein, um es zu öffnen direkt im browser über folgenden link:

    https://username.github.io/folder/document.pdf

    Um dem Benutzer zu ermöglichen, öffnen Sie das pdf in einem neuen Fenster im browser verwenden, können Sie den nachfolgenden HTML-Code, wo "PDF" und verweist auf den link:

    <a href="username.github.io/folder/document.pdf" target="_blank">PDF.</a>
    • Können Sie die Antwort akzeptieren?
    • Dies sollte wohl ersetzen die akzeptierte Antwort, wie von 2019. Es ist viel einfacher, Worte und perfekt.
    InformationsquelleAutor ruifgmonteiro
  4. 0

    Verknüpfen Sie es auf diese Weise

    <a target='_blank' href={require('path/to/pdf/file')}>PDF Doc</a>

    Dann, wenn Sie push zu GitHub Seite, sehen Sie Ihre pdf-Datei-Pfad als so

    https://userName.github.io/repoName/static/media/pdfFileName.hashNumber.pdf

    Ich glaube, dass es funktioniert, wenn Sie die Datei importieren, anstatt benötigen als gut, aber ich habe nicht getestet, die.

    InformationsquelleAutor Jun711
  5. 0

    Legen Sie die PDF-Datei in einem Ordner wie; http://www.website/pdf/example.pdf dies Stoppt den Download von Dateien außerhalb des root-Verzeichnis.

    Die Schritte sind:

    1. Erstellen Sie eine neue Datei im Hauptverzeichnis.

    2. Name Datei /pdf - /und speichern Sie es.

    3. Upload-Beispiel.pdf-Datei in diesem Ordner

    Ergebnis:: PDF wird angezeigt, at; http://www.website/pdf/example.pdf

    4. Optional Schritt zu vermeiden .pdf-URL. Erstellen Sie eine index.html Datei in diesem Ordner und erstellen Sie eine leere html-Datei mit PDF-embed-tag:

    InformationsquelleAutor Shippable.ls
Schreibe einen Kommentar