---
title: "HTML-Directory-Listing mit tree"
date: 2018-10-08T07:46:28+02:00
categories:
  - "SysOps"
lang: de
canonical: https://www.marcusjaschen.de/blog/2018/html-directory-listing-mit-tree/
---

# HTML-Directory-Listing mit tree



<p>Die meisten Webserver bringen eine Funktion mit, welche Directory-Listings dynamisch erzeugen und als HTML ausgeben kann.</p>
<p>Manchmal ist es aber nicht möglich, das eingebaute Feature des Webservers zu nutzen und man benötigt einen anderen Weg, um schnell eine Liste der Dateien in HTML auszugeben.</p>
<p><a href="http://mama.indstate.edu/users/ice/tree/" rel="noopener nofollow">tree</a> hilft in diesem Fall weiter – es hat nämlich neben der Ausgabe eines Plain-Text-Directory-Listings auch die Möglichkeit, das Listing als HTML zu rendern.</p>
<p>tree ist bei allen wichtigen Linux-Distribution verfügbar, auf macOS kann man es einfach per Homebrew installieren.</p>
<p>Ich habe es benutzt, um eine Liste von Bildern in einem Verzeichnis zu erstellen:</p>

<!-- wp:preformatted -->
<pre class="wp-block-preformatted">tree -H '.' -L 1 --noreport --charset utf-8 &gt; index.html</pre>
<!-- /wp:preformatted -->

<!-- wp:paragraph -->
<p>Alle Optionen sind in der <a href="http://mama.indstate.edu/users/ice/tree/tree.1.html" rel="noopener nofollow">Manpage von tree</a> ausführlich erklärt. Obiger Befehl erzeugt folgende HTML-Ausgabe:</p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":2649} -->
<figure class="wp-block-image"><img src="https://www.marcusjaschen.de/wp-content/uploads/2018/10/screenshot_2018-10-07_19-32-35.jpg" alt="" class="wp-image-2649"/></figure>
<!-- /wp:image -->