Sie sind auf Seite 1von 3

bei einem spteren Update von Octopress alle abgenderten Dateien berschrieben.

Kopieren Sie die Inhalte aus .themes/classic in einen neuen Ordner, etwa mit dem Namen classic2 , und bearbeiten Sie die Kopie nach Ihren Vorstellungen. ndern Sie, was zu ndern ist. Alternativ knnen Sie ein Theme von Grund auf bauen oder eines aus der Liste im Github-Wiki von Octopress herunterladen und in den Ordner .themes entpacken. Mit rake install 'Ordnername' installieren Sie das jeweilige Design. Anpassungen in der Gestaltung knnen Sie in den Dateien im Theme-Unterordner sass vornehmen [2], die Struktur ndern Sie in den HTML-Templates im Unterordner source . Dort finden Sie auch andere vom Theme benutzte Dateien wie etwa Bilder oder Icons. Sobald Sie fertig sind mit Ihren Anpassungen, mssen Sie das Theme noch einmal neu mit rake install laden. Es berschreibt dabei Dateien im globalen Ordner /source/_includes/custom, etwa von Ihnen angelegte HTML-Templates. Eintrge verfassen Auch das Anlegen von Eintrgen und Seiten passiert mit Octopress auf der Kommandozeile. Im Terminal geben Sie rake new_post['Ihr Post-Titel'] fr einen neuen Blogeintrag oder rake new_page['NameDerSeite'] fr eine neue Seite ein. Der Befehl legt eine neue Datei mit der Endung .markdown in source/_posts/ an beziehungsweise erstellt den Ordner source/ NameDerSeite und darin die Datei index. markdown. Die neue Markdown-Datei enthlt einen YAML-Header, der die Einstellungen fr den Artikel oder die Seite definiert. Zu ihnen gehren die Kategorien, denen man Posts zuweist. Das geschieht hinter categories:. Passt der Eintrag in mehrere Kategorien, kann man diese entweder mit Komma oder Zeilenumbruch trennen. Kommentare lassen sich mit comments: true an- und mit comments: false abschalten. Das Datum wird automatisch whrend des Ausfhrens des rakeBefehls eingetragen, lsst sich aber auch von Hand ndern. Wenn Sie den Post zunchst als Entwurf behandeln wollen, fgen Sie noch published: false hinzu. Der Blogeintrag wird dann nicht beim erneuten Generieren des Blogs einbezogen. Mit sharing: true bekommt der jeweilige Post Buttons, mit denen Leser ihre Inhalte in soziale Netzwerke tragen knnen. Unter dem Header schreiben Sie nun Ihren Text. Die Formatierung geschieht in Markdown, Genaueres dazu steht in [3]. Wenn Sie lngere Posts auf der Startseite nur mit einem Teaser vorstellen wollen, fgen Sie den Tag <!--more--> hinter dem Teaser ein. Auf der Startseite wird dieser angezeigt und

der ganze Post verlinkt. Das Einbetten von Bildern, Videos, Blockquotes oder Code geschieht in Liquid , einem Markup, das Octopress vom HTMLSeitenGenerator Jekyll geerbt hat. Videos kann man beispielsweise als MP4 einbetten: {% video http://url/zum/Video width height http://url/zum/Bild] %} Octopress arbeitet hier mit Modernizr, um den HTML5-Support des Browsers zu erforschen und bei lteren Browsern Flash-Videos anzubieten. Mediendateien gehren in den Ordner source , innerhalb dessen Sie auch eine eigene Verzeichnisstruktur anlegen knnen. hnlich ist der Liquid-Tag fr Bilder formatiert. Hinzu kommt gleich nach <@!>img<!@$> noch die Mglichkeit, mit HTML-Attributen das Bild zu platzieren. Fr rechtsbndige Ausrichtung knnen Sie dies verwenden: {% img right http://url/zum/bild width height !title text !alt text %} Zitate kann man mit einem Blockzitat hervorheben. Dabei lassen sich auch Urheber und Quelle des Zitats jeweils mit Name und Link angeben. Es eignet sich jedoch auch als Hervorhebung eigener Aussagen. {% blockquote Autorenzeile, URL Linktext %} Hier das Zitat. {% endblockquote %} Will man den eigenen Text jedoch auflockern und lediglich eigene Aussagen hervorheben, bietet Octopress pull quotes . Der Absatz, in dem Sie etwas hervorheben wollen, wird mit Liquid-Tags umschlossen. Was hervorzu heben ist, wird nochmal mit geschweiften Klammern und Anfhrungsstrichen ausgezeichnet. Nun steht es im Zitat und im Flietext, der darum herumluft. {% pullquote %} Dieser Text wird nicht {" besonders "} hervorgehoben. {% endpullquote %} Ein weiteres gut ausgebautes Feature in Octopress ist das Darstellen von Code mit der Programmiersprache angepasstem SyntaxHighlighting. Wie im Listing auf Seite 160 oben rechts angegeben, kann man seinen Code erklren oder benennen, Octopress die Programmiersprache fr das richtige Hervorheben der Syntax angeben und zu Dokumentation oder Quelle verlinken. Wer die AdHoc-Git-Repositories Gist bei GitHub benutzt, kann seinen Code noch einfacher mit {% gist gist-Nummer %} in einen Blogpost einbetten. Gists sind eine schnelle Mglichkeit, Codeschnipsel zu teilen, ohne gleich Wiki und Website anzubieten. Dennoch sind sie Git-Repositories und lassen sich klonen und aktualisieren. Generieren und deployen Ist der Blog-Post fertig, mchte man ihn sich sicher gern ansehen und verffentlichen.

Aus all den Dateien in den verschiedenen Ordnern muss also noch eine Seite generiert werden. Dazu nutzt Octopress Rubys BuildTool Rake. Im Rakefile sind die verschiedenen Kommandozeilenbefehle zum Steuern von Octopress definiert. Sie nutzen den HTMLSeitenGenerator Jekyll, um die Seite zu bauen. Whrend des lokalen Arbeitens kann man sich etwa des Befehls rake preview bedienen, der einen lokalen Webserver startet und den Port 4000 des localhost nutzt. Dieser Befehl achtet auf nderungen im Dateisystem und aktualisiert die Seite. Im Browser knnen Sie diese neu laden.