[Tutorials] Added Hosting on GitHub Pages tutorial.

Author: DanilAndreev

src/pages/Tutorials/HostingMaterialDocsOnGHPages/HostingMaterialDocsOnGHPages.md

@@ -121,7 +121,7 @@ $ yarn run build
 ```{"type": "code", "themeLight": "darcula"}
 $ npm run build
 ```
-Таким образом мы получили практически готовую к публикации веб страницу в директории __build__.    
+Таким образом мы получили практически готовую к публикации веб страницу в директории __build__.  
 Переименуйте эту директорию в __docs__.
 ## Настройка GitHub Pages
 ### Базовая настройка
@@ -130,3 +130,18 @@ $ npm run build
 В разделе __Source__ выберите целевую ветку и в поле __директория__ выберите ___/docs___. Сохраните настройки.
 ![{"alt": "GitHub Pages", "src": "&&GitHubPagesSetupImage", "fullWidth": true, "frame": true}]()
 ### Привязывание собственного домена
+> Для примера, мы будем использовать поддомен ___example.material-docs.com___  
+> _Интерфейс управления доменом может отличаться в зависимости от вашего хостинга. В примере хостинг_ __Imena.ua__
+
+Заходим в настройки домена и добавляем запись:
+![{"alt": "GitHub Pages", "src": "&&DNSSetup", "fullWidth": true, "frame": true}]()
+> Если вы используете не поддомен - вместо _example_ введите ___www___  
+> _185.199.111.153 - адрес GitHub Pages на момент создания туториала._
+#### Дальнейшие шаги
+* Посчитайте значение параметра ___segmentCount___ в файле __404.html__. ([Как это сделать](#решение-на-практике)) 
+* В файле __package.json__ выставьте __свой домен__ в поле _homepage_.
+* Добавляем домен в настройки GitHub Pages в поле для домена.
+
+![{"alt": "GitHub Pages", "src": "&&GitHubPagesDNSSetup", "fullWidth": true, "frame": true}]()
+## Исходники на GitHub
+Вы можете найти єтот пример пример на GitHub [здесь](https://github.com/material-docs/material-docs-example-project/tree/hosting-on-gh-pages)

src/pages/Tutorials/HostingMaterialDocsOnGHPages/index.js

@@ -10,11 +10,13 @@ import Markdown from "@material-docs/core/components/Markdown/Markdown";
 import content from "./HostingMaterialDocsOnGHPages.md";
 import GitHubPagesInitialImage from "./images/GitHubPagesInitialImage.png";
 import GitHubPagesSetupImage from "./images/GitHubPagesSetupImage.png";
+import DNSSetup from "./images/DNSSetup.png";
+import GitHubPagesDNSSetup from "./images/GitHubPagesDNSSetup.png";
 
 export default function HostingMaterialDocsOnGHPages() {
     return (
         <DocsPage
-            name={"Hosting on gh-pages"}
+            name={"Hosting on GitHub Pages"}
             searchTags={["create", "material", "docs", "tutorial", "faq", "manual"]}
             searchLabel={"Hosting you Material Docs based documentation on GitHub pages"}
         >
@@ -23,6 +25,8 @@ export default function HostingMaterialDocsOnGHPages() {
                     locale: "pages/HostingMaterialDocsOnGHPagesTutorial",
                     GitHubPagesInitialImage,
                     GitHubPagesSetupImage,
+                    DNSSetup,
+                    GitHubPagesDNSSetup,
                 }}
                 children={content}
             />