OGS-Main
/
ogs-site
2
0
Fork 0
Code Issues 0 Pull-Requests 0 Releases 0 Wiki Aktivität
Du kannst nicht mehr als 25 Themen auswählen Themen müssen entweder mit einem Buchstaben oder einer Ziffer beginnen. Sie können Bindestriche („-“) enthalten und bis zu 35 Zeichen lang sein.
135 Commits
2 Branches
123MB
Struktur: 250d142b99
Branches Tags
${ item.name }
Erstelle Branch ${ searchTerm }
von „250d142b99“
${ noResults }
ogs-site/pskov/ru/education.04.lang.md

8.3KB
Originalformat Blame Verlauf

Title: Обучение: 04. Язык Date: 2019-06-25 00:00 Category: Page Slug: education.04.lang Lang: ru

< Назад Начало Далее >
03. Сайт Обучение 05. Блог

В этом документе мы добавим выбор языка.

Ожидаемое время завершения: 10 минут.

Содержание

01. Локализация

Теперь, когда у вас есть собственный веб-сайт на английском, вы задумываетесь о русской версии, ведь вы же всё-таки русский!

Вы создаёте директорию со следующей структурой файлов:

  • pskov.cfg
  • en/item.template
  • en/about.md
  • en/cv.md
  • ru/item.template
  • ru/about.md
  • ru/cv.md

Давайте взглянем на содержимое этих файлов.

02. Изучите файл pskov.cfg

Файл pskov.cfg содержит следующее:

input = en;ru
item = item.template

Как видите, input может принимать несколько директорий, разделённых символом ;. ПСКОВ обработает каждую указанную директорию так же, как и ранее.

В нашем случае каждая из директорий - en/ и ru/ - содержит собственный шаблон item.template.

03. Изучите файлы шаблонов

  • Содержимое en/item.template:

    - - - - Схлопнуто для краткости - - - -
        <title>Serov</title>
    </head>
    <body>
        <div id="header">
            <strong>Serov</strong>
            <a href="about.html">About me</a>
            <a href="cv.html">CV</a>
            <div id="lang">
                <a href="../en/PSKOV_ITEM_URL">EN</a>
                <a href="../ru/PSKOV_ITEM_URL">RU</a>
            </div>
        </div>
        <center>
- - - - Схлопнуто для краткости - - - -

  • Содержимое ru/item.template:

    - - - - Схлопнуто для краткости - - - -
        <title>Серов</title>
    </head>
    <body>
        <div id="header">
            <strong>Серов</strong>
            <a href="about.html">Обо мне</a>
            <a href="cv.html">Резюме</a>
            <div id="lang">
                <a href="../en/PSKOV_ITEM_URL">EN</a>
                <a href="../ru/PSKOV_ITEM_URL">RU</a>
            </div>
        </div>
        <center>
- - - - Схлопнуто для краткости - - - -

Внимание: начало и конец схлопнуты для краткости.

Как видите, en/item.template и ru/item.template очень похожи на виденный ранее item.template.

Изменения следующие:

  • использование секции <div id="lang">...</div> для отображения выбора языка
  • локализация заголовков на Английском и Русском языках

Выбор языка использует следующую новую константу ПСКОВА:

Константа ПСКОВА Описание
PSKOV_ITEM_URL Предоставляет имя файла генерируемой страницы

Использование PSKOV_ITEM_URL даёт вам поддержку стольких языков, сколько пожелаете.

04. Изучите файлы Markdown

Файлы en/about.md и en/cv.md выглядят почти идентично виденным ранее. ru/about.md и ru/cv.md представляют собой русские версии соответствующих английских страниц.

Например, ru/cv.md содержит:

 Title: Резюме
 Slug: cv

 Здесь вы можете увидеть моё резюме в том случае, если мои произведения всё ещё вас интересуют. Я использовал современный подход ИТ для структурирования своего резюме в виде пар ключ-значение словаря (карты). Наслаждайтесь!

 | Ключ | Значение |
 |---|---|
 | Имя | Валентин Серов |
 | Возраст | 46 |
 | Семейное положение | Женат |
 | Страна | Российская Империя |
 | Учёба | Императорская Академия художеств |
 | Звания | * академик ИАХ (1898) <br> * действительный член ИАХ (1903) |

Внимание: русская страница использует точно такое же значение Slug, как и английская страница.

05. Запустите ЛФСД

ОШИБКА Ваш браузер не поддерживает видео HTML5

Запустите ЛФСД с указанием директории, содержащей только что рассмотренные файлы:

$ /путь/до/lfsa_1.0.0.py /путь/до/директории/02.Language

06. Сгенерируйте сайт

ОШИБКА Ваш браузер не поддерживает видео HTML5

Перейдите на страницу Инструмент и нажмите кнопку Генерировать для генерации файлов HTML рядом с файлами Markdown.

07. Проверьте сайт

ОШИБКА Ваш браузер не поддерживает видео HTML5

Проверьте сгенерированный веб-сайт локально: откройте файл ru/about.html или en/about.html и переключите язык.

08. Итог

Вы успешно добавили выбор языка. Проверьте результат.

Представлены константы ПСКОВА:

Константа ПСКОВА Описание
PSKOV_ITEM_URL Предоставляет имя файла генерируемой страницы
< Назад Начало Далее >
03. Сайт Обучение 05. Блог