Как получить мета-теги в Gatsby js, когда он помещается после файла CSS? - PullRequest
Новая
       12

Как получить мета-теги в Gatsby js, когда он помещается после файла CSS?

0 голосов
/ 03 февраля 2020

Я работаю над сайтом Гэтсби. Я хочу использовать метатеги для обмена ссылками.

Я могу добавить мета-тэги на сайт, но они не обнаруживаются, когда я делюсь URL-адресом. Я думаю, что проблема может заключаться в том, что Гэтсби помещает файл CSS перед метатегами в процессе сборки, и для выборки метатегов сканируются только начальные 100 строк.

Есть ли способ, которым я можно исправить это, так как важно иметь правильные метатеги? 

<Helmet>
      <title>{`Blog | ${name} | ${title}`}</title>
      <meta name="title" content={metaTitle} />
      <meta name="description" content={metaDesc} />
      <meta
        property="og:image"
        content="https://example.com/images/image.jpg"
      />
      <meta
        name="keywords"
        content="JavaScript, Linter, Linting, Pluggable, Configurable, Code Quality"
      />
      <meta
        name="description"
        content="A pluggable and configurable linter tool for identifying and reporting on patterns in JavaScript. Maintain your code quality with ease."
      />
      <meta name="theme-color" content="#463fd4" />
      <meta property="og:locale" content="en_US" />
      <meta
        property="og:site_name"
        content="ESLint - Pluggable JavaScript linter"
      />
      <meta property="og:title" content="require-jsdoc - Rules" />
      <meta property="og:url" content="/docs/rules/require-jsdoc" />
      <meta property="og:image" content="/assets/img/favicon.512x512.png" />
      <meta name="twitter:site" content="@geteslint" />
      <meta name="twitter:title" content="require-jsdoc - Rules" />
      <meta
        name="twitter:description"
        content="A pluggable and configurable linter tool for identifying and reporting on patterns in JavaScript. Maintain your code quality with ease."
      />
</Helmet>

Вот так выглядит мой код прямо сейчас. Можете ли вы помочь мне решить эту проблему?

...