From 618b173fa8765b57e2bdb23e4a46bfc84147deea Mon Sep 17 00:00:00 2001 From: helios1101 Date: Mon, 11 Nov 2019 19:06:24 +0530 Subject: [PATCH 1/8] made initial changes --- docs/tutorial/part-zero/index.md | 48 +++++++++++++++----------------- 1 file changed, 23 insertions(+), 25 deletions(-) diff --git a/docs/tutorial/part-zero/index.md b/docs/tutorial/part-zero/index.md index 496cd29..384486f 100644 --- a/docs/tutorial/part-zero/index.md +++ b/docs/tutorial/part-zero/index.md @@ -1,38 +1,36 @@ --- -title: Set Up Your Development Environment +title: अपना विकास पर्यावरण तैयार करें typora-copy-images-to: ./ disableTableOfContents: true --- -Before you start building your first Gatsby site, you’ll need to familiarize yourself with some core web technologies and make sure that you have installed all required software tools. +इससे पहले कि आप अपनी पहली गैट्सबी साइट का निर्माण शुरू करें, आपको कुछ मुख्य वेब तकनीकों से खुद को परिचित करना होगा और यह सुनिश्चित करना होगा कि आपने सभी आवश्यक सॉफ़्टवेयर टूल स्थापित कर लिए हैं| -## Familiarize yourself with the command line +## कमांड लाइन से खुद को परिचित करें -The command line is a text-based interface used to run commands on your computer. You’ll also often see it referred to as the terminal. In this tutorial, we’ll use both interchangeably. It’s a lot like using the Finder on a Mac or Explorer on Windows. Finder and Explorer are examples of graphical user interfaces (GUI). The command line is a powerful, text-based way to interact with your computer. +कमांड लाइन एक टेक्स्ट-आधारित इंटरफ़ेस है जिसका उपयोग आपके कंप्यूटर पर कमांड चलाने के लिए किया जाता है। आप अक्सर इसे टर्मिनल के रूप में भी देखेंगे| इस ट्यूटोरियल में, हम दोनों का परस्पर उपयोग करते हैं। विंडोज पर मैक या एक्सप्लोरर पर फाइंडर का उपयोग करना बहुत पसंद है। खोजक और एक्सप्लोरर ग्राफिकल यूजर इंटरफेस (जीयूआई) के उदाहरण हैं। कमांड लाइन आपके कंप्यूटर के साथ बातचीत करने का एक शक्तिशाली पाठ-आधारित तरीका है। -Take a moment to locate and open up the command line interface (CLI) for your computer. Depending on which operating system you are using, see [**instructions for Mac**](http://www.macworld.co.uk/feature/mac-software/how-use-terminal-on-mac-3608274/), [**instructions for Windows**](https://www.quora.com/How-do-I-open-terminal-in-windows) or [**instructions for Linux**](https://www.howtogeek.com/140679/beginner-geek-how-to-start-using-the-linux-terminal/). +अपने कंप्यूटर के लिए कमांड लाइन इंटरफ़ेस (CLI) का पता लगाने और खोलने के लिए कुछ समय लें। निर्भर करता है कि आप किस ऑपरेटिंग सिस्टम का उपयोग कर रहे हैं, देखें [**Mac के लिए निर्देश**](http://www.macworld.co.uk/feature/mac-software/how-use-terminal-on-mac-3608274/), [**Windows के लिए निर्देश**](https://www.quora.com/How-do-I-open-terminal-in-windows) or [**Linux के लिए निर्देश**](https://www.howtogeek.com/140679/beginner-geek-how-to-start-using-the-linux-terminal/). -## Install Homebrew for Node.js +## Node.js के लिए Homebrew स्थापित करें -To install Gatsby and Node.js, it is recommended to use [Homebrew](https://brew.sh/). A little set-up in the beginning can save you from some headaches later on! +Gatsby और Node.js को स्थापित करने के लिए, इसका उपयोग करने की अनुशंसा की जाती है [Homebrew](https://brew.sh/). शुरुआत में थोड़ा सेट अप आपको बाद में कुछ सिरदर्द से बचा सकता है! अपने कंप्यूटर पर Homebrew को कैसे स्थापित या सत्यापित करें: -How to install or verify Homebrew on your computer: +1. अपना टर्मिनल खोलें। +1. देखें कि क्या Homebrew `brew -v` चलाकर स्थापित किया गया है। आपको "Homebrew" और एक संस्करण संख्या देखनी चाहिए। +1. यदि नहीं, तो निर्देशों के साथ [Homebrew](https://docs.brew.sh/Installation) डाउनलोड और इंस्टॉल करें आपके ऑपरेटिंग सिस्टम के लिए (Mac, Linux or Windows). +1. Homebrew स्थापित करने के बाद, सत्यापित करने के लिए चरण 2 को दोहराएं। -1. Open your Terminal. -1. See if Homebrew is installed by running `brew -v`. You should see "Homebrew" and a version number. -1. If not, download and install [Homebrew with the instructions](https://docs.brew.sh/Installation) for your operating system (Mac, Linux or Windows). -1. Once you've installed Homebrew, repeat step 2 to verify. - -### Mac Users: install Xcode Command Line Tools +### Mac उपयोगकर्ता: Xcode कमांड लाइन उपकरण स्थापित करें -1. Open your Terminal. -1. On a Mac, install Xcode Command line tools by running `xcode-select --install`. - 1. If that fails, download it [directly from the Apple site](https://developer.apple.com/download/more/), after signing-in with Apple developer account -1. After being prompted to start the installation, you'll be prompted again to accept a software license for the tools to download. +1. अपना टर्मिनल खोलें। +1. Mac पर, Xcode कमांड लाइन टूल को रन करके इंस्टॉल करें `xcode-select --install`. + 1. यदि वह विफल रहता है, तो उसे डाउनलोड करें [सीधे Apple साइट से](https://developer.apple.com/download/more/), Apple डेवलपर अकाउंट से साइन-इन करने के बाद +1. इंस्टॉलेशन शुरू करने के लिए प्रेरित होने के बाद, आपको टूल डाउनलोड करने के लिए सॉफ़्टवेयर लाइसेंस स्वीकार करने के लिए फिर से संकेत दिया जाएगा। -## ⌚ Install Node.js and npm +## ⌚ Node.js और npm स्थापित करें -Node.js is an environment that can run JavaScript code outside of a web browser. Gatsby is built with Node.js. To get up and running with Gatsby, you’ll need to have a recent version installed on your computer. +Node.js एक ऐसा वातावरण है जो वेब ब्राउज़र के बाहर जावास्क्रिप्ट कोड चला सकता है। Gatsby Node.js. के साथ बनाया गया है गैट्सबी के साथ उठने और चलने के लिए, आपको अपने कंप्यूटर पर हाल ही में संस्करण स्थापित करने की आवश्यकता होगी। _Note: Gatsby's minimum supported Node.js version is Node 8, but feel free to use a more recent version._ @@ -54,19 +52,19 @@ The output of each of those commands should be a version number. Your versions m ## Install Git -Git is a free and open source distributed version control system designed to handle everything from small to very large projects with speed and efficiency. When you install a Gatsby "starter" site, Gatsby uses Git behind the scenes to download and install the required files for your starter. You will need to have Git installed to set up your first Gatsby site. +Git एक स्वतंत्र और खुला स्रोत वितरित संस्करण नियंत्रण प्रणाली है जिसे गति और दक्षता के साथ छोटे से बहुत बड़े परियोजनाओं तक सब कुछ संभालने के लिए डिज़ाइन किया गया है। जब आप एक Gatsby "स्टार्टर" साइट स्थापित करते हैं, तो Gatsby अपने स्टार्टर के लिए आवश्यक फ़ाइलों को डाउनलोड और इंस्टॉल करने के लिए पर्दे के पीछे Git का उपयोग करता है। आपको अपना पहला Gatsby साइट सेट करने के लिए Git इंस्टॉल करना होगा। -The steps to download and install Git depend on your operating system. Follow the guide for your system: +Git को डाउनलोड और इंस्टॉल करने के चरण आपके ऑपरेटिंग सिस्टम पर निर्भर करते हैं। अपने सिस्टम के लिए गाइड का पालन करें: - [Install Git on macOS](https://www.atlassian.com/git/tutorials/install-git#mac-os-x) - [Install Git on Windows](https://www.atlassian.com/git/tutorials/install-git#windows) - [Install Git on Linux](https://www.atlassian.com/git/tutorials/install-git#linux) ## Using the Gatsby CLI + +Gatsby सीएलआई उपकरण आपको नए Gatsby-संचालित साइट बनाने और Gatsby साइटों को विकसित करने के लिए कमांड चलाने की सुविधा देता है। यह एक प्रकाशित npm पैकेज है। -The Gatsby CLI tool lets you quickly create new Gatsby-powered sites and run commands for developing Gatsby sites. It is a published npm package. - -The Gatsby CLI is available via npm and should be installed globally by running `npm install -g gatsby-cli`. +Gatsby CLI npm के माध्यम से उपलब्ध है और इसे विश्व स्तर पर चलाकर स्थापित किया जाना चाहिए `npm install -g gatsby-cli`. _**Note**: when you install Gatsby and run it for the first time, you'll see a short message notifying you about anonymous usage data that is being collected for Gatsby commands, you can read more about how that data is pulled out and used in the [telemetry doc](/docs/telemetry)._ From 2aecaedbc8c39515cf166d1146cd7f481ba9b38e Mon Sep 17 00:00:00 2001 From: helios1101 Date: Mon, 11 Nov 2019 20:52:45 +0530 Subject: [PATCH 2/8] first translation done --- docs/tutorial/part-zero/index.md | 170 ++++++++++++++++--------------- 1 file changed, 86 insertions(+), 84 deletions(-) diff --git a/docs/tutorial/part-zero/index.md b/docs/tutorial/part-zero/index.md index 384486f..8d1e052 100644 --- a/docs/tutorial/part-zero/index.md +++ b/docs/tutorial/part-zero/index.md @@ -16,177 +16,179 @@ disableTableOfContents: true Gatsby और Node.js को स्थापित करने के लिए, इसका उपयोग करने की अनुशंसा की जाती है [Homebrew](https://brew.sh/). शुरुआत में थोड़ा सेट अप आपको बाद में कुछ सिरदर्द से बचा सकता है! अपने कंप्यूटर पर Homebrew को कैसे स्थापित या सत्यापित करें: -1. अपना टर्मिनल खोलें। -1. देखें कि क्या Homebrew `brew -v` चलाकर स्थापित किया गया है। आपको "Homebrew" और एक संस्करण संख्या देखनी चाहिए। +1. अपना टर्मिनल खोलें। +1. देखें कि क्या Homebrew `brew -v` चलाकर स्थापित किया गया है। आपको "Homebrew" और एक संस्करण संख्या देखनी चाहिए। 1. यदि नहीं, तो निर्देशों के साथ [Homebrew](https://docs.brew.sh/Installation) डाउनलोड और इंस्टॉल करें आपके ऑपरेटिंग सिस्टम के लिए (Mac, Linux or Windows). -1. Homebrew स्थापित करने के बाद, सत्यापित करने के लिए चरण 2 को दोहराएं। +1. Homebrew स्थापित करने के बाद, सत्यापित करने के लिए चरण 2 को दोहराएं। ### Mac उपयोगकर्ता: Xcode कमांड लाइन उपकरण स्थापित करें -1. अपना टर्मिनल खोलें। -1. Mac पर, Xcode कमांड लाइन टूल को रन करके इंस्टॉल करें `xcode-select --install`. +1. अपना टर्मिनल खोलें। +1. Mac पर, Xcode कमांड लाइन टूल को रन करके इंस्टॉल करें `xcode-select --install`. 1. यदि वह विफल रहता है, तो उसे डाउनलोड करें [सीधे Apple साइट से](https://developer.apple.com/download/more/), Apple डेवलपर अकाउंट से साइन-इन करने के बाद -1. इंस्टॉलेशन शुरू करने के लिए प्रेरित होने के बाद, आपको टूल डाउनलोड करने के लिए सॉफ़्टवेयर लाइसेंस स्वीकार करने के लिए फिर से संकेत दिया जाएगा। +1. इंस्टॉलेशन शुरू करने के लिए प्रेरित होने के बाद, आपको टूल डाउनलोड करने के लिए सॉफ़्टवेयर लाइसेंस स्वीकार करने के लिए फिर से संकेत दिया जाएगा। ## ⌚ Node.js और npm स्थापित करें Node.js एक ऐसा वातावरण है जो वेब ब्राउज़र के बाहर जावास्क्रिप्ट कोड चला सकता है। Gatsby Node.js. के साथ बनाया गया है गैट्सबी के साथ उठने और चलने के लिए, आपको अपने कंप्यूटर पर हाल ही में संस्करण स्थापित करने की आवश्यकता होगी। -_Note: Gatsby's minimum supported Node.js version is Node 8, but feel free to use a more recent version._ +_Note: Gatsby's न्यूनतम समर्थित Node.js संस्करण नोड 8 है, लेकिन अधिक नवीनतम संस्करण का उपयोग करने के लिए स्वतंत्र महसूस करें|_ -1. Open your Terminal. -1. Run `brew update` to make sure you have the latest version of Homebrew. -1. Run this command to install Node and npm in one go: `brew install node` +1. अपना टर्मिनल खोलें। +1. Homebrew का नवीनतम संस्करण सुनिश्चित करने के लिए `brew update` को चलाएं। +1. Node और npm को एक बार में स्थापित करने के लिए इस कमांड को चलाएं: `brew install node` -Once you have followed the installation steps, make sure everything was installed properly: +एक बार जब आपने स्थापना चरणों का पालन कर लिया, तो सुनिश्चित करें कि सब कुछ ठीक से स्थापित किया गया था: ### Check your Node.js installation -1. Open up your terminal. -2. Run `node --version`. (If you’re new to the command line, “run `command`” means “type `node --version` in the command prompt, and hit the Enter key”. From here on, this is what we mean by “run `command`”). -3. Run `npm --version`. +1. अपना टर्मिनल खोलें। +2. रन `node --version`. (यदि आप कमांड लाइन में नए हैं, तो "कमांड चलाएं" का अर्थ है "कमांड प्रॉम्प्ट में" `node --version` टाइप करें, और एंटर कुंजी दबाएं।) +3. रन `npm --version`. -The output of each of those commands should be a version number. Your versions may not be the same as those shown below! If entering those commands doesn’t show you a version number, go back and make sure you have installed Node.js. +उन आदेशों में से प्रत्येक का आउटपुट संस्करण संख्या होना चाहिए। आपके संस्करण नीचे दिखाए गए के समान नहीं हो सकते हैं! यदि उन आदेशों को दर्ज करना आपको एक संस्करण संख्या नहीं दिखाता है, तो वापस जाएं और सुनिश्चित करें कि आपने Node.js स्थापित किया है| -![Check node and npm versions in terminal](01-node-npm-versions.png) +![टर्मिनल में node और npm संस्करणों की जांच करें](01-node-npm-versions.png) -## Install Git +## Git इंस्टॉल करें Git एक स्वतंत्र और खुला स्रोत वितरित संस्करण नियंत्रण प्रणाली है जिसे गति और दक्षता के साथ छोटे से बहुत बड़े परियोजनाओं तक सब कुछ संभालने के लिए डिज़ाइन किया गया है। जब आप एक Gatsby "स्टार्टर" साइट स्थापित करते हैं, तो Gatsby अपने स्टार्टर के लिए आवश्यक फ़ाइलों को डाउनलोड और इंस्टॉल करने के लिए पर्दे के पीछे Git का उपयोग करता है। आपको अपना पहला Gatsby साइट सेट करने के लिए Git इंस्टॉल करना होगा। Git को डाउनलोड और इंस्टॉल करने के चरण आपके ऑपरेटिंग सिस्टम पर निर्भर करते हैं। अपने सिस्टम के लिए गाइड का पालन करें: -- [Install Git on macOS](https://www.atlassian.com/git/tutorials/install-git#mac-os-x) -- [Install Git on Windows](https://www.atlassian.com/git/tutorials/install-git#windows) -- [Install Git on Linux](https://www.atlassian.com/git/tutorials/install-git#linux) +- [MacOS पर Git इंस्टॉल करें](https://www.atlassian.com/git/tutorials/install-git#mac-os-x) +- [Windows पर Git इंस्टॉल करें](https://www.atlassian.com/git/tutorials/install-git#windows) +- [Linux पर Git इंस्टॉल करें](https://www.atlassian.com/git/tutorials/install-git#linux) -## Using the Gatsby CLI +## Gatsby CLI का उपयोग करना Gatsby सीएलआई उपकरण आपको नए Gatsby-संचालित साइट बनाने और Gatsby साइटों को विकसित करने के लिए कमांड चलाने की सुविधा देता है। यह एक प्रकाशित npm पैकेज है। Gatsby CLI npm के माध्यम से उपलब्ध है और इसे विश्व स्तर पर चलाकर स्थापित किया जाना चाहिए `npm install -g gatsby-cli`. -_**Note**: when you install Gatsby and run it for the first time, you'll see a short message notifying you about anonymous usage data that is being collected for Gatsby commands, you can read more about how that data is pulled out and used in the [telemetry doc](/docs/telemetry)._ +_**Note**: जब आप Gatsby स्थापित करते हैं और इसे पहली बार चलाते हैं, तो आपको एक छोटा संदेश दिखाई देगा जो आपको अनाम उपयोग डेटा के बारे में सूचित करेगा जो Gatsby कमांड के लिए एकत्र किया जा रहा है, आप इस बारे में अधिक पढ़ सकते हैं कि डेटा कैसे निकाला जाता है और इसका उपयोग किया जाता है [telemetry doc](/docs/telemetry)._ -To see the commands available, run `gatsby --help`. +उपलब्ध आदेशों को देखने के लिए, चलाएं `gatsby --help`. -![Check gatsby commands in terminal](05-gatsby-help.png) +![टर्मिनल में gatsby कमांड की जाँच करें](05-gatsby-help.png) -> 💡 If you are unable to successfully run the Gatsby CLI due to a permissions issue, you may want to check out the [npm docs on fixing permissions](https://docs.npmjs.com/getting-started/fixing-npm-permissions), or [this guide](https://github.com/sindresorhus/guides/blob/master/npm-global-without-sudo.md). +> 💡 यदि आप किसी अनुमति समस्या के कारण Gatsby CLI को सफलतापूर्वक चलाने में असमर्थ हैं, तो आप बाहर की जाँच करना चाह सकते हैं [npm फिक्सिंग अनुमतियों पर डॉक्स](https://docs.npmjs.com/getting-started/fixing-npm-permissions), या [इस गाइड](https://github.com/sindresorhus/guides/blob/master/npm-global-without-sudo.md). -## Create a Gatsby site +## एक Gatsby साइट बनाएँ -Now you are ready to use the Gatsby CLI tool to create your first Gatsby site. Using the tool, you can download “starters” (partially built sites with some default configuration) to help you get moving faster on creating a certain type of site. The “Hello World” starter you’ll be using here is a starter with the bare essentials needed for a Gatsby site. +अब आप अपनी पहली Gatsby साइट बनाने के लिए Gatsby CLI टूल का उपयोग करने के लिए तैयार हैं। इस टूल का उपयोग करके, आप डाउनलोड कर सकते हैं “starters” (कुछ डिफ़ॉल्ट कॉन्फ़िगरेशन के साथ आंशिक रूप से निर्मित साइटें) एक निश्चित प्रकार की साइट बनाने में तेज़ी से आगे बढ़ने में आपकी सहायता करने के लिए."Hello World" स्टार्टर जिसका आप यहां उपयोग कर रहे हैं वह एक स्टार्टर है जिसमें Gatsby साइट के लिए आवश्यक कम से कम आवश्यक सामान हैं। -1. Open up your terminal. -2. Run `gatsby new hello-world https://github.com/gatsbyjs/gatsby-starter-hello-world`. (_Note: Depending on your download speed, the amount of time this takes will vary. For brevity's sake, the gif below was paused during part of the install_). -3. Run `cd hello-world`. -4. Run `gatsby develop`. +1. अपना टर्मिनल खोलें। +2. रन `gatsby new hello-world https://github.com/gatsbyjs/gatsby-starter-hello-world`. (_Note: आपकी डाउनलोड गति के आधार पर, इसमें लगने वाले समय की मात्रा अलग-अलग होगी। संक्षिप्तता के लिए, नीचे के gif को स्थापित करने के दौरान रोक दिया गया था_). +3. रन `cd hello-world`. +4. रन `gatsby develop`. -What just happened? +अभी क्या हुआ? ```shell gatsby new hello-world https://github.com/gatsbyjs/gatsby-starter-hello-world ``` -- `new` is a gatsby command to create a new Gatsby project. -- Here, `hello-world` is an arbitrary title — you could pick anything. The CLI tool will place the code for your new site in a new folder called “hello-world”. -- Lastly, the GitHub URL specified points to a code repository that holds the starter code you want to use. +- `new` एक नया gatsby प्रोजेक्ट बनाने के लिए एक gatsby कमांड है। +- यहाँ, `hello-world` एक मनमाना शीर्षक है - आप कुछ भी चुन सकते हैं। सीएलआई उपकरण आपकी नई साइट के लिए कोड को "hello-world” नामक एक नए फ़ोल्डर में रखेगा। +- अंत में, GitHub URL एक कोड रिपॉजिटरी को निर्दिष्ट करता है जो आपके द्वारा उपयोग किए जाने वाले स्टार्टर कोड को रखता है। ```shell cd hello-world ``` -- This says 'I want to change directories (`cd`) to the “hello-world” subfolder'. Whenever you want to run any commands for your site, you need to be in the context for that site (aka, your terminal needs to be pointed at the directory where your site code lives). +- यह कहता है 'मैं निर्देशिका (`cd`) को “hello-world” सबफ़ोल्डर में बदलना चाहता हूं।' जब भी आप अपनी साइट के लिए कोई कमांड चलाना चाहते हैं, तो आपको उस साइट के संदर्भ में होना चाहिए (उर्फ, आपके टर्मिनल को उस निर्देशिका में इंगित करने की आवश्यकता है जहां आपका साइट कोड रहता है)। ```shell gatsby develop ``` -- This command starts a development server. You will be able to see and interact with your new site in a development environment — local (on your computer, not published to the internet). +- यह कमांड एक विकास सर्वर शुरू करता है. आप एक विकास के माहौल में अपनी नई साइट के साथ देख और बातचीत कर पाएंगे- स्थानीय (आपके कंप्यूटर पर, इंटरनेट पर प्रकाशित नहीं)। -### View your site locally +### अपनी साइट को स्थानीय रूप से देखें -Open up a new tab in your browser and navigate to [**http://localhost:8000**](http://localhost:8000/). +अपने ब्राउज़र में एक नया टैब खोलें और नेविगेट करें [**http://localhost:8000**](http://localhost:8000/). -![Check homepage](04-home-page.png) +![होमपेज चेक करें](04-home-page.png) -Congrats! This is the beginning of your very first Gatsby site! 🎉 +बधाई! यह आपके पहले Gatsby साइट की शुरुआत है! 🎉 -You’ll be able to visit the site locally at [**_http://localhost:8000_**](http://localhost:8000/) for as long as your development server is running. That’s the process you started by running the `gatsby develop` command. To stop running that process (or to “stop running the development server”), go back to your terminal window, hold down the “control” key, and then hit “c” (ctrl-c). To start it again, run `gatsby develop` again! +आप स्थानीय स्तर पर साइट पर जा सकेंगे [**_http://localhost:8000_**](http://localhost:8000/) जब तक आपका विकास सर्वर चल रहा है। इस प्रक्रिया को आपने `gatsby develop` कमांड चलाकर शुरू किया है। उस प्रक्रिया को चलाने से रोकने के लिए (या "विकास सर्वर को चलाना बंद करें"), अपनी टर्मिनल विंडो पर वापस जाएं, "नियंत्रण" कुंजी दबाए रखें,और फिर "c" (ctrl-c) मारा। इसे फिर से शुरू करने के लिए, `gatsby develop` को फिर से चलाएँ! -**Note:** If you are using VM setup like `vagrant` and/or would like to listen on your local IP address, run `gatsby develop -- --host=0.0.0.0`. Now, the development server listens on both 'localhost' and your local IP. +**Note:** यदि आप वीएम सेटअप का उपयोग कर रहे हैं जैसे `vagrant` और / या अपने स्थानीय आईपी पते पर सुनना चाहते हैं, तो `gatsby develop -- --host=0.0.0.0` चलाएं। अब, विकास सर्वर 'लोकलहोस्ट' और आपके स्थानीय आईपी दोनों को सुनता है। -## Set up a code editor +## एक कोड संपादक सेट करें -A code editor is a program designed specifically for editing computer code. There are many great ones out there. +एक कोड संपादक एक प्रोग्राम है जिसे विशेष रूप से कंप्यूटर कोड को संपादित करने के लिए डिज़ाइन किया गया है। वहाँ कई महान लोग हैं। -### Download VS Code +### VS Code डाउनलोड करें -Gatsby documentation sometimes includes screenshots that were taken in VS Code, so if you don't have a preferred code editor yet, using VS Code will make sure that your screen looks just like the screenshots in the tutorial and docs. If you choose to use VS Code, visit the [VS Code site](https://code.visualstudio.com/#alt-downloads) and download the version appropriate for your platform. +Gatsby प्रलेखन में कभी-कभी स्क्रीनशॉट शामिल होते हैं जो VS Code में लिए गए थे, इसलिए यदि आपके पास अभी तक पसंदीदा कोड संपादक नहीं है, तो VS Code का उपयोग करने से यह सुनिश्चित हो जाएगा कि आपकी स्क्रीन ट्यूटोरियल और डॉक्स में स्क्रीनशॉट की तरह ही दिखती है। +यदि आप VS Code का उपयोग करना चुनते हैं, तो पर जाएँ [VS Code site](https://code.visualstudio.com/#alt-downloads) और आपके प्लेटफ़ॉर्म के लिए उपयुक्त संस्करण डाउनलोड करें। -### Install the Prettier plugin +### Prettier प्लगइन स्थापित करें -We also recommend using [Prettier](https://github.com/prettier/prettier), a tool that helps format your code to avoid errors. +हम [Prettier] (https://github.com/prettier/prettier) का उपयोग करने की सलाह देते हैं, जो एक उपकरण है जो त्रुटियों से बचने के लिए आपके कोड को प्रारूपित करने में मदद करता है। -You can use Prettier directly in your editor using the [Prettier VS Code plugin](https://github.com/prettier/prettier-vscode): +आप सीधे अपने संपादक में प्रीटीयर का उपयोग कर सकते हैं [Prettier VS Code plugin](https://github.com/prettier/prettier-vscode): -1. Open the extensions view on VS Code (View => Extensions). -2. Search for "Prettier - Code formatter". -3. Click "Install". (After installation you'll be prompted to restart VS Code to enable the extension. Newer versions of VS Code will automatically enable the extension after download.) +1. VS Code पर एक्सटेंशन व्यू खोलें (View => Extensions). +2. "Prettier - Code formatter" को खोजें. +3. क्लिक करें "Install". (स्थापना के बाद आपको एक्सटेंशन सक्षम करने के लिए VS Code को पुनरारंभ करने के लिए कहा जाएगा। VS Code के नए संस्करण स्वचालित रूप से डाउनलोड के बाद एक्सटेंशन को सक्षम करेंगे।) -> 💡 If you're not using VS Code, check out the Prettier docs for [install instructions](https://prettier.io/docs/en/install.html) or [other editor integrations](https://prettier.io/docs/en/editors.html). +> 💡 यदि आप VS कोड का उपयोग नहीं कर रहे हैं, तो Prettier डॉक्स देखें [इनस्टॉल इंस्ट्रक्शंस ](https://prettier.io/docs/en/install.html) या [अन्य संपादक एकीकरण](https://prettier.io/docs/en/editors.html). -## ➡️ What’s Next? +## ➡️ आगे क्या? -To summarize, in this section you: +संक्षेप में, इस भाग में: -- Learned about the command line and how to use it -- Installed and learned about Node.js and the npm CLI tool, the version control system Git, and the Gatsby CLI tool -- Generated a new Gatsby site using the Gatsby CLI tool -- Ran the Gatsby development server and visited your site locally -- Downloaded a code editor -- Installed a code formatter called Prettier +- कमांड लाइन और इसका उपयोग कैसे करें के बारे में सीखा +- स्थापित और Node.js और npm CLI उपकरण, संस्करण नियंत्रण प्रणाली Git और Gatsby CLI उपकरण के बारे में सीखा +- Gatsby CLI उपकरण का उपयोग करके एक नया Gatsby साइट बनाया +- Gatsby डेवलपमेंट सर्वर को रन करें और स्थानीय रूप से आपकी साइट पर आए +- एक कोड संपादक डाउनलोड किया +- Prettier नामक एक कोड फ़ॉर्मेटर स्थापित किया -Now, move on to [**getting to know Gatsby building blocks**](/tutorial/part-one/). +अब, आगे बढ़ें [**getting to know Gatsby building blocks**](/tutorial/part-one/). -## References +## संदर्भ -### Overview of core technologies +### कोर प्रौद्योगिकियों का अवलोकन -It’s not necessary to be an expert with these already — if you’re not, don’t worry! You’ll pick up a lot through the course of this tutorial series. These are some of the main web technologies you’ll use when building a Gatsby site: +यह पहले से ही एक विशेषज्ञ होने के लिए आवश्यक नहीं है - यदि आप नहीं हैं, तो चिंता न करें! आप इस ट्यूटोरियल सीरीज़ के माध्यम से बहुत कुछ प्राप्त करेंगे। ये कुछ मुख्य वेब प्रौद्योगिकियाँ हैं जिनका उपयोग आप एक Gatsby साइट बनाते समय करते हैं: -- **HTML**: A markup language that every web browser is able to understand. It stands for HyperText Markup Language. HTML gives your web content a universal informational structure, defining things like headings, paragraphs, and more. -- **CSS**: A presentational language used to style the appearance of your web content (fonts, colors, layout, etc). It stands for Cascading Style Sheets. -- **JavaScript**: A programming language that helps us make the web dynamic and interactive. -- **React**: A code library (built with JavaScript) for building user interfaces. It’s the framework that Gatsby uses to build pages and structure content. -- **GraphQL**: A query language that allows you to pull data into your website. It’s the interface that Gatsby uses for managing site data. +- **HTML**: एक मार्कअप भाषा जिसे हर वेब ब्राउज़र समझने में सक्षम होता है। यह हाइपरटेक्स्ट मार्कअप लैंग्वेज के लिए है। HTML आपकी वेब सामग्री को एक सार्वभौमिक सूचना संरचना देता है, जो शीर्षकों, पैराग्राफ और बहुत कुछ जैसी चीजों को परिभाषित करता है। +- **CSS**: आपके वेब सामग्री (फ़ॉन्ट, रंग, लेआउट, आदि) की शैली को प्रस्तुत करने के लिए उपयोग की जाने वाली एक प्रस्तुति भाषा। यह कैस्केडिंग स्टाइल शीट्स के लिए खड़ा है। +- **JavaScript**: एक प्रोग्रामिंग भाषा जो हमें वेब को गतिशील और इंटरैक्टिव बनाने में मदद करती है। +- **React**: उपयोगकर्ता इंटरफ़ेस के निर्माण के लिए एक कोड लाइब्रेरी (जावास्क्रिप्ट के साथ निर्मित)। यह वह ढांचा है जिसका उपयोग गैट्सबी पृष्ठों और संरचना सामग्री के निर्माण के लिए करता है। +- **GraphQL**: एक क्वेरी भाषा जो आपको अपनी वेबसाइट में डेटा खींचने की अनुमति देती है। यह वह इंटरफ़ेस है जो साइट डेटा के प्रबंधन के लिए Gatsby उपयोग करता है| -### What is a website? +### एक वेबसाइट क्या है? -For a comprehensive introduction to what a website is--including an intro to HTML and CSS--check out “[**Building your first web page**](https://learn.shayhowe.com/html-css/building-your-first-web-page/)”. It’s a great place to start learning about the web. For a more hands-on introduction to [**HTML**](https://www.codecademy.com/learn/learn-html), [**CSS**](https://www.codecademy.com/learn/learn-css), and [**JavaScript**](https://www.codecademy.com/learn/introduction-to-javascript), check out the tutorials from Codecademy. [**React**](https://reactjs.org/tutorial/tutorial.html) and [**GraphQL**](http://graphql.org/graphql-js/) also have their own introductory tutorials. +एक वेबसाइट के लिए एक व्यापक परिचय के लिए HTML और CSS के लिए एक परिचय सहित बाहर की जाँच करें “[**अपना पहला वेब पेज बनाना**](https://learn.shayhowe.com/html-css/building-your-first-web-page/)”. यह वेब के बारे में सीखना शुरू करने के लिए एक शानदार जगह है। अधिक हाथों के परिचय के लिए [**HTML**](https://www.codecademy.com/learn/learn-html), [**CSS**](https://www.codecademy.com/learn/learn-css), and [**JavaScript**](https://www.codecademy.com/learn/introduction-to-javascript), check out the tutorials from Codecademy. [**React**](https://reactjs.org/tutorial/tutorial.html) and [**GraphQL**](http://graphql.org/graphql-js/) also have their own introductory tutorials. -### Learn more about the command line +### कमांड लाइन के बारे में अधिक जानें -For a great introduction to using the command line, check out [**Codecademy’s Command Line tutorial**](https://www.codecademy.com/courses/learn-the-command-line/lessons/navigation/exercises/your-first-command) for Mac and Linux users, and [**this tutorial**](https://www.computerhope.com/issues/chusedos.htm) for Windows users. Even if you are a Windows user, the first page of the Codecademy tutorial is a valuable read. It explains what the command line is, not just how to interface with it. +कमांड लाइन का उपयोग करने के लिए एक महान परिचय के लिए, देखें [**Codecademy’s Command Line tutorial**](https://www.codecademy.com/courses/learn-the-command-line/lessons/navigation/exercises/your-first-command) Mac और Linux उपयोगकर्ताओं के लिए, और [**थीस ट्यूटोरियल**](https://www.computerhope.com/issues/chusedos.htm) +Windows उपयोगकर्ताओं के लिए। यहां तक ​​कि अगर आप एक Windows उपयोगकर्ता हैं, तो Codecademy ट्यूटोरियल का पहला पृष्ठ एक मूल्यवान रीड है। यह बताता है कि कमांड लाइन क्या है, न कि इसके साथ कैसे इंटरफ़ेस करें। -### Learn more about npm +### Npm के बारे में अधिक जानें -npm is a JavaScript package manager. A package is a module of code that you can choose to include in your projects. If you just downloaded and installed Node.js, npm was installed with it! +npm एक JavaScript पैकेज मैनेजर है। एक पैकेज कोड का एक मॉड्यूल है जिसे आप अपनी परियोजनाओं में शामिल करने के लिए चुन सकते हैं। यदि आपने अभी Node.js को डाउनलोड और इंस्टॉल किया है, तो इसके साथ npm इंस्टॉल किया गया था! -npm has three distinct components: the npm website, the npm registry, and the npm command line interface (CLI). +npm के तीन अलग-अलग घटक हैं: npm वेबसाइट, npm रजिस्ट्री और npm कमांड लाइन इंटरफ़ेस (CLI)। -- On the npm website, you can browse what JavaScript packages are available in the npm registry. -- The npm registry is a large database of information about JavaScript packages available on npm. -- Once you’ve identified a package you want, you can use the npm CLI to install it in your project or globally (like other CLI tools). The npm CLI is what talks to the registry — you generally only interact with the npm website or the npm CLI. +- Npm वेबसाइट पर, आप ब्राउज़ कर सकते हैं कि npm रजिस्ट्री में JavaScript पैकेज क्या उपलब्ध हैं। +- Npm रजिस्ट्री npm पर उपलब्ध JavaScript संकुल के बारे में जानकारी का एक बड़ा डेटाबेस है। +- एक बार जब आप अपने इच्छित पैकेज की पहचान कर लेते हैं, तो आप इसे अपने प्रोजेक्ट में या विश्व स्तर पर (अन्य CLI टूल्स की तरह) स्थापित करने के लिए npm CLI का उपयोग कर सकते हैं। Npm CLI वह है जो रजिस्ट्री से बात करता है - आप आम तौर पर केवल npm वेबसाइट या npm CLI के साथ बातचीत करते हैं। -> 💡 Check out npm’s introduction, “[**What is npm?**](https://docs.npmjs.com/getting-started/what-is-npm)”. +> 💡 Npm का परिचय देखें, “[**Npm क्या है?**](https://docs.npmjs.com/getting-started/what-is-npm)”. -### Learn more about Git +### Git के बारे में अधिक जानें -You will not need to know Git to complete this tutorial, but it is a very useful tool. If you are interested in learning more about version control, Git, and GitHub, check out GitHub's [Git Handbook](https://guides.github.com/introduction/git-handbook/). +इस ट्यूटोरियल को पूरा करने के लिए आपको Git जानने की आवश्यकता नहीं होगी, लेकिन यह एक बहुत ही उपयोगी उपकरण है। यदि आप संस्करण नियंत्रण, Git और GitHub के बारे में अधिक जानने में रुचि रखते हैं, तो GitHub की [Git Handbook] (https://guides.github.com/introduction/git-handbook/) देखें। \ No newline at end of file From e04f086570a097698249e069971b3bcda4bd057f Mon Sep 17 00:00:00 2001 From: helios1101 Date: Fri, 15 Nov 2019 19:02:12 +0530 Subject: [PATCH 3/8] Initial requested changed --- docs/tutorial/part-zero/index.md | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/docs/tutorial/part-zero/index.md b/docs/tutorial/part-zero/index.md index 8d1e052..6cead90 100644 --- a/docs/tutorial/part-zero/index.md +++ b/docs/tutorial/part-zero/index.md @@ -1,20 +1,20 @@ --- -title: अपना विकास पर्यावरण तैयार करें +title: अपने विकास का वातावरण तैयार करें typora-copy-images-to: ./ disableTableOfContents: true --- -इससे पहले कि आप अपनी पहली गैट्सबी साइट का निर्माण शुरू करें, आपको कुछ मुख्य वेब तकनीकों से खुद को परिचित करना होगा और यह सुनिश्चित करना होगा कि आपने सभी आवश्यक सॉफ़्टवेयर टूल स्थापित कर लिए हैं| +इससे पहले कि आप अपनी पहली Gatsby साइट का निर्माण शुरू करें, आपको कुछ मुख्य वेब तकनीकों से खुद को परिचित करना होगा और यह सुनिश्चित करना होगा कि आपने सभी आवश्यक सॉफ़्टवेयर टूल स्थापित कर लिए हैं| ## कमांड लाइन से खुद को परिचित करें -कमांड लाइन एक टेक्स्ट-आधारित इंटरफ़ेस है जिसका उपयोग आपके कंप्यूटर पर कमांड चलाने के लिए किया जाता है। आप अक्सर इसे टर्मिनल के रूप में भी देखेंगे| इस ट्यूटोरियल में, हम दोनों का परस्पर उपयोग करते हैं। विंडोज पर मैक या एक्सप्लोरर पर फाइंडर का उपयोग करना बहुत पसंद है। खोजक और एक्सप्लोरर ग्राफिकल यूजर इंटरफेस (जीयूआई) के उदाहरण हैं। कमांड लाइन आपके कंप्यूटर के साथ बातचीत करने का एक शक्तिशाली पाठ-आधारित तरीका है। +कमांड लाइन एक टेक्स्ट-आधारित इंटरफ़ेस है जिसका उपयोग आपके कंप्यूटर पर कमांड चलाने के लिए किया जाता है। आप अक्सर इसे टर्मिनल के रूप में भी देखेंगे| इस ट्यूटोरियल में, हम दोनों का परस्पर उपयोग करते हैं। जैसे विंडोज पर एक्सप्लोरर या मैक पर फाइंडर। फाइंडर और एक्सप्लोरर ग्राफिकल यूजर इंटरफेस (जीयूआई) के उदाहरण हैं। कमांड लाइन आपके कंप्यूटर के साथ बातचीत करने का एक शक्तिशाली पाठ-आधारित तरीका है। -अपने कंप्यूटर के लिए कमांड लाइन इंटरफ़ेस (CLI) का पता लगाने और खोलने के लिए कुछ समय लें। निर्भर करता है कि आप किस ऑपरेटिंग सिस्टम का उपयोग कर रहे हैं, देखें [**Mac के लिए निर्देश**](http://www.macworld.co.uk/feature/mac-software/how-use-terminal-on-mac-3608274/), [**Windows के लिए निर्देश**](https://www.quora.com/How-do-I-open-terminal-in-windows) or [**Linux के लिए निर्देश**](https://www.howtogeek.com/140679/beginner-geek-how-to-start-using-the-linux-terminal/). +अपने कंप्यूटर के लिए कमांड लाइन इंटरफ़ेस (CLI) का पता लगाने और खोलने के लिए कुछ समय लें। निर्भर करता है कि आप किस ऑपरेटिंग सिस्टम का उपयोग कर रहे हैं, देखें [**Mac पर निर्देश**](http://www.macworld.co.uk/feature/mac-software/how-use-terminal-on-mac-3608274/), [**Windows पर निर्देश**](https://www.quora.com/How-do-I-open-terminal-in-windows) or [**Linux पर निर्देश**](https://www.howtogeek.com/140679/beginner-geek-how-to-start-using-the-linux-terminal/). ## Node.js के लिए Homebrew स्थापित करें -Gatsby और Node.js को स्थापित करने के लिए, इसका उपयोग करने की अनुशंसा की जाती है [Homebrew](https://brew.sh/). शुरुआत में थोड़ा सेट अप आपको बाद में कुछ सिरदर्द से बचा सकता है! अपने कंप्यूटर पर Homebrew को कैसे स्थापित या सत्यापित करें: +Gatsby और Node.js को इनस्टॉल करने के लिए, इसका उपयोग करने की अनुशंसा की जाती है [Homebrew](https://brew.sh/). शुरुआत में थोड़ा सेट अप आपको बाद में कुछ सिरदर्द से बचा सकता है! अपने कंप्यूटर पर Homebrew को कैसे स्थापित या अनइंस्टाल करें: 1. अपना टर्मिनल खोलें। 1. देखें कि क्या Homebrew `brew -v` चलाकर स्थापित किया गया है। आपको "Homebrew" और एक संस्करण संख्या देखनी चाहिए। @@ -30,7 +30,7 @@ Gatsby और Node.js को स्थापित करने के लिए ## ⌚ Node.js और npm स्थापित करें -Node.js एक ऐसा वातावरण है जो वेब ब्राउज़र के बाहर जावास्क्रिप्ट कोड चला सकता है। Gatsby Node.js. के साथ बनाया गया है गैट्सबी के साथ उठने और चलने के लिए, आपको अपने कंप्यूटर पर हाल ही में संस्करण स्थापित करने की आवश्यकता होगी। +Node.js एक ऐसा वातावरण है जो वेब ब्राउज़र के बाहर जावास्क्रिप्ट कोड चला सकता है। Gatsby Node.js. के साथ बनाया गया है Gatsby के साथ उठने और चलने के लिए, आपको अपने कंप्यूटर पर हाल ही में संस्करण स्थापित करने की आवश्यकता होगी। _Note: Gatsby's न्यूनतम समर्थित Node.js संस्करण नोड 8 है, लेकिन अधिक नवीनतम संस्करण का उपयोग करने के लिए स्वतंत्र महसूस करें|_ @@ -165,7 +165,7 @@ Gatsby प्रलेखन में कभी-कभी स्क्रीन - **HTML**: एक मार्कअप भाषा जिसे हर वेब ब्राउज़र समझने में सक्षम होता है। यह हाइपरटेक्स्ट मार्कअप लैंग्वेज के लिए है। HTML आपकी वेब सामग्री को एक सार्वभौमिक सूचना संरचना देता है, जो शीर्षकों, पैराग्राफ और बहुत कुछ जैसी चीजों को परिभाषित करता है। - **CSS**: आपके वेब सामग्री (फ़ॉन्ट, रंग, लेआउट, आदि) की शैली को प्रस्तुत करने के लिए उपयोग की जाने वाली एक प्रस्तुति भाषा। यह कैस्केडिंग स्टाइल शीट्स के लिए खड़ा है। - **JavaScript**: एक प्रोग्रामिंग भाषा जो हमें वेब को गतिशील और इंटरैक्टिव बनाने में मदद करती है। -- **React**: उपयोगकर्ता इंटरफ़ेस के निर्माण के लिए एक कोड लाइब्रेरी (जावास्क्रिप्ट के साथ निर्मित)। यह वह ढांचा है जिसका उपयोग गैट्सबी पृष्ठों और संरचना सामग्री के निर्माण के लिए करता है। +- **React**: उपयोगकर्ता इंटरफ़ेस के निर्माण के लिए एक कोड लाइब्रेरी (जावास्क्रिप्ट के साथ निर्मित)। यह वह ढांचा है जिसका उपयोग Gatsby पृष्ठों और संरचना सामग्री के निर्माण के लिए करता है। - **GraphQL**: एक क्वेरी भाषा जो आपको अपनी वेबसाइट में डेटा खींचने की अनुमति देती है। यह वह इंटरफ़ेस है जो साइट डेटा के प्रबंधन के लिए Gatsby उपयोग करता है| ### एक वेबसाइट क्या है? From e7559322e778a830a8132a65c828dde0f434747c Mon Sep 17 00:00:00 2001 From: helios1101 Date: Fri, 29 Nov 2019 19:35:44 +0530 Subject: [PATCH 4/8] left changes completed --- docs/tutorial/part-zero/index.md | 24 ++++++++++++------------ 1 file changed, 12 insertions(+), 12 deletions(-) diff --git a/docs/tutorial/part-zero/index.md b/docs/tutorial/part-zero/index.md index 6cead90..58b160e 100644 --- a/docs/tutorial/part-zero/index.md +++ b/docs/tutorial/part-zero/index.md @@ -10,22 +10,22 @@ disableTableOfContents: true कमांड लाइन एक टेक्स्ट-आधारित इंटरफ़ेस है जिसका उपयोग आपके कंप्यूटर पर कमांड चलाने के लिए किया जाता है। आप अक्सर इसे टर्मिनल के रूप में भी देखेंगे| इस ट्यूटोरियल में, हम दोनों का परस्पर उपयोग करते हैं। जैसे विंडोज पर एक्सप्लोरर या मैक पर फाइंडर। फाइंडर और एक्सप्लोरर ग्राफिकल यूजर इंटरफेस (जीयूआई) के उदाहरण हैं। कमांड लाइन आपके कंप्यूटर के साथ बातचीत करने का एक शक्तिशाली पाठ-आधारित तरीका है। -अपने कंप्यूटर के लिए कमांड लाइन इंटरफ़ेस (CLI) का पता लगाने और खोलने के लिए कुछ समय लें। निर्भर करता है कि आप किस ऑपरेटिंग सिस्टम का उपयोग कर रहे हैं, देखें [**Mac पर निर्देश**](http://www.macworld.co.uk/feature/mac-software/how-use-terminal-on-mac-3608274/), [**Windows पर निर्देश**](https://www.quora.com/How-do-I-open-terminal-in-windows) or [**Linux पर निर्देश**](https://www.howtogeek.com/140679/beginner-geek-how-to-start-using-the-linux-terminal/). +अपने कंप्यूटर पर कमांड लाइन इंटरफ़ेस (CLI) का पता लगाने और खोलने पर कुछ समय लें। निर्भर करता है कि आप किस ऑपरेटिंग सिस्टम का उपयोग कर रहे हैं, देखें [**Mac पर निर्देश**](http://www.macworld.co.uk/feature/mac-software/how-use-terminal-on-mac-3608274/), [**Windows पर निर्देश**](https://www.quora.com/How-do-I-open-terminal-in-windows) or [**Linux पर निर्देश**](https://www.howtogeek.com/140679/beginner-geek-how-to-start-using-the-linux-terminal/). -## Node.js के लिए Homebrew स्थापित करें +## Node.js के लिए Homebrew इनस्टॉल करें -Gatsby और Node.js को इनस्टॉल करने के लिए, इसका उपयोग करने की अनुशंसा की जाती है [Homebrew](https://brew.sh/). शुरुआत में थोड़ा सेट अप आपको बाद में कुछ सिरदर्द से बचा सकता है! अपने कंप्यूटर पर Homebrew को कैसे स्थापित या अनइंस्टाल करें: +Gatsby और Node.js को इनस्टॉल करने के लिए, इसका उपयोग करने की अनुशंसा की जाती है [Homebrew](https://brew.sh/). शुरुआत में थोड़ा सेट अप आपको बाद में कुछ सिरदर्द से बचा सकता है! अपने कंप्यूटर पर Homebrew को कैसे इनस्टॉल या अनइंस्टाल करें: 1. अपना टर्मिनल खोलें। 1. देखें कि क्या Homebrew `brew -v` चलाकर स्थापित किया गया है। आपको "Homebrew" और एक संस्करण संख्या देखनी चाहिए। -1. यदि नहीं, तो निर्देशों के साथ [Homebrew](https://docs.brew.sh/Installation) डाउनलोड और इंस्टॉल करें आपके ऑपरेटिंग सिस्टम के लिए (Mac, Linux or Windows). +1. यदि नहीं, तो निर्देशों के साथ [Homebrew](https://docs.brew.sh/Installation) डाउनलोड और इंस्टॉल करें आपके ऑपरेटिंग सिस्टम के लिए (Mac, Linux or Windows). 1. Homebrew स्थापित करने के बाद, सत्यापित करने के लिए चरण 2 को दोहराएं। ### Mac उपयोगकर्ता: Xcode कमांड लाइन उपकरण स्थापित करें 1. अपना टर्मिनल खोलें। 1. Mac पर, Xcode कमांड लाइन टूल को रन करके इंस्टॉल करें `xcode-select --install`. - 1. यदि वह विफल रहता है, तो उसे डाउनलोड करें [सीधे Apple साइट से](https://developer.apple.com/download/more/), Apple डेवलपर अकाउंट से साइन-इन करने के बाद +1. यदि वह विफल रहता है, तो उसे डाउनलोड करें [सीधे Apple साइट से](https://developer.apple.com/download/more/), Apple डेवलपर अकाउंट से साइन-इन करने के बाद 1. इंस्टॉलेशन शुरू करने के लिए प्रेरित होने के बाद, आपको टूल डाउनलोड करने के लिए सॉफ़्टवेयर लाइसेंस स्वीकार करने के लिए फिर से संकेत दिया जाएगा। ## ⌚ Node.js और npm स्थापित करें @@ -44,7 +44,7 @@ _Note: Gatsby's न्यूनतम समर्थित Node.js संस् 1. अपना टर्मिनल खोलें। 2. रन `node --version`. (यदि आप कमांड लाइन में नए हैं, तो "कमांड चलाएं" का अर्थ है "कमांड प्रॉम्प्ट में" `node --version` टाइप करें, और एंटर कुंजी दबाएं।) -3. रन `npm --version`. +3. रन `npm --version`. उन आदेशों में से प्रत्येक का आउटपुट संस्करण संख्या होना चाहिए। आपके संस्करण नीचे दिखाए गए के समान नहीं हो सकते हैं! यदि उन आदेशों को दर्ज करना आपको एक संस्करण संख्या नहीं दिखाता है, तो वापस जाएं और सुनिश्चित करें कि आपने Node.js स्थापित किया है| @@ -61,7 +61,7 @@ Git को डाउनलोड और इंस्टॉल करने क - [Linux पर Git इंस्टॉल करें](https://www.atlassian.com/git/tutorials/install-git#linux) ## Gatsby CLI का उपयोग करना - + Gatsby सीएलआई उपकरण आपको नए Gatsby-संचालित साइट बनाने और Gatsby साइटों को विकसित करने के लिए कमांड चलाने की सुविधा देता है। यह एक प्रकाशित npm पैकेज है। Gatsby CLI npm के माध्यम से उपलब्ध है और इसे विश्व स्तर पर चलाकर स्थापित किया जाना चाहिए `npm install -g gatsby-cli`. @@ -128,12 +128,12 @@ gatsby develop ### VS Code डाउनलोड करें -Gatsby प्रलेखन में कभी-कभी स्क्रीनशॉट शामिल होते हैं जो VS Code में लिए गए थे, इसलिए यदि आपके पास अभी तक पसंदीदा कोड संपादक नहीं है, तो VS Code का उपयोग करने से यह सुनिश्चित हो जाएगा कि आपकी स्क्रीन ट्यूटोरियल और डॉक्स में स्क्रीनशॉट की तरह ही दिखती है। +Gatsby प्रलेखन में कभी-कभी स्क्रीनशॉट शामिल होते हैं जो VS Code में लिए गए थे, इसलिए यदि आपके पास अभी तक पसंदीदा कोड संपादक नहीं है, तो VS Code का उपयोग करने से यह सुनिश्चित हो जाएगा कि आपकी स्क्रीन ट्यूटोरियल और डॉक्स में स्क्रीनशॉट की तरह ही दिखती है। यदि आप VS Code का उपयोग करना चुनते हैं, तो पर जाएँ [VS Code site](https://code.visualstudio.com/#alt-downloads) और आपके प्लेटफ़ॉर्म के लिए उपयुक्त संस्करण डाउनलोड करें। ### Prettier प्लगइन स्थापित करें -हम [Prettier] (https://github.com/prettier/prettier) का उपयोग करने की सलाह देते हैं, जो एक उपकरण है जो त्रुटियों से बचने के लिए आपके कोड को प्रारूपित करने में मदद करता है। +हम [Prettier](https://github.com/prettier/prettier) का उपयोग करने की सलाह देते हैं, जो एक उपकरण है जो त्रुटियों से बचने के लिए आपके कोड को प्रारूपित करने में मदद करता है। आप सीधे अपने संपादक में प्रीटीयर का उपयोग कर सकते हैं [Prettier VS Code plugin](https://github.com/prettier/prettier-vscode): @@ -141,7 +141,7 @@ Gatsby प्रलेखन में कभी-कभी स्क्रीन 2. "Prettier - Code formatter" को खोजें. 3. क्लिक करें "Install". (स्थापना के बाद आपको एक्सटेंशन सक्षम करने के लिए VS Code को पुनरारंभ करने के लिए कहा जाएगा। VS Code के नए संस्करण स्वचालित रूप से डाउनलोड के बाद एक्सटेंशन को सक्षम करेंगे।) -> 💡 यदि आप VS कोड का उपयोग नहीं कर रहे हैं, तो Prettier डॉक्स देखें [इनस्टॉल इंस्ट्रक्शंस ](https://prettier.io/docs/en/install.html) या [अन्य संपादक एकीकरण](https://prettier.io/docs/en/editors.html). +> 💡 यदि आप VS कोड का उपयोग नहीं कर रहे हैं, तो Prettier डॉक्स देखें [इनस्टॉल इंस्ट्रक्शंस ](https://prettier.io/docs/en/install.html) या [अन्य संपादक एकीकरण](https://prettier.io/docs/en/editors.html). ## ➡️ आगे क्या? @@ -174,7 +174,7 @@ Gatsby प्रलेखन में कभी-कभी स्क्रीन ### कमांड लाइन के बारे में अधिक जानें -कमांड लाइन का उपयोग करने के लिए एक महान परिचय के लिए, देखें [**Codecademy’s Command Line tutorial**](https://www.codecademy.com/courses/learn-the-command-line/lessons/navigation/exercises/your-first-command) Mac और Linux उपयोगकर्ताओं के लिए, और [**थीस ट्यूटोरियल**](https://www.computerhope.com/issues/chusedos.htm) +कमांड लाइन का उपयोग करने के लिए एक महान परिचय के लिए, देखें [**Codecademy’s Command Line tutorial**](https://www.codecademy.com/courses/learn-the-command-line/lessons/navigation/exercises/your-first-command) Mac और Linux उपयोगकर्ताओं के लिए, और [**थीस ट्यूटोरियल**](https://www.computerhope.com/issues/chusedos.htm) Windows उपयोगकर्ताओं के लिए। यहां तक ​​कि अगर आप एक Windows उपयोगकर्ता हैं, तो Codecademy ट्यूटोरियल का पहला पृष्ठ एक मूल्यवान रीड है। यह बताता है कि कमांड लाइन क्या है, न कि इसके साथ कैसे इंटरफ़ेस करें। ### Npm के बारे में अधिक जानें @@ -191,4 +191,4 @@ npm के तीन अलग-अलग घटक हैं: npm वेबस ### Git के बारे में अधिक जानें -इस ट्यूटोरियल को पूरा करने के लिए आपको Git जानने की आवश्यकता नहीं होगी, लेकिन यह एक बहुत ही उपयोगी उपकरण है। यदि आप संस्करण नियंत्रण, Git और GitHub के बारे में अधिक जानने में रुचि रखते हैं, तो GitHub की [Git Handbook] (https://guides.github.com/introduction/git-handbook/) देखें। \ No newline at end of file +इस ट्यूटोरियल को पूरा करने के लिए आपको Git जानने की आवश्यकता नहीं होगी, लेकिन यह एक बहुत ही उपयोगी उपकरण है। यदि आप संस्करण नियंत्रण, Git और GitHub के बारे में अधिक जानने में रुचि रखते हैं, तो GitHub की [Git Handbook](https://guides.github.com/introduction/git-handbook/) देखें। From fa60f860bb0d56a3700eb0e2619036954afd1c7c Mon Sep 17 00:00:00 2001 From: helios1101 Date: Sun, 9 Feb 2020 22:59:27 +0530 Subject: [PATCH 5/8] Changes updated as per instructions --- docs/tutorial/part-zero/index.md | 22 +++++++++++----------- 1 file changed, 11 insertions(+), 11 deletions(-) diff --git a/docs/tutorial/part-zero/index.md b/docs/tutorial/part-zero/index.md index 58b160e..8d4d45f 100644 --- a/docs/tutorial/part-zero/index.md +++ b/docs/tutorial/part-zero/index.md @@ -1,31 +1,31 @@ --- -title: अपने विकास का वातावरण तैयार करें +title: अपने डेवलपमेंट एनवीरोँम्मेंट को तैयार करें typora-copy-images-to: ./ disableTableOfContents: true --- -इससे पहले कि आप अपनी पहली Gatsby साइट का निर्माण शुरू करें, आपको कुछ मुख्य वेब तकनीकों से खुद को परिचित करना होगा और यह सुनिश्चित करना होगा कि आपने सभी आवश्यक सॉफ़्टवेयर टूल स्थापित कर लिए हैं| +इससे पहले कि आप अपनी पहली Gatsby साइट का निर्माण शुरू करें, आपको कुछ मुख्य वेब तकनीकों से खुद को परिचित करना होगा और यह सुनिश्चित करना होगा कि आपने सभी आवश्यक सॉफ़्टवेयर टूल स्थापित कर लिए हैं। ## कमांड लाइन से खुद को परिचित करें -कमांड लाइन एक टेक्स्ट-आधारित इंटरफ़ेस है जिसका उपयोग आपके कंप्यूटर पर कमांड चलाने के लिए किया जाता है। आप अक्सर इसे टर्मिनल के रूप में भी देखेंगे| इस ट्यूटोरियल में, हम दोनों का परस्पर उपयोग करते हैं। जैसे विंडोज पर एक्सप्लोरर या मैक पर फाइंडर। फाइंडर और एक्सप्लोरर ग्राफिकल यूजर इंटरफेस (जीयूआई) के उदाहरण हैं। कमांड लाइन आपके कंप्यूटर के साथ बातचीत करने का एक शक्तिशाली पाठ-आधारित तरीका है। +कमांड लाइन एक टेक्स्ट-आधारित इंटरफ़ेस है जिसका उपयोग आपके कंप्यूटर पर कमांड चलाने के लिए किया जाता है। आप अक्सर इसे टर्मिनल के रूप में भी देखेंगे। इस ट्यूटोरियल में, हम दोनों का परस्पर उपयोग करते हैं। जैसे विंडोज पर एक्सप्लोरर या मैक पर फाइंडर। फाइंडर और एक्सप्लोरर ग्राफिकल यूजर इंटरफेस (GUI) के उदाहरण हैं। कमांड लाइन आपके कंप्यूटर के साथ बातचीत करने का एक शक्तिशाली टेक्स्ट-आधारित तरीका है। -अपने कंप्यूटर पर कमांड लाइन इंटरफ़ेस (CLI) का पता लगाने और खोलने पर कुछ समय लें। निर्भर करता है कि आप किस ऑपरेटिंग सिस्टम का उपयोग कर रहे हैं, देखें [**Mac पर निर्देश**](http://www.macworld.co.uk/feature/mac-software/how-use-terminal-on-mac-3608274/), [**Windows पर निर्देश**](https://www.quora.com/How-do-I-open-terminal-in-windows) or [**Linux पर निर्देश**](https://www.howtogeek.com/140679/beginner-geek-how-to-start-using-the-linux-terminal/). +अपने कंप्यूटर पर कमांड लाइन इंटरफ़ेस (CLI) का पता लगाने और खोलने पर कुछ समय लें। निर्भर करता है कि आप किस ऑपरेटिंग सिस्टम का उपयोग कर रहे हैं,[**Mac पर निर्देश**](http://www.macworld.co.uk/feature/mac-software/how-use-terminal-on-mac-3608274/), [**Windows पर निर्देश**](https://www.quora.com/How-do-I-open-terminal-in-windows) or [**Linux पर निर्देश**](https://www.howtogeek.com/140679/beginner-geek-how-to-start-using-the-linux-terminal/) देखें। ## Node.js के लिए Homebrew इनस्टॉल करें -Gatsby और Node.js को इनस्टॉल करने के लिए, इसका उपयोग करने की अनुशंसा की जाती है [Homebrew](https://brew.sh/). शुरुआत में थोड़ा सेट अप आपको बाद में कुछ सिरदर्द से बचा सकता है! अपने कंप्यूटर पर Homebrew को कैसे इनस्टॉल या अनइंस्टाल करें: +Gatsby और Node.js को इनस्टॉल करने के लिए, [Homebrew](https://brew.sh/) उपयोग करने की अनुशंसा की जाती है। शुरुआत में थोड़ा सेट अप आपको बाद में कुछ सिरदर्द से बचा सकता है! अपने कंप्यूटर पर Homebrew को कैसे इनस्टॉल या अनइंस्टाल करें: 1. अपना टर्मिनल खोलें। -1. देखें कि क्या Homebrew `brew -v` चलाकर स्थापित किया गया है। आपको "Homebrew" और एक संस्करण संख्या देखनी चाहिए। -1. यदि नहीं, तो निर्देशों के साथ [Homebrew](https://docs.brew.sh/Installation) डाउनलोड और इंस्टॉल करें आपके ऑपरेटिंग सिस्टम के लिए (Mac, Linux or Windows). -1. Homebrew स्थापित करने के बाद, सत्यापित करने के लिए चरण 2 को दोहराएं। +1. `brew -v` चलाकर देखें कि क्या Homebrew पहले से ही इनस्टॉल है। आपको "Homebrew" और एक वर्शन संख्या दिखनी चाहिए। +1. यदि नहीं, तो आपके ऑपरेटिंग सिस्टम के लिए (Mac, Linux or Windows) निर्देशों के साथ [Homebrew](https://docs.brew.sh/Installation) डाउनलोड और इंस्टॉल करें।. +1. Homebrew स्थापित करने के बाद, वेरीफाई करने के लिए चरण 2 को दोहराएं। -### Mac उपयोगकर्ता: Xcode कमांड लाइन उपकरण स्थापित करें +### Mac यूज़र्स: Xcode कमांड लाइन टूल इनस्टॉल करें 1. अपना टर्मिनल खोलें। -1. Mac पर, Xcode कमांड लाइन टूल को रन करके इंस्टॉल करें `xcode-select --install`. -1. यदि वह विफल रहता है, तो उसे डाउनलोड करें [सीधे Apple साइट से](https://developer.apple.com/download/more/), Apple डेवलपर अकाउंट से साइन-इन करने के बाद +1. Mac पर, `xcode-select --install` चला कर Xcode कमांड लाइन टूल को इंस्टॉल करें।. +1. यदि वह विफल रहता है, तो उसे [सीधे Apple साइट से](https://developer.apple.com/download/more/), Apple डेवलपर अकाउंट से साइन-इन करने के बाद डाउनलोड करें। 1. इंस्टॉलेशन शुरू करने के लिए प्रेरित होने के बाद, आपको टूल डाउनलोड करने के लिए सॉफ़्टवेयर लाइसेंस स्वीकार करने के लिए फिर से संकेत दिया जाएगा। ## ⌚ Node.js और npm स्थापित करें From 90c823b9ae6ce00e297c1eb6c68c90157ecba69a Mon Sep 17 00:00:00 2001 From: helios1101 Date: Sun, 16 Feb 2020 00:18:23 +0530 Subject: [PATCH 6/8] Made reviewv1.2 changes --- docs/tutorial/part-zero/index.md | 50 ++++++++++++++++---------------- 1 file changed, 25 insertions(+), 25 deletions(-) diff --git a/docs/tutorial/part-zero/index.md b/docs/tutorial/part-zero/index.md index 8d4d45f..52c5ca5 100644 --- a/docs/tutorial/part-zero/index.md +++ b/docs/tutorial/part-zero/index.md @@ -4,7 +4,7 @@ typora-copy-images-to: ./ disableTableOfContents: true --- -इससे पहले कि आप अपनी पहली Gatsby साइट का निर्माण शुरू करें, आपको कुछ मुख्य वेब तकनीकों से खुद को परिचित करना होगा और यह सुनिश्चित करना होगा कि आपने सभी आवश्यक सॉफ़्टवेयर टूल स्थापित कर लिए हैं। +इससे पहले कि आप अपनी पहली Gatsby साइट का निर्माण शुरू करें, आपको कुछ मुख्य वेब तकनीकों से खुद को परिचित करना होगा और यह सुनिश्चित करना होगा कि आपने सभी आवश्यक सॉफ़्टवेयर टूल इनस्टॉल कर लिए हैं। ## कमांड लाइन से खुद को परिचित करें @@ -19,7 +19,7 @@ Gatsby और Node.js को इनस्टॉल करने के लिए 1. अपना टर्मिनल खोलें। 1. `brew -v` चलाकर देखें कि क्या Homebrew पहले से ही इनस्टॉल है। आपको "Homebrew" और एक वर्शन संख्या दिखनी चाहिए। 1. यदि नहीं, तो आपके ऑपरेटिंग सिस्टम के लिए (Mac, Linux or Windows) निर्देशों के साथ [Homebrew](https://docs.brew.sh/Installation) डाउनलोड और इंस्टॉल करें।. -1. Homebrew स्थापित करने के बाद, वेरीफाई करने के लिए चरण 2 को दोहराएं। +1. Homebrew इनस्टॉल करने के बाद, वेरीफाई करने के लिए चरण 2 को दोहराएं। ### Mac यूज़र्स: Xcode कमांड लाइन टूल इनस्टॉल करें @@ -28,31 +28,31 @@ Gatsby और Node.js को इनस्टॉल करने के लिए 1. यदि वह विफल रहता है, तो उसे [सीधे Apple साइट से](https://developer.apple.com/download/more/), Apple डेवलपर अकाउंट से साइन-इन करने के बाद डाउनलोड करें। 1. इंस्टॉलेशन शुरू करने के लिए प्रेरित होने के बाद, आपको टूल डाउनलोड करने के लिए सॉफ़्टवेयर लाइसेंस स्वीकार करने के लिए फिर से संकेत दिया जाएगा। -## ⌚ Node.js और npm स्थापित करें +## ⌚ Node.js और npm इनस्टॉल करें -Node.js एक ऐसा वातावरण है जो वेब ब्राउज़र के बाहर जावास्क्रिप्ट कोड चला सकता है। Gatsby Node.js. के साथ बनाया गया है Gatsby के साथ उठने और चलने के लिए, आपको अपने कंप्यूटर पर हाल ही में संस्करण स्थापित करने की आवश्यकता होगी। +Node.js एक ऐसा वातावरण है जो वेब ब्राउज़र के बाहर जावास्क्रिप्ट कोड चला सकता है। Gatsby Node.js के साथ बनाया गया है। Gatsby के साथ उठने और चलने के लिए, आपको अपने कंप्यूटर पर हाल ही में वर्शन इनस्टॉल करने की आवश्यकता होगी। -_Note: Gatsby's न्यूनतम समर्थित Node.js संस्करण नोड 8 है, लेकिन अधिक नवीनतम संस्करण का उपयोग करने के लिए स्वतंत्र महसूस करें|_ +_Note: Gatsby's न्यूनतम समर्थित Node.js वर्शन Node 8 है, लेकिन अधिक लेटेस्ट वर्शन का उपयोग करने के लिए स्वतंत्र महसूस करें।_ 1. अपना टर्मिनल खोलें। -1. Homebrew का नवीनतम संस्करण सुनिश्चित करने के लिए `brew update` को चलाएं। -1. Node और npm को एक बार में स्थापित करने के लिए इस कमांड को चलाएं: `brew install node` +1. Homebrew का लेटेस्ट वर्शन सुनिश्चित करने के लिए `brew update` को चलाएं। +1. Node और npm को एक बार में इनस्टॉल करने के लिए इस कमांड को चलाएं: `brew install node` -एक बार जब आपने स्थापना चरणों का पालन कर लिया, तो सुनिश्चित करें कि सब कुछ ठीक से स्थापित किया गया था: +एक बार जब आपने इंस्टालेशन चरणों का पालन कर लिया, तो सुनिश्चित करें कि सब कुछ ठीक से इनस्टॉल किया गया था: -### Check your Node.js installation +### अपने Node.js इंस्टालेशन की जाँच करें 1. अपना टर्मिनल खोलें। 2. रन `node --version`. (यदि आप कमांड लाइन में नए हैं, तो "कमांड चलाएं" का अर्थ है "कमांड प्रॉम्प्ट में" `node --version` टाइप करें, और एंटर कुंजी दबाएं।) 3. रन `npm --version`. -उन आदेशों में से प्रत्येक का आउटपुट संस्करण संख्या होना चाहिए। आपके संस्करण नीचे दिखाए गए के समान नहीं हो सकते हैं! यदि उन आदेशों को दर्ज करना आपको एक संस्करण संख्या नहीं दिखाता है, तो वापस जाएं और सुनिश्चित करें कि आपने Node.js स्थापित किया है| +उन आदेशों में से प्रत्येक का आउटपुट वर्शन संख्या होना चाहिए। आपके वर्शन नीचे दिखाए गए के समान नहीं हो सकते हैं! यदि उन आदेशों को दर्ज करना आपको एक वर्शन संख्या नहीं दिखाता है, तो वापस जाएं और सुनिश्चित करें कि आपने Node.js इनस्टॉल किया है। -![टर्मिनल में node और npm संस्करणों की जांच करें](01-node-npm-versions.png) +![टर्मिनल में node और npm वर्शन की जांच करें](01-node-npm-versions.png) ## Git इंस्टॉल करें -Git एक स्वतंत्र और खुला स्रोत वितरित संस्करण नियंत्रण प्रणाली है जिसे गति और दक्षता के साथ छोटे से बहुत बड़े परियोजनाओं तक सब कुछ संभालने के लिए डिज़ाइन किया गया है। जब आप एक Gatsby "स्टार्टर" साइट स्थापित करते हैं, तो Gatsby अपने स्टार्टर के लिए आवश्यक फ़ाइलों को डाउनलोड और इंस्टॉल करने के लिए पर्दे के पीछे Git का उपयोग करता है। आपको अपना पहला Gatsby साइट सेट करने के लिए Git इंस्टॉल करना होगा। +Git एक स्वतंत्र और खुला स्रोत वितरित वर्शन नियंत्रण प्रणाली है जिसे गति और दक्षता के साथ छोटे से बहुत बड़े परियोजनाओं तक सब कुछ संभालने के लिए डिज़ाइन किया गया है। जब आप एक Gatsby "स्टार्टर" साइट इनस्टॉल करते हैं, तो Gatsby अपने स्टार्टर के लिए आवश्यक फ़ाइलों को डाउनलोड और इंस्टॉल करने के लिए पर्दे के पीछे Git का उपयोग करता है। आपको अपना पहला Gatsby साइट सेट करने के लिए Git इंस्टॉल करना होगा। Git को डाउनलोड और इंस्टॉल करने के चरण आपके ऑपरेटिंग सिस्टम पर निर्भर करते हैं। अपने सिस्टम के लिए गाइड का पालन करें: @@ -62,11 +62,11 @@ Git को डाउनलोड और इंस्टॉल करने क ## Gatsby CLI का उपयोग करना -Gatsby सीएलआई उपकरण आपको नए Gatsby-संचालित साइट बनाने और Gatsby साइटों को विकसित करने के लिए कमांड चलाने की सुविधा देता है। यह एक प्रकाशित npm पैकेज है। +Gatsby CLI उपकरण आपको नए Gatsby-संचालित साइट बनाने और Gatsby साइटों को विकसित करने के लिए कमांड चलाने की सुविधा देता है। यह एक प्रकाशित npm पैकेज है। -Gatsby CLI npm के माध्यम से उपलब्ध है और इसे विश्व स्तर पर चलाकर स्थापित किया जाना चाहिए `npm install -g gatsby-cli`. +Gatsby CLI npm के माध्यम से उपलब्ध है और इसे विश्व स्तर पर चलाकर इनस्टॉल किया जाना चाहिए `npm install -g gatsby-cli`. -_**Note**: जब आप Gatsby स्थापित करते हैं और इसे पहली बार चलाते हैं, तो आपको एक छोटा संदेश दिखाई देगा जो आपको अनाम उपयोग डेटा के बारे में सूचित करेगा जो Gatsby कमांड के लिए एकत्र किया जा रहा है, आप इस बारे में अधिक पढ़ सकते हैं कि डेटा कैसे निकाला जाता है और इसका उपयोग किया जाता है [telemetry doc](/docs/telemetry)._ +_**Note**: जब आप Gatsby इनस्टॉल करते हैं और इसे पहली बार चलाते हैं, तो आपको एक छोटा संदेश दिखाई देगा जो आपको अनाम उपयोग डेटा के बारे में सूचित करेगा जो Gatsby कमांड के लिए एकत्र किया जा रहा है, आप इस बारे में अधिक पढ़ सकते हैं कि डेटा कैसे निकाला जाता है और इसका उपयोग किया जाता है [telemetry doc](/docs/telemetry)._ उपलब्ध आदेशों को देखने के लिए, चलाएं `gatsby --help`. @@ -79,7 +79,7 @@ _**Note**: जब आप Gatsby स्थापित करते हैं औ अब आप अपनी पहली Gatsby साइट बनाने के लिए Gatsby CLI टूल का उपयोग करने के लिए तैयार हैं। इस टूल का उपयोग करके, आप डाउनलोड कर सकते हैं “starters” (कुछ डिफ़ॉल्ट कॉन्फ़िगरेशन के साथ आंशिक रूप से निर्मित साइटें) एक निश्चित प्रकार की साइट बनाने में तेज़ी से आगे बढ़ने में आपकी सहायता करने के लिए."Hello World" स्टार्टर जिसका आप यहां उपयोग कर रहे हैं वह एक स्टार्टर है जिसमें Gatsby साइट के लिए आवश्यक कम से कम आवश्यक सामान हैं। 1. अपना टर्मिनल खोलें। -2. रन `gatsby new hello-world https://github.com/gatsbyjs/gatsby-starter-hello-world`. (_Note: आपकी डाउनलोड गति के आधार पर, इसमें लगने वाले समय की मात्रा अलग-अलग होगी। संक्षिप्तता के लिए, नीचे के gif को स्थापित करने के दौरान रोक दिया गया था_). +2. रन `gatsby new hello-world https://github.com/gatsbyjs/gatsby-starter-hello-world`. (_Note: आपकी डाउनलोड गति के आधार पर, इसमें लगने वाले समय की मात्रा अलग-अलग होगी। संक्षिप्तता के लिए, नीचे के gif को इनस्टॉल करने के दौरान रोक दिया गया था_). 3. रन `cd hello-world`. 4. रन `gatsby develop`. @@ -129,9 +129,9 @@ gatsby develop ### VS Code डाउनलोड करें Gatsby प्रलेखन में कभी-कभी स्क्रीनशॉट शामिल होते हैं जो VS Code में लिए गए थे, इसलिए यदि आपके पास अभी तक पसंदीदा कोड संपादक नहीं है, तो VS Code का उपयोग करने से यह सुनिश्चित हो जाएगा कि आपकी स्क्रीन ट्यूटोरियल और डॉक्स में स्क्रीनशॉट की तरह ही दिखती है। -यदि आप VS Code का उपयोग करना चुनते हैं, तो पर जाएँ [VS Code site](https://code.visualstudio.com/#alt-downloads) और आपके प्लेटफ़ॉर्म के लिए उपयुक्त संस्करण डाउनलोड करें। +यदि आप VS Code का उपयोग करना चुनते हैं, तो पर जाएँ [VS Code site](https://code.visualstudio.com/#alt-downloads) और आपके प्लेटफ़ॉर्म के लिए उपयुक्त वर्शन डाउनलोड करें। -### Prettier प्लगइन स्थापित करें +### Prettier प्लगइन इनस्टॉल करें हम [Prettier](https://github.com/prettier/prettier) का उपयोग करने की सलाह देते हैं, जो एक उपकरण है जो त्रुटियों से बचने के लिए आपके कोड को प्रारूपित करने में मदद करता है। @@ -139,7 +139,7 @@ Gatsby प्रलेखन में कभी-कभी स्क्रीन 1. VS Code पर एक्सटेंशन व्यू खोलें (View => Extensions). 2. "Prettier - Code formatter" को खोजें. -3. क्लिक करें "Install". (स्थापना के बाद आपको एक्सटेंशन सक्षम करने के लिए VS Code को पुनरारंभ करने के लिए कहा जाएगा। VS Code के नए संस्करण स्वचालित रूप से डाउनलोड के बाद एक्सटेंशन को सक्षम करेंगे।) +3. क्लिक करें "Install". (इंस्टालेशन के बाद आपको एक्सटेंशन सक्षम करने के लिए VS Code को पुनरारंभ करने के लिए कहा जाएगा। VS Code के नए वर्शन स्वचालित रूप से डाउनलोड के बाद एक्सटेंशन को सक्षम करेंगे।) > 💡 यदि आप VS कोड का उपयोग नहीं कर रहे हैं, तो Prettier डॉक्स देखें [इनस्टॉल इंस्ट्रक्शंस ](https://prettier.io/docs/en/install.html) या [अन्य संपादक एकीकरण](https://prettier.io/docs/en/editors.html). @@ -148,13 +148,13 @@ Gatsby प्रलेखन में कभी-कभी स्क्रीन संक्षेप में, इस भाग में: - कमांड लाइन और इसका उपयोग कैसे करें के बारे में सीखा -- स्थापित और Node.js और npm CLI उपकरण, संस्करण नियंत्रण प्रणाली Git और Gatsby CLI उपकरण के बारे में सीखा +- इनस्टॉल और Node.js और npm CLI उपकरण, वर्शन नियंत्रण प्रणाली Git और Gatsby CLI उपकरण के बारे में सीखा - Gatsby CLI उपकरण का उपयोग करके एक नया Gatsby साइट बनाया - Gatsby डेवलपमेंट सर्वर को रन करें और स्थानीय रूप से आपकी साइट पर आए - एक कोड संपादक डाउनलोड किया -- Prettier नामक एक कोड फ़ॉर्मेटर स्थापित किया +- Prettier नामक एक कोड फ़ॉर्मेटर इनस्टॉल किया -अब, आगे बढ़ें [**getting to know Gatsby building blocks**](/tutorial/part-one/). +अब, आगे बढ़ें [**गैट्सबी बिल्डिंग ब्लॉक्स को जाने**](/tutorial/part-one/). ## संदर्भ @@ -166,7 +166,7 @@ Gatsby प्रलेखन में कभी-कभी स्क्रीन - **CSS**: आपके वेब सामग्री (फ़ॉन्ट, रंग, लेआउट, आदि) की शैली को प्रस्तुत करने के लिए उपयोग की जाने वाली एक प्रस्तुति भाषा। यह कैस्केडिंग स्टाइल शीट्स के लिए खड़ा है। - **JavaScript**: एक प्रोग्रामिंग भाषा जो हमें वेब को गतिशील और इंटरैक्टिव बनाने में मदद करती है। - **React**: उपयोगकर्ता इंटरफ़ेस के निर्माण के लिए एक कोड लाइब्रेरी (जावास्क्रिप्ट के साथ निर्मित)। यह वह ढांचा है जिसका उपयोग Gatsby पृष्ठों और संरचना सामग्री के निर्माण के लिए करता है। -- **GraphQL**: एक क्वेरी भाषा जो आपको अपनी वेबसाइट में डेटा खींचने की अनुमति देती है। यह वह इंटरफ़ेस है जो साइट डेटा के प्रबंधन के लिए Gatsby उपयोग करता है| +- **GraphQL**: एक क्वेरी भाषा जो आपको अपनी वेबसाइट में डेटा खींचने की अनुमति देती है। यह वह इंटरफ़ेस है जो साइट डेटा के प्रबंधन के लिए Gatsby उपयोग करता है। ### एक वेबसाइट क्या है? @@ -185,10 +185,10 @@ npm के तीन अलग-अलग घटक हैं: npm वेबस - Npm वेबसाइट पर, आप ब्राउज़ कर सकते हैं कि npm रजिस्ट्री में JavaScript पैकेज क्या उपलब्ध हैं। - Npm रजिस्ट्री npm पर उपलब्ध JavaScript संकुल के बारे में जानकारी का एक बड़ा डेटाबेस है। -- एक बार जब आप अपने इच्छित पैकेज की पहचान कर लेते हैं, तो आप इसे अपने प्रोजेक्ट में या विश्व स्तर पर (अन्य CLI टूल्स की तरह) स्थापित करने के लिए npm CLI का उपयोग कर सकते हैं। Npm CLI वह है जो रजिस्ट्री से बात करता है - आप आम तौर पर केवल npm वेबसाइट या npm CLI के साथ बातचीत करते हैं। +- एक बार जब आप अपने इच्छित पैकेज की पहचान कर लेते हैं, तो आप इसे अपने प्रोजेक्ट में या विश्व स्तर पर (अन्य CLI टूल्स की तरह) इनस्टॉल करने के लिए npm CLI का उपयोग कर सकते हैं। Npm CLI वह है जो रजिस्ट्री से बात करता है - आप आम तौर पर केवल npm वेबसाइट या npm CLI के साथ बातचीत करते हैं। > 💡 Npm का परिचय देखें, “[**Npm क्या है?**](https://docs.npmjs.com/getting-started/what-is-npm)”. ### Git के बारे में अधिक जानें -इस ट्यूटोरियल को पूरा करने के लिए आपको Git जानने की आवश्यकता नहीं होगी, लेकिन यह एक बहुत ही उपयोगी उपकरण है। यदि आप संस्करण नियंत्रण, Git और GitHub के बारे में अधिक जानने में रुचि रखते हैं, तो GitHub की [Git Handbook](https://guides.github.com/introduction/git-handbook/) देखें। +इस ट्यूटोरियल को पूरा करने के लिए आपको Git जानने की आवश्यकता नहीं होगी, लेकिन यह एक बहुत ही उपयोगी उपकरण है। यदि आप वर्शन नियंत्रण, Git और GitHub के बारे में अधिक जानने में रुचि रखते हैं, तो GitHub की [Git Handbook](https://guides.github.com/introduction/git-handbook/) देखें। From 61f8bb01566f50d096d0f6e40df5805740c89f62 Mon Sep 17 00:00:00 2001 From: helios1101 Date: Sun, 16 Feb 2020 00:25:42 +0530 Subject: [PATCH 7/8] Made reviewv1.2.1 changes --- docs/tutorial/part-zero/index.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/tutorial/part-zero/index.md b/docs/tutorial/part-zero/index.md index 52c5ca5..6710950 100644 --- a/docs/tutorial/part-zero/index.md +++ b/docs/tutorial/part-zero/index.md @@ -30,7 +30,7 @@ Gatsby और Node.js को इनस्टॉल करने के लिए ## ⌚ Node.js और npm इनस्टॉल करें -Node.js एक ऐसा वातावरण है जो वेब ब्राउज़र के बाहर जावास्क्रिप्ट कोड चला सकता है। Gatsby Node.js के साथ बनाया गया है। Gatsby के साथ उठने और चलने के लिए, आपको अपने कंप्यूटर पर हाल ही में वर्शन इनस्टॉल करने की आवश्यकता होगी। +Node.js एक ऐसा वातावरण है जो वेब ब्राउज़र के बाहर जावास्क्रिप्ट कोड चला सकता है। Gatsby Node.js के साथ बनाया गया है। Gatsby के साथ उठने और चलने के लिए, आपको अपने कंप्यूटर पर रीसेंट वर्शन इनस्टॉल करने की आवश्यकता होगी। _Note: Gatsby's न्यूनतम समर्थित Node.js वर्शन Node 8 है, लेकिन अधिक लेटेस्ट वर्शन का उपयोग करने के लिए स्वतंत्र महसूस करें।_ From 4b4c160638cea79e0fc540b2a754b7878036ad6d Mon Sep 17 00:00:00 2001 From: Harshit Singh Date: Wed, 18 Mar 2020 01:17:01 +0530 Subject: [PATCH 8/8] Update the docs with comments --- docs/tutorial/part-zero/index.md | 26 +++++++++++++------------- 1 file changed, 13 insertions(+), 13 deletions(-) diff --git a/docs/tutorial/part-zero/index.md b/docs/tutorial/part-zero/index.md index 6710950..bb5fc31 100644 --- a/docs/tutorial/part-zero/index.md +++ b/docs/tutorial/part-zero/index.md @@ -43,16 +43,16 @@ _Note: Gatsby's न्यूनतम समर्थित Node.js वर्श ### अपने Node.js इंस्टालेशन की जाँच करें 1. अपना टर्मिनल खोलें। -2. रन `node --version`. (यदि आप कमांड लाइन में नए हैं, तो "कमांड चलाएं" का अर्थ है "कमांड प्रॉम्प्ट में" `node --version` टाइप करें, और एंटर कुंजी दबाएं।) -3. रन `npm --version`. +2. `node --version` रन करें। (यदि आप कमांड लाइन में नए हैं, तो "कमांड चलाएं" का अर्थ है "कमांड प्रॉम्प्ट में" `node --version` टाइप करें, और एंटर key दबाएं।) +3. `npm --version` रन करें। -उन आदेशों में से प्रत्येक का आउटपुट वर्शन संख्या होना चाहिए। आपके वर्शन नीचे दिखाए गए के समान नहीं हो सकते हैं! यदि उन आदेशों को दर्ज करना आपको एक वर्शन संख्या नहीं दिखाता है, तो वापस जाएं और सुनिश्चित करें कि आपने Node.js इनस्टॉल किया है। +उन आदेशों में से प्रत्येक का आउटपुट वर्शन संख्या होना चाहिए। आपके वर्शन नीचे दिखाए गए वर्शन के समान नहीं हो सकते हैं! यदि उन आदेशों को दर्ज करना आपको एक वर्शन संख्या नहीं दिखाता है, तो वापस जाएं और सुनिश्चित करें कि आपने Node.js इनस्टॉल किया है। ![टर्मिनल में node और npm वर्शन की जांच करें](01-node-npm-versions.png) ## Git इंस्टॉल करें -Git एक स्वतंत्र और खुला स्रोत वितरित वर्शन नियंत्रण प्रणाली है जिसे गति और दक्षता के साथ छोटे से बहुत बड़े परियोजनाओं तक सब कुछ संभालने के लिए डिज़ाइन किया गया है। जब आप एक Gatsby "स्टार्टर" साइट इनस्टॉल करते हैं, तो Gatsby अपने स्टार्टर के लिए आवश्यक फ़ाइलों को डाउनलोड और इंस्टॉल करने के लिए पर्दे के पीछे Git का उपयोग करता है। आपको अपना पहला Gatsby साइट सेट करने के लिए Git इंस्टॉल करना होगा। +Git एक फ्री और ओपन सोर्स डिस्ट्रिब्यूटेड वर्शन नियंत्रण सिस्टमी है जिसे गति और एफिशिएंसी के साथ छोटे से बहुत बड़े प्रोजेक्ट्स तक सब कुछ संभालने के लिए डिज़ाइन किया गया है। जब आप एक Gatsby "स्टार्टर" साइट इनस्टॉल करते हैं, तो Gatsby अपने स्टार्टर के लिए आवश्यक फ़ाइलों को डाउनलोड और इंस्टॉल करने के लिए पर्दे के पीछे Git का उपयोग करता है। आपको अपना पहली Gatsby साइट सेट करने के लिए Git इंस्टॉल करना होगा। Git को डाउनलोड और इंस्टॉल करने के चरण आपके ऑपरेटिंग सिस्टम पर निर्भर करते हैं। अपने सिस्टम के लिए गाइड का पालन करें: @@ -62,13 +62,13 @@ Git को डाउनलोड और इंस्टॉल करने क ## Gatsby CLI का उपयोग करना -Gatsby CLI उपकरण आपको नए Gatsby-संचालित साइट बनाने और Gatsby साइटों को विकसित करने के लिए कमांड चलाने की सुविधा देता है। यह एक प्रकाशित npm पैकेज है। +Gatsby CLI उपकरण आपको नए Gatsby-संचालित साइट बनाने और Gatsby साइटों को विकसित करने के लिए कमांड चलाने की सुविधा देता है। यह एक पब्लिश्ड npm पैकेज है। -Gatsby CLI npm के माध्यम से उपलब्ध है और इसे विश्व स्तर पर चलाकर इनस्टॉल किया जाना चाहिए `npm install -g gatsby-cli`. +Gatsby CLI npm के माध्यम से उपलब्ध है और इसे ग्लोबली चलाकर इनस्टॉल किया जाना चाहिए `npm install -g gatsby-cli`। -_**Note**: जब आप Gatsby इनस्टॉल करते हैं और इसे पहली बार चलाते हैं, तो आपको एक छोटा संदेश दिखाई देगा जो आपको अनाम उपयोग डेटा के बारे में सूचित करेगा जो Gatsby कमांड के लिए एकत्र किया जा रहा है, आप इस बारे में अधिक पढ़ सकते हैं कि डेटा कैसे निकाला जाता है और इसका उपयोग किया जाता है [telemetry doc](/docs/telemetry)._ +_**Note**: जब आप Gatsby इनस्टॉल करते हैं और इसे पहली बार चलाते हैं, तो आपको एक छोटा संदेश दिखाई देगा जो आपको अनाम उपयोग डेटा के बारे में सूचित करेगा जो Gatsby कमांड के लिए एकत्र किया जा रहा है, आप इस बारे में अधिक [telemetry doc](/docs/telemetry) में पढ़ सकते हैं कि डेटा कैसे निकाला जाता है और इसका उपयोग किया जाता है।_ -उपलब्ध आदेशों को देखने के लिए, चलाएं `gatsby --help`. +उपलब्ध आदेशों को देखने के लिए, चलाएं `gatsby --help`। ![टर्मिनल में gatsby कमांड की जाँच करें](05-gatsby-help.png) @@ -76,12 +76,12 @@ _**Note**: जब आप Gatsby इनस्टॉल करते हैं औ ## एक Gatsby साइट बनाएँ -अब आप अपनी पहली Gatsby साइट बनाने के लिए Gatsby CLI टूल का उपयोग करने के लिए तैयार हैं। इस टूल का उपयोग करके, आप डाउनलोड कर सकते हैं “starters” (कुछ डिफ़ॉल्ट कॉन्फ़िगरेशन के साथ आंशिक रूप से निर्मित साइटें) एक निश्चित प्रकार की साइट बनाने में तेज़ी से आगे बढ़ने में आपकी सहायता करने के लिए."Hello World" स्टार्टर जिसका आप यहां उपयोग कर रहे हैं वह एक स्टार्टर है जिसमें Gatsby साइट के लिए आवश्यक कम से कम आवश्यक सामान हैं। +अब आप अपनी पहली Gatsby साइट बनाने के लिए Gatsby CLI टूल का उपयोग करने के लिए तैयार हैं। इस टूल का उपयोग करके, आप “starters” डाउनलोड कर सकते हैं (कुछ डिफ़ॉल्ट कॉन्फ़िगरेशन के साथ आंशिक रूप से निर्मित साइटें) एक निश्चित प्रकार की साइट बनाने में तेज़ी से आगे बढ़ने में आपकी सहायता करने के लिए। "Hello World" स्टार्टर जिसका आप यहां उपयोग कर रहे हैं वह एक स्टार्टर है जिसमें Gatsby साइट के लिए कम से कम आवश्यक सामान हैं। 1. अपना टर्मिनल खोलें। -2. रन `gatsby new hello-world https://github.com/gatsbyjs/gatsby-starter-hello-world`. (_Note: आपकी डाउनलोड गति के आधार पर, इसमें लगने वाले समय की मात्रा अलग-अलग होगी। संक्षिप्तता के लिए, नीचे के gif को इनस्टॉल करने के दौरान रोक दिया गया था_). -3. रन `cd hello-world`. -4. रन `gatsby develop`. +2. `gatsby new hello-world https://github.com/gatsbyjs/gatsby-starter-hello-world` रन करें। (_Note: आपकी डाउनलोड गति के आधार पर, इसमें लगने वाले समय की मात्रा अलग-अलग होगी। संक्षिप्तता के लिए, नीचे के gif को इनस्टॉल करने के दौरान रोक दिया गया था_). +3. `cd hello-world` रन करें। +4. `gatsby develop` रन करें।