Steem: #pl-praktycznie - Markdown

in #polish5 years ago


steem pl-praktycznie markdown.png

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źlenia przekreś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.

![Opis](Bezpośredni link do obrazu)

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 1Kolumna 2
Wiersz 1Wiersz 1b
Wiersz 2Wiersz 2b

Kolumna 1 | Kolumna 2
------------ | -------------
Wiersz 1 | Wiersz 1b
Wiersz 2 | Wiersz 2b

Oraz z trzema kolumnami i trzema wierszami

Kolumna 1Kolumna 2Kolumna 3
Wiersz 1Wiersz 1bWiersz 1c
Wiersz 2Wiersz 2bWiersz 2c
Wiersz 3Wiersz 3bWiersz 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.

Coin Marketplace

STEEM 0.31
TRX 0.12
JST 0.034
BTC 64742.01
ETH 3172.49
USDT 1.00
SBD 4.10