Ich möchte meine Photoshop-Designs sowohl mit HTML als auch mit Bildern exportieren, die in Scheiben geschnitten wurden. Ich möchte den Prozess zum Hosten der Bilder in einer öffentlichen Domäne automatisieren. Ich verwende derzeit Dropbox, aber ich muss die Bilddateien manuell zum öffentlichen Ordner hinzufügen.
Kennt jemand ein Plugin oder etwas, das automatisch die öffentlichen Links zu den HTML-Dateien exportiert und hinzufügt? Oder einfach exportieren und mir die Liste der öffentlichen Domains geben?
Sie könnten die Dropbox-URL Ihres öffentlichen Ordners ermitteln und dann Ihre HTML-Datei öffnen und alle Bild-Tags aktualisieren, indem Sie suchen und sie durch den Dropbox-Pfad ersetzen. Dadurch erhalten Sie keine einfache Liste öffentlicher Bildlinks, aber es ändert Ihre HTML-Datei, sodass ihre Links auf jedes öffentliche Bild (auf Dropbox) verweisen.
Hier ist ein Beispiel, das ich in meinem öffentlichen Dropbox-Ordner eingerichtet habe ...
1) Erstellen Sie einen Ordner im öffentlichen Ordner von Dropbox, um Ihre Projektdateien zu speichern. In diesem Beispiel habe ich den Ordner "webpage-sharing" genannt.
2) Legen Sie die HTML-Datei(en) und Bild(er) im Ordner „Webpage-Sharing“ ab.
3) Klicken Sie mit der rechten Maustaste auf die HTML-Datei und "Öffentlichen Link kopieren".
4) Fügen Sie den öffentlichen Link in eine Textdatei ein. In meinem Beispiel landete ich bei diesem Link: https://dl.dropboxusercontent.com/u/5699747/webpage-sharing/index.html
5) Kopieren Sie die URL bis einschließlich des Schrägstrichs (/) vor dem HTML-Dateinamen. https://dl.dropboxusercontent.com/u/5699747/webpage-sharing/
6) Öffnen Sie die HTML-Datei in einem Texteditor (TextWrangler, BBedit usw.) und führen Sie eine Suche und Ersetzung für die IMG-Tags durch. Folgendes habe ich verwendet:
Suchen: <img src="
Ersetzen: <img src="https://dl.dropboxusercontent.com/u/5699747/webpage-sharing/
Dies ändert ein Tag wie...
<img src="catsoup.jpg" alt="catsoup photo" />
auf ein Tag, das auf die öffentliche Dropbox verweist ...
<img src="https://dl.dropboxusercontent.com/u/5699747/webpage-sharing/catsoup.jpg" alt="catsoup photo" />
Sie können dies selbst testen, indem Sie auf den öffentlichen Link meiner index.html-Datei klicken (Sie sehen eine Seite mit zwei Fotos) und die HTML-Datei auf Ihren Computer herunterladen. Wenn Sie die lokal kopierte Datei in Ihrem Webbrowser öffnen, werden die Katzen- und Froschfotos nicht angezeigt, da ihre Links unterbrochen sind. Öffnen Sie die Datei index.html und führen Sie das S&R durch, und die Fotos werden angezeigt.
Ramoncacho