Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Generowanie og-image dla postów #16

Closed
1 of 2 tasks
kaluzaaa opened this issue Dec 20, 2020 · 6 comments · Fixed by #19
Closed
1 of 2 tasks

Generowanie og-image dla postów #16

kaluzaaa opened this issue Dec 20, 2020 · 6 comments · Fixed by #19
Assignees

Comments

@kaluzaaa
Copy link
Contributor

kaluzaaa commented Dec 20, 2020

Generujemy za pomocą thum.io #10
Generowanie odbywa się za pomocą podania przygotowanego url. Przykład działającego https://image.thum.io/get/ogImage/https://azurecommunity.pl/blog/azure-solutions-architect-qa-aad-part2

Do zrobienia:

  • Automatyczne kopiowanie plików (postów) z _post do _og-images w Github Actions (.github/workflows/test.yml) przed krokiem helaili/[email protected]
  • Przerobinie szablonu _layouts/og-image.html, żeby to wygądało ;-) Powinno się mieścić dynamicznie od 1-4 do autorów (imię, naziwsko, avatar) i tytuł postu. thum.io robi screnshot w rozdzielczości 1200x630 i pod taką trzeba robić szablon.

Do testów przekopiowac sobie z pliki z _post do _og-images. Strony generują się z prefixem og-image zamiast blog, czyli http://localhost:4000/og-image/azure-solutions-architect-qa-aad-part2

@aryll
Copy link
Member

aryll commented Dec 21, 2020

Czy mamy jakąś bazę (chodzi mi głównie o ten obrazek bo jest trochę jak logo grupy)
image

@kaluzaaa
Copy link
Contributor Author

@aryll może coś takiego lekkiego w stopce i tylko drobne logo w rogu.

image
image
image

@eklime zrób może jakąś paczkę i tu wrzuć

@kaluzaaa
Copy link
Contributor Author

Kopiowanie dodane do Actions

@kaluzaaa
Copy link
Contributor Author

image

tak wyglądają na dev.to

@kaluzaaa
Copy link
Contributor Author

i jeszcze inne
Uploading image.png…

@aryll
Copy link
Member

aryll commented Dec 28, 2020

image.thum.io zżera sporo css'ów robiąc printscreena... Wyszło mi coś takiego:
image

Od razu odpowiadam na pytania:

  • wszystkie style żeby zrobić avatar w kółku mi odrzuciło (może ktoś chciałby u siebie spróbować jakąś magię?)
  • nazwiska nie chcą się wycentrować obok obrazka
  • background można zmienić tylko trzeba wiedzieć na jaki 😄 - ja nic ciekawszego nie znalazłam

Uwagi, sugestie, pomysły?
@kaluzaaa @eklime @maciejgos @kmadof ?

A tutaj jest do tego draftowy PR: #19

@kaluzaaa kaluzaaa linked a pull request Dec 28, 2020 that will close this issue
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging a pull request may close this issue.

3 participants