W przedstawianej przez nas treści ważną rolę odgrywa również forma. Wyobraźmy sobie następującą sytuację. Jesteśmy w kinie, oglądamy nasz ulubiony film...który jest czarno-biały i bez dźwięku. O wiele mniej przyjemniej aniżeli z dźwiękiem i w pełnych barwach, prawda? Tak samo jest w przypadku np. postów na Steemit. O wiele łatwiej i przyjemniej czyta się tekst sformatowany. W dzisiejszym epizodzie powiemy o Markdown.
Podstawy
Markdown jest to system znaków utworzony w celu uproszczonego formatowania tekstu. Został zaprojektowany przez Johna Grubera i Aarona Swartza. Markdown często nazywany jest uproszczonym HTML'em.
I nie ma w tym nic dziwnego. Każdy atrybut tego języka można przekonwertować właśnie na HTML. Założenie było proste – łatwość pisania i odczytywania tekstu.
Atrybuty
Atrybuty Markdown są to specjalne wartości, których użycie skutkuje określonym efektem. Zasada działania jest identyczna do HTML.
Atrybut (Wartość) + Reszta = Efekt
Poniżej przedstawione są najpopularniejsze atrybuty wraz z plain text
Nagłówki
Nagłówki, czyli tak zwane headery stosowane są jako wyróżnienie tekstu, bądź jako wprowadzenie do dalszej treści.
Nagłówek 1
# Nagłówek 1
Nagłówek 2
## Nagłówek 2
Nagłówek 3
### Nagłówek 3
Nagłówek 4
#### Nagłówek 4
Nagłówek 5
##### Nagłówek 5
Nagłówek 6
###### Nagłówek 6
Bold, Italic, Strike-through
Często gdy chcemy manipulować tekstem, bądź przedstawić go w innej formie używamy tych trzech bardzo przydatnych atrybutów.
Przykładowo:
- Bold dla podkreślenia ważnego fragmentu tekstu
- Italic dla np. cytatu
- Strike-trough dla
pszekreźleniaprzekreślenia niepoprawnego tekstu
Ten tekst jest pogrubiony
**Ten tekst jest pogrubiony**
Ten tekst jest napisany kursywą
*Ten tekst jest napisany kursywą*
Ten tekst jest przekreślony
~~Ten tekst jest przekreślony~~
Hiperłącza
Odnośnik WWW jest bardzo prostym atrybutem w Markdown. Nie potrzebujemy wstawiać nic poza właściwym linkiem.
https://steemit.com/@jacekw
https://steemit.com/@jacekw
Druga opcja – bardziej profesjonalna i o wiele schludniejsza.
Konto Steemit @jacekw
[Konto Steemit @jacekw](https://steemit.com/@jacekw)
Jest jeszcze jedna opcja – bardzo praktyczna, mimo to mało kto o niej słyszał. Z poziomu użytkownika efekt jest taki sam, natomiast autor widzi co innego. Polega ona na zdefiniowaniu zmiennej, w bardzo podobny sposób jak np. w PHP, która będzie odpowiadać za umieszczenie odpowiedniego linku.
Konto Steemit @jacekw
Nowe posty z tagiem polish
[Konto Steemit @jacekw][jacekw]
[Nowe posty z tagiem polish][polish]
[jacekw]: https://steemit.com/@jacekw
[polish]: https://steemit.com/created/polish
Grafiki
Sytuacja wygląda podobnie jak w przypadku hiperłączy. W tym wypadku wystarczy wrzucić bezpośredni link do zdjęcia bądź (np. Steemit czy Busy) przeciągnąć obraz z komputera na obszar edycji.
https://i.imgur.com/a9kSO8p.png
Jeżeli zależamy nam na dodatkowym opisie obraza (przydatne przy chociażby pozycjonowaniu), grafikę umieszczamy w sposób następujący.
Tabele
Tabele są często spotykane w różnych wykresach, statystykach i innych. Warto wiedzieć jak się je tworzy.
Poniżej tabela z dwiema kolumnami i dwoma wierszami:
| Kolumna 1 | Kolumna 2 |
|---|---|
| Wiersz 1 | Wiersz 1b |
| Wiersz 2 | Wiersz 2b |
Kolumna 1 | Kolumna 2
------------ | -------------
Wiersz 1 | Wiersz 1b
Wiersz 2 | Wiersz 2b
Oraz z trzema kolumnami i trzema wierszami
| Kolumna 1 | Kolumna 2 | Kolumna 3 |
|---|---|---|
| Wiersz 1 | Wiersz 1b | Wiersz 1c |
| Wiersz 2 | Wiersz 2b | Wiersz 2c |
| Wiersz 3 | Wiersz 3b | Wiersz 3c |
Kolumna 1 | Kolumna 2 | Kolumna 3
------------ | ------------- | -------------
Wiersz 1 | Wiersz 1b | Wiersz 1c
Wiersz 2 | Wiersz 2b | Wiersz 2c
Wiersz 3 | Wiersz 3b | Wiersz 3c
Listy
Listowanie tekstu ma szerokie zastosowanie, możemy je wprowadzić przy pomocy znaków:
+
-
*
- Punkt 1
- Punkt 2
- Punkt 3
+ Punkt 1
- Punkt 2
* Punkt 3
- Punkt 1
- Punkt 1b
* Punkt 1
double-space * Punkt 1b
Blok cytatu
Od Italic różni się przede wszystkim formą przedstawiania treści.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Markdown jest banalny w jego użytkowaniu, bardzo intuicyjny. To dzięki niemu nasze posty mogą wyglądać o niebo lepiej. Nie zapominajmy jednak, że to treść gra pierwsze skrzypce w naszym komunikacie i to właśnie o nią trzeba zadbać w pierwszej kolejności.