Digitale Fotografie - Lesetip
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna pizza. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Was ist Markdown?
Markdown is created by Daring Fireball; the original guideline is here. Its syntax, however, varies between different parsers or editors.
Benutze einen Text Editor
Automad stores content in a human readable form. The file structure of the pages directory reflects the data structure of your website and URLs are generated based on the directory names. Every page directory must contain a .txt file. The name of that file represents the template to render the page with. Please check out the included sample content to understand how things are organized. Such a text file basically consists of multiple key: value pairs, separated by lines only containing one or more hyphens.
Download-Links
Ein einfacher Download-Link Broschüre "Digitale Fotografie (2013)".
Download-Links can also be relative.
Markdown is a simple and universal syntax for text formatting. More and more writers switch to markdown, because they can format their text during the writing process without using any format-buttons. Once they are familiar with the markdown syntax, they can write formatted text much easier and faster than with any standard HTML-editor.
Developers love markdown, because it is much cleaner and saver than HTML. And they can easily convert markdown to a lot of other document formats like HTML and others.
Headlines
Headlines are simply done with hash chars like this:
# First Level Headline
## Second Level Headline
### Third Level Headline
#### Fourth Level Headline
##### Fifth Level Headline
Third Level Headline
A third headline is more decent and lower prioritized than a second level headline.
Paragraph
A paragraph is a simple text-block separated with a new line above and below.
A paragraph is a simple text-block separated with a new line above and below.
Soft Linebreak
For a soft linebreak (eg. for dialoges in literature), add two spaces at the end of a line and use a simple return.
She said: "Hello"
He said: "again"
For a soft linebreak (eg. for dialoges in literature), add two spaces at the end of a line and use a simple return.
She said: "Hello"
He said: "again"
Textformatierung
Emphasis
For italic text use one *asterix* or one _underscore_.
For bold text use two **asterix** or two __underscores__.
For italic text use one asterix or one underscore.
For bold text use two asterix or two underscores.
Listen
Für eine einfache, ungeordnete Liste benutze einen Bindestrich (dash):
- Boah
- Ey!
Oder benutze ein Sternchen (asterix):
* Boah
* Ey!
Für eine geordnetet Liste benutze einfcah Nummern mit einem Punkt (dot):
1. Boah
1. Ey!
So sieht das dann aus:
Für eine einfache, ungeordnete Liste benutze einen Bindestrich (dash):
- Boah
- Ey!
Oder benutze ein Sternchen (asterix):
- Boah
- Ey!
Für eine geordnetet Liste benutze einfcah Nummern mit einem Punkt (dot):
- Boah
- Ey!
- Man!
- Ey!
Horizontal Rule
Easily created for example with three dashes like this:
---
Links
Das ist ein einfacher [Link](https://kiezfoto.org).
Links können auch [relative](/info).
You can link to anchors like this [anchor](#images)
You can also add a [title](https://kiezfoto.org "kiezfoto").
You can even add [ids or classes](https://kiezfoto.org){#myid .myclass}.
Or you can use a shortcut like https://kiezfoto.org.
You can even use a download-link like []()
Das ist ein einfacher Link.
Links can also be relative.
You can link to anchors like this anchor
You can also add a title.
You can even add ids or classes.
Images
The same rules as with links, but with a !

*With caption*
{#myid .imgClass}
*With caption that spans over several lines*
{#myid .otherclass width=150px}
Linked Images
You can link an image with a nested syntax like this:
[](https://kiezfoto.org)
You can link an image with a nested syntax like this:
Blockquote
There are always some women and men with wise words
> But I usually don't read them, to be honest.
There always some women and men with wise words
But I usually don't read them, to be honest.
Footnotes
You can write footnotes[^1] with markdown.
Scroll down to the end of the page[^2] and look for the footnotes.
Add the footnote text at the bottom of the page like this:
[^1]: Thank you for scrolling.
[^2]: This is the end of the page.
You can write footnotes1 with markdown.
Scroll down to the end of the page2 and look for the footnotes.
Footnotes won't work with the visual editor right now, so please use the raw mode for them.
Abbreviations
*[HTML]: Hyper Text Markup Language
*[W3C]: World Wide Web Consortium
You won't see the abbreviation directly, but if you write HTML or W3C somewhere, then you can see the tooltip with the explanation.
Tabellen
|name |usage |
|-----------|-----------|
| My Name | For Me |
| Your Name | For You |
Name | Usage |
---|---|
My Name | For Me |
Your Name | For You |
Tables
Input | First Header | Second Header |
and press the return
key. This will create a table with two columns.
After a table is created, putting focus on that table will open up a toolbar for the table where you can resize, align, or delete the table. You can also use the context menu to copy and add/delete individual columns/rows.
The full syntax for tables is described below, but it is not necessary to know the full syntax in detail as the markdown source code for tables is generated automatically by Typora.
In markdown source code, they look like:
| First Header | Second Header |
| ------------- | ------------- |
| Content Cell | Content Cell |
| Content Cell | Content Cell |
First Header | Second Header |
---|---|
Content Cell | Content Cell |
Content Cell | Content Cell |
You can also include inline Markdown such as links, bold, italics, or strikethrough in the table.
Finally, by including colons (:
) within the header row, you can define text in that column to be left-aligned, right-aligned, or center-aligned:
| Left-Aligned | Center Aligned | Right Aligned |
| :------------ |:---------------:| -----:|
| col 3 is | some wordy text | $1600 |
| col 2 is | centered | $12 |
| zebra stripes | are neat | $1 |
A colon on the left-most side indicates a left-aligned column; a colon on the right-most side indicates a right-aligned column; a colon on both sides indicates a center-aligned column.
Left-Aligned | Center Aligned | Right Aligned |
---|---|---|
col 3 is | some wordy text | $1600 |
col 2 is | centered | $12 |
zebra stripes | are neat | $1 |
Code
Let us create some `` like this
Let us create some `` and now let us check, if a codeblock works:
Use four apostroph like this:
\````
\````
Related Pages
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna pizza. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.