Перевод
Некоторые пункты были не переведены и отсутствовали в файле themes/hugo-theme-bootstrap/i18n/ru.toml
. Что то отображалось по английски, а что то было просто пустым местом. То что было на аглицком перевел. Чего не хватало добавил, в частности размеры шрифтов:
[font_size]
other = "Размер шрифта"
[font_size_lg]
other = "Большой"
[font_size_md]
other = "Средний"
[font_size_sm]
other = "Маленький"
[font_size_xl]
other = "Очень большой"
[font_size_xs]
other = "Очень маленький"
По идее нужно просто скопировать файл themes/hugo-theme-bootstrap/i18n/en.toml
и перевести полностью.
Отображение code
При отображении кода нет кнопки копирования.
Решение простое, нужно указать язык цитируемого кода:
```markdown а потом писать сам цитируемый код```
Изменение “На кофе”
Есть такая кнопка На кофе
нужно переделать На чай
и поменять иконку платежной системы на сбербанк и создать свой QR код своего счета.
Первым делом, если еще не сделано поправить файл с переводом поменяв в файле themes/hugo-theme-bootstrap/i18n/ru.toml
строку "Buy Me a Coffee"
на "На чай"
Начальные изменения по образу и подобию добавить еще варианты.
Не работает поиск по вновь созданным страницам
Надо разобраться, какие телодвижения сделать покурив мануал.
С русским языком не очень хорошо дружит
Смена шрифта
Если следовать инструкции, то замена не произойдет, потому что не хватает скобок в коде с примером. Нужно копировать полностью, как сделано на сайте с гугловскими шрифтами.
Зайти на сайт Google Fonts. Найти или выбрать нужный шрифт нажав на плюсик в строке Regular 400 потом в правом верхнем углу на иконку сумки в открывшемся окошке нажать на флажок @import, нажать иконку копирования.
Вставить код в файл assets/main/scss/_custom.scss
удалить тэги <style>
и </style>
. Добавить строки:
:root {
--#{$prefix}body-font-family: 'Имя шрифта', sans-serif;
}
Должно получится так, в примере выбран шрифт Open+Sans:
@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');
:root {
--#{$prefix}body-font-family: 'Open+Sans', sans-serif;
}
Изменить цвет при наведении на ссылку
Надо покапацо, на другом шаблоне сделал, как хочется, по идее так же и в том ж месте капать :)
Полностью убрать поддерживаемые языки
Не вижу смысла в переключении на языки, есть гугл и яндекс переводчики страниц онлайн, а так же приложения для перевода в браузерах. Если только есть желание расширить свою аудиторию через поисковые системы имея страницы на других языках. Такой задачи передо мной не стоит, надо будет все быстро и легко добавлю. Ну и опять же гемор, исходную страницу изменил и для кучи в нагрузку добавлять и править еще другие файлы.
Помимо удаления всех файлов на других языках find . -type f -name "*.zh-hans.*" -delete
и указания языка по умолчанию defaultContentLanguage: ru
, нужно добавить еще такую строчку в файле config/_default/config.yaml
точнее раскомментировать, что бы было так:
defaultContentLanguage: ru
# hasCJKLanguage: true # Uncomment it if your content contains Chinese/Japanese/Korean Languages.
# defaultContentLanguageInSubdir: true
disableLanguages:
- en
# - fr
# - zh-cn
# - zh-tw
Если не добавить аглицкий - en
в disableLanguages:
, то будет пустое поле в выборе языка и все равно будет возможность переключения на английский. А это не гуд, потому что страниц на этом языке уже нет, лишняя ошибка, которая мозолит глаза.
Изменения в меню “Действия”
Замена на свои ссылки поделиться файл для редактирования: layouts/partials/footer/actions-panel.html
Адаптация под языки
Сообщение, которое послал автору темы:
Привет. Занимаясь адаптацией под себя и свой язык, заметил одно не удобство - отсутствие многоязычной поддержки “Post panel” для некоторых элементов.
Автор сделал соответствующие изменения и то что ниже уже делать не надо.
Пришлось создавать свои пользовательские файлы в /myblog/layouts/partials/post/panel
comments.html
copyright.html
sidebar-toggler.html
toc.html
translations.html
Согласись было бы удобнее, если исправить файлы themes/hugo-theme-bootstrap/layouts/partials/post/panel
в исходнике темы, поменяв на title="{{ i18n "text" }}
в вышеуказанных файлах, вот так:
comments.html
...
<a class="action action-post-comments" href="#post-comments" role="button" aria-label="Comments" title="{{ i18n "comments" }}>
...
copyright.html
...
<a class="action action-copyright" href="#post-copyright" role="button" aria-label="Copyright" title="{{ i18n "copyright" }}">
...
sidebar-toggler.html
...
<a id="sidebarToggler" class="action action-sidebar-toggler d-none d-xxl-block" role="button" title="{{ i18n "sidebar_toggler" }}">
...
toc.html
...
<a class="action action-toc d-none d-xxl-block" href="#postTOC" role="button" title="{{ i18n "table_of_contents" }}">
...
<a class="action action-toc d-block d-xxl-none" href="#post-toc-container" role="button" title="{{ i18n "table_of_contents" }}">
...
translations.html
...
title="{{ i18n "translations" }}">
...
И добавить в themes/hugo-theme-bootstrap/i18n/en.toml
строки:
[sidebar_toggler]
other = "Sidebar toggler"
[translations]
other = "Translations"
Тогда не будет трудностей с переводом на другие языки.
Добавление shortcode - video
Для воспроизведения видео добавил шорткод video из репозитория гитхаба
По инструкции не добавлял присоединением субмодуля, просто создал каталог с файлом wildserver.ru\layouts\shortcodes\video.html
и встаил туда код из репы.
В репозитории доходчиво написано, как им пользоваться. Единственное не сказано про изменение ширины окна для воспроизведения.
- Изменение высоты
width="---px"
- Изменение ширины
height="---px"
Попробую установить его, как модуль, хотя в инструкции пишется про субмодуль, но так мне кажется будет лучше и удобнее. Не забыть бы еще про то как обновлять модули поэтому подсказка
Объявить модуль как зависимость сайта
hugo mod get github.com/martignoni/hugo-video@master
Добавить hugo-video
Открыть файл config.yaml
и в строке theme
добавить репу
theme: ["github.com/martignoni/hugo-video", "github.com/razonyang/hugo-theme-bootstrap"]
Подключить зависимости через npm
hugo mod npm pack
npm install
Проверяем:
Установка темы, как модуль
Пересмотрел свой взгляд и переустановил тему по инструкции, как модуль. Преимущество в том, что сама тема находится не локально, как и любой другой модуль.
Главное при переносе оставить только каталоги:
archetypes
assets
config
content
static
При переносе файла \wildserver.ru\config\_default\config.yaml
надо изменить путь к теме на theme: github.com/razonyang/hugo-theme-bootstrap
Комментарии