Gatsby: मार्कडाउन में चर?

आप इसके लिए थोड़ा कस्टम सहायक लिख सकते हैं (या lodash.template https://lodash.com/docs/4.17.11#template की तरह कुछ का उपयोग करें)

यहाँ एक त्वरित और गंदा समाधान है:

निम्नलिखित सामग्री के साथ एक मार्कडाउन फाइल sample.md दिया गया:

---
title: Sample
---

## Hello World

This is a [link](%URL%/sub-path), and so is [this](%URL%/sub-path)

आप एक फ़ाइल बना सकते हैं (आइए इसे src/utils/template.js ) और ऐसा कुछ लिखें

export default function template(content, data) {
  return content.replace(/%(.+)%/g, (match, key) => {
    const value = data[key]
    if (typeof value !== 'undefined') {
      return value
    }
    return match // guards against some unintentional prefix
  });
}

अब यह सब एक साथ वायरिंग, आपको अपनी सामग्री को बदलने के लिए बस _use_ इस टेम्पलेट फ़ंक्शन की आवश्यकता होगी। data ऑब्जेक्ट जो कुछ भी आप चाहते हैं और जहां से भी खींचा जा सकता है (उदाहरण के लिए, ग्राफ़क, कुछ स्थिरांक फ़ाइल, पर्यावरण चर, आदि)।

import React from 'react'

import template from '../utils/template';

const URL = 'https://google.com'; // this can be from wherever

export default function SomeMarkdownPage({ data }) {
  // data is from GraphQL, presume the parent is data.markdown
  return (
    <div dangerouslySetInnerHTML={{
      __html: template(data.markdown.html, {
        URL
      })
    }} />
  )
}

इसका कोई मतलब भी है क्या? यह एक काफी उपयोगी गैट्सबी-टिप्पणी-प्लगइन भी हो सकता है, लेकिन मुझे यकीन नहीं है कि मौजूद है! अगर आपको यह लिखने में कोई दिलचस्पी है, तो यह अच्छा होगा, लेकिन अभी के लिए, यह निश्चित रूप से आपके उपयोग के मामले में काम करेगा!

उत्तर के रूप में इसे बंद करने के लिए जा रहे हैं, लेकिन कृपया बेझिझक फिर से खोलें अगर हम में से कोई भी आगे मदद कर सकता है। गैट्सबी का उपयोग करने के लिए धन्यवाद!