Czy kiedykolwiek zdarzyło Ci się wystartować blog, zainstalować wszystkie niezbędne wtyczki, napisać artykuł (lub dwa), aby po kilku dniach lub tygodniach zarzucić jego dalszy rozwój? A może od dawna nosisz się z zamiarem wystartowania, ale mnogość różnych opcji skutecznie odwodzi Cię od tego pomysłu? Być może masz wątpliwości, że nie warto? W tej prezentacji chciałbym pokazać od praktycznej strony, że można podejść do tego tematu zupełnie inaczej. Pokażę Ci kilka alternatywnych możliwości w stosunku do najpopularniejszych rozwiązań takich jak WordPress, Medium, Blogger itd. Przekonasz się, że bloga można skutecznie prowadzić z poziomu IDE. Zaś dzięki dobrym praktykom znanym powszechnie w świecie open source wspólnie zastanowimy się jak rozpalić i podtrzymać motywację do dalszego rozwoju. A wszystko to poparte praktycznymi przykładami z masą gotowych do zastosowania rozwiązań!

1. Prowadzenie bloga
z poziomu IDE*
Toruń JUG, 27 lutego 2019* lub dowolnego edytora tekstu

2. https://twitter.com/vvoyer/status/1087705536714412032

3. Blogowanie z poziomu IDE?
Co? Dlaczego?Jak?
Alternatywne rozwiązanie

4. Cześć, nazywam się
Szymon Stępniak
Prowadzę bloga e.printstacktrace.blog
Freelancer / Delivery Automation Architect @ Upwork Global Inc.
Twitter: @wololock
whoami

5. “
Blogowanie z poziomu IDE -
wszystko jest kodem źródłowym
przechowywanym w
repozytorium Git

10. Generator statycznych
stron HTML
… czyli przekształcanie kodu źródłowego w gotową stronę
1

15. “
No dobra, ale czy nie lepiej pisać
od razu docelowego HTML-a?

16. Generowane są nie tylko posty
Strona główna
Zaktualizowana strona główna
prezentująca listę ostatnich
wpisów w kolejności
chronologicznej.
Lista wpisów wg kategorii
Lista wpisów należących do
danej kategorii.
Lista wpisów wg tagów
Lista wpisów oznaczonych
danym tagiem.
Mapa strony
Mapa strony w formacie XML.
Oddzielna dla wpisów, kategorii
i tagów.
Archiwum
Lista wszystkich wpisów
pogrupowanych wg lat.
Pozostałe elementy
Rekomendowane wpisy (na
podstawie tagów oraz treści),
chmura tagów,
najpopularniejsze wpisy itd.

23. https://hexo.io

24. https://hexo.io

31. “
Inne frameworki

32. Jekyll (https://jekyllrb.com)

33. Hugo (https://gohugo.io)

34. JBake (https://jbake.org)

35. https://github.com/myles/awesome-static-generators

36. Zalety
Najmocniejsze punkty statycznych stron

37. Zalety statycznych stron
◉ Statyczny HTML nie wymaga specjalistycznego
serwera.
◉ Łatwo utrzymać środowisko developerskie i
produkcyjne w synchronizacji.
◉ Cała historia zmian w repozytorium Git.

38. Ograniczenia
Statyczne strony mają też swoje ograniczenia

39. ◉ To “tylko” HTML.
◉ Nie wszystko załatwimy kilkoma kliknięciami
czy zainstalowaniem gotowej wtyczki.
◉ Bardziej rozbudowane platformy (np.
WordPress) dysponują ogromną liczbą
gotowych wtyczek.
Ograniczenia statycznych
stron

40. “
Blog wygenerowany. Co dalej?

41. GitHub Pages
… czyli darmowe i sprawdzone środowisko produkcyjne
2

42. GitHub Pages w 3 krokach
◉ Tworzymy repozytorium
{username}/{username}.github.io
◉ W gałęzi develop przechowujemy źródła, zaś w gałęzi
master - wygenerowaną stronę.
◉ Strona dostępna jest pod adresem
http://{username}.github.io

45. Własna domena na GH Pages

46. Automatyczne
wdrożenia
Wykorzystujemy serwer CI do publikacji aktualizacji bloga
3

47. https://travis-ci.org/wololock/wololock.github.io

50. https://help.github.com/en/articles/creating-a-personal-access-token-for-the-command-line

53. Cloudflare
CDN, DNS, ochrona przeciwko (D)DoS, serwer cache, SSL, i wiele więcej
4

54. https://www.cloudflare.com

62. Najciekawsze opcje Cloudflare
◉ SSL
◉ HTTP/2
◉ Firewall
◉ Cache / CDN
◉ DNS
◉ Page Rules
◉ “Always on-line”

63. Blogowanie z poziomu IDE?
Co? Dlaczego?Jak?
Alternatywne rozwiązanie

64. Jak zacząć i się
nie zniechęcić?
Progresywne podejście do blogowania
5

74. “
Mając kilka pierwszych wpisów,
możemy przystąpić do publikacji
pierwszego z nich

82. Blogowanie z poziomu IDE?
Co? Dlaczego?Jak?
Alternatywne rozwiązanie

83. Dlaczego
blogowanie z IDE?
… czyli o tym co sprawia najwięcej frajdy w takim podejściu
6

84. Blogowanie jako “kontrybucja” OSS

85. IDE + terminal == no context switching

86. “Transforming complex issues into simple solutions”
- John Somnez (simpleprogrammer.com)

87. Twój blog staje się Twoim projektem produktem

88. Ode mnie to wszystko.
Macie jakieś pytania?
◉ http://bit.ly/blogowanie-z-ide
◉ szymon.stepniak@gmail.com / @wololock
Dzięki!