fix: move metatags to another file, and use relative path to images

blog/2021-05-07-o-impacto-da-educacao-em-minha-vida/index.md

@@ -4,12 +4,12 @@ title: O impacto da educação em minha vida
 description: Meu último emprego antes de me tornar Desenvolvedor em 2019 era de Auxiliar de Produção em uma fábrica aqui da cidade...
 keywords:
   [a importância da educação, educação, conhecimento, transição de carreira]
-image: ./education.jpeg
+image: /img/education.jpeg
 authors: brunelli
 tags: [educação, a importância da educação, aprendizado]
 ---
 
-![Education Banner](./education.jpeg)
+![Education Banner](/img/education.jpeg)
 
 Ontem enquanto organizava minha gaveta, me deparei com minha certidão de casamento, onde estava escrito na primeira linha:
 

blog/2021-12-16-como-contornar-a-dor-de-escrever-um-teste-unitario/index.md

@@ -3,12 +3,12 @@ slug: como-contornar-a-dor-de-escrever-um-teste-unitário
 title: Como contornar a dor de escrever um teste unitário?
 description: Acredito que todo mundo concorda que um código sem testes, é um código instável e frágil à mudanças...
 keywords: [tdd, tests, tdd example, tdd javascript]
-image: ./tdd.jpeg
+image: /img/tdd.jpeg
 authors: brunelli
 tags: [tdd, testes, teste unitário]
 ---
 
-![TDD Banner](./tdd.jpeg)
+![TDD Banner](/img/tdd.jpeg)
 
 Salve galera, tudo tranquilo? Esse é meu segundo artigo, e gostaria de compartilhar algo que vem me ajudando muito durante o desenvolvimento de software e na minha própria evolução profissional.
 

blog/2022-02-17-como-foi-construir-um-validador-de-objetos/index.md

@@ -3,12 +3,12 @@ slug: como-foi-construir-um-validador-de-objetos
 title: Como foi construir um validador de objetos?
 description: Primeiramente, por que contruí um pacote de validar objetos, sendo que o npm está cheio deles...
 keywords: [validator, object validator, schema validator, npm]
-image: ./npm.png
+image: /img/npm.png
 authors: brunelli
 tags: [npm, pacote npm, validator, validador de objetos]
 ---
 
-![Logo NPM](npm.png)
+![Logo NPM](/img/npm.png)
 
 Eai galera, tudo bem com vocês? Espero que sim.
 Hoje gostaria de compartilhar como **criei meu primeiro pacote npm**, quais foram minhas motivações e as etapas desde a ideia até o publish.

docusaurus.config.js

@@ -3,6 +3,7 @@
 
 const lightCodeTheme = require("prism-react-renderer/themes/github");
 const darkCodeTheme = require("prism-react-renderer/themes/dracula");
+const metatags = require("./metatags");
 
 /** @type {import('@docusaurus/types').Config} */
 const config = {
@@ -45,7 +46,7 @@ const config = {
           showReadingTime: true,
           blogTitle: "Postagens",
           blogDescription:
-            "Matheus Brunelli, programação, carreira e muito Javascript!. Veja as últimas postagens:",
+            "Matheus Brunelli, programação, carreira e muito Javascript! Clique aqui para ver as últimas postagens:",
           blogSidebarTitle: "Todos os posts",
           blogSidebarCount: "ALL",
           editUrl: "https://github.com/mrbrunelli/blog/tree/master",
@@ -60,23 +61,7 @@ const config = {
   themeConfig:
     /** @type {import('@docusaurus/preset-classic').ThemeConfig} */
     ({
-      metadata: [
-        {
-          name: "keywords",
-          content:
-            "matheus ricardo brunelli, matheus brunelli, brunelli, mrbrunelli, brunelli blog, blog, programação, dev, javascript, typescript",
-        },
-        {
-          name: "og:image",
-          content:
-            "https://lh3.googleusercontent.com/fife/AAWUweV6ZG1YLwHb6r7Mu1EJ0MY76dSFMuKAZql7IbeTp63LsoVqstyYAcRh3xxlsM8jHwsAF40CXmfY5aqdfIZAj-onKdO5sNas23ARCoZPmfHTxtDJFlmcpV8RCE_T0O9DHrWQzqnp9nfg1mhOKIlEsd-cblr3l7gc5VavRf7XnEBeVkV6qQmr_1P5FE8pnc1oxuPDZoVBpolq0OjmvP80Ht3fGytCWiFX5LCaDfkEkY8AOzAgQsDA8OzfpZ1vs-Z18bN61fO-1n63idqxeqBUUtpZpS2CtT5HXOztATXDuSB8dg-0pooXXCxVFjja2ygoyybGjSe6FtIedYuyzGw23FCcnIepOXZQuFrrZn66XREdtOhVuAD6sn2pi-uuYdIV2noXwifEJEsB7MPdNKScri8LuS3Fhe4j8W7e9PWYqp124WQPqBMsk2q6OayMM_ngZj_mGwcrfZHjIHg92qt8ACyrWGftRmogM9YUvydH2V8elk2AZxC4dnO105f-eigm0Rs1z2fxWD_Cbe6SBGXOfidMwLRRihER0PjlUS4ZWfD74KMJ_1uJb1iqw1iS2z4qKxk6RpPq1_m6otG7-Nb4RLKNXIx-iWsP4k6xnUQs61bGjB8BWsG6gKCFtMrjfcxahlHnul3NHuBm8brhDwIKnZY_X5HFlkBDpdMxZBBFm66f2F02u5dKpO1ITMArgDcKEURz30VpJ5MkTLLf_O4EmiYJgaGN8ArTjA=w1920-h927",
-        },
-        {
-          name: "twitter:image",
-          content:
-            "https://lh3.googleusercontent.com/fife/AAWUweV6ZG1YLwHb6r7Mu1EJ0MY76dSFMuKAZql7IbeTp63LsoVqstyYAcRh3xxlsM8jHwsAF40CXmfY5aqdfIZAj-onKdO5sNas23ARCoZPmfHTxtDJFlmcpV8RCE_T0O9DHrWQzqnp9nfg1mhOKIlEsd-cblr3l7gc5VavRf7XnEBeVkV6qQmr_1P5FE8pnc1oxuPDZoVBpolq0OjmvP80Ht3fGytCWiFX5LCaDfkEkY8AOzAgQsDA8OzfpZ1vs-Z18bN61fO-1n63idqxeqBUUtpZpS2CtT5HXOztATXDuSB8dg-0pooXXCxVFjja2ygoyybGjSe6FtIedYuyzGw23FCcnIepOXZQuFrrZn66XREdtOhVuAD6sn2pi-uuYdIV2noXwifEJEsB7MPdNKScri8LuS3Fhe4j8W7e9PWYqp124WQPqBMsk2q6OayMM_ngZj_mGwcrfZHjIHg92qt8ACyrWGftRmogM9YUvydH2V8elk2AZxC4dnO105f-eigm0Rs1z2fxWD_Cbe6SBGXOfidMwLRRihER0PjlUS4ZWfD74KMJ_1uJb1iqw1iS2z4qKxk6RpPq1_m6otG7-Nb4RLKNXIx-iWsP4k6xnUQs61bGjB8BWsG6gKCFtMrjfcxahlHnul3NHuBm8brhDwIKnZY_X5HFlkBDpdMxZBBFm66f2F02u5dKpO1ITMArgDcKEURz30VpJ5MkTLLf_O4EmiYJgaGN8ArTjA=w1920-h927",
-        },
-      ],
+      metadata: metatags,
       hideableSidebar: false,
       navbar: {
         hideOnScroll: true,

metatags.js

@@ -0,0 +1,37 @@
+const metatags = [
+  {
+    name: "keywords",
+    content:
+      "matheus, ricardo, brunelli, mrbrunelli, blog, programação, desenvolvimento, software, javascript, typescript",
+  },
+  {
+    property: "og:type",
+    content: "website",
+  },
+  {
+    name: "url",
+    property: "og:url",
+    content: "https://mrbrunelli.github.io/blog/",
+  },
+  {
+    name: "image",
+    property: "og:image",
+    content: "https://mrbrunelli.github.io/blog/img/profile.png",
+  },
+  {
+    property: "twitter:card",
+    content: "summary_large_image",
+  },
+  {
+    name: "url",
+    property: "twitter:url",
+    content: "https://mrbrunelli.github.io/blog/",
+  },
+  {
+    name: "image",
+    property: "twitter:image",
+    content: "https://mrbrunelli.github.io/blog/img/profile.png",
+  },
+];
+
+module.exports = metatags;