You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Синхронизируйте несколько групп вкладок, добавив атрибут `syncKey`.
93
93
94
-
Все `<Tabs>`на странице с одинаковым значением `syncKey` будут отображать одну и ту же активную метку. Это позволяет вашему читателю выбрать один раз (например, операционную систему или менеджер пакетов) и увидеть, как его выбор отражается на всей странице.
94
+
Все `<Tabs>` с одинаковым значением `syncKey` будут отображать одну и ту же активную метку. Это позволит вашему читателю выбрать один раз (например, операционную систему или менеджер пакетов), и видеть, что их выбор сохраняется при переходе по страницам.
95
95
96
96
Чтобы синхронизировать связанные вкладки, добавьте идентичное свойство `syncKey` к каждому компоненту `<Tabs>` и убедитесь, что все они используют одни и те же метки `<TabItem>`:
97
97
@@ -228,6 +228,38 @@ import { LinkCard } from '@astrojs/starlight/components';
Используйте компонент `<LinkButton>` для визуального выделения ссылок, призывающих к действию.
234
+
Кнопка-ссылка полезна для направления пользователей к наиболее релевантному или действующему контенту и часто используется на целевых страницах.
235
+
236
+
`<LinkButton>` требует обязательного атрибута [`href`](https://developer.mozilla.org/ru/docs/Web/HTML/Element/a#href) и по желанию принимает другие атрибуты ссылки, такие как `target`.
237
+
238
+
Атрибут `icon` может содержать имя [одной из встроенных иконок Starlight](#все-иконки), чтобы включить иконку рядом с текстом.
239
+
Атрибут `iconPlacement` можно использовать для размещения иконки перед текстом, задав ему значение `start` (по умолчанию `end`).
240
+
241
+
Настройте внешний вид кнопки-ссылки с помощью атрибута `variant`, который может быть установлен в значение `primary` (по умолчанию), `secondary` или `minimal`.
Copy file name to clipboardExpand all lines: docs/src/content/docs/ru/guides/customization.mdx
+3-1Lines changed: 3 additions & 1 deletion
Original file line number
Diff line number
Diff line change
@@ -107,6 +107,8 @@ export default defineConfig({
107
107
});
108
108
```
109
109
110
+
Узнайте, как [добавить ссылку на карту сайта в `robots.txt`](https://docs.astro.build/ru/guides/integrations-guide/sitemap/#sitemap-link-in-robotstxt) в документации Astro.
111
+
110
112
## Макеты страниц
111
113
112
114
По умолчанию страницы Starlight используют макет с боковой панелью и оглавлением, которое показывает заголовки текущей страницы.
@@ -383,7 +385,7 @@ export default defineConfig({
383
385
2. Установите пакет для выбранного вами шрифта.
384
386
Вы можете найти имя пакета, нажав «Install» на странице шрифта Fontsource.
**по умолчанию:** боковая панель, созданная на основе [глобальной конфигурации `sidebar`](/ru/reference/configuration/#sidebar)
114
114
115
115
Предоставление настраиваемой боковой панели навигации для этой страницы.
116
116
Если этот параметр не установлен, на странице будет использоваться глобальная боковая панель по умолчанию.
117
117
118
-
Например, следующая страница заменяет боковую панель по умолчанию ссылкой на домашнюю страницу и группой ссылок на различные созвездия.
119
-
Текущая страница на боковой панели устанавливается с помощью свойства `isCurrent`, а к элементу ссылки добавлен дополнительный значок (`badge`).
118
+
Например, следующая страница переопределяет стандартную боковую панель со ссылкой на главную страницу и группой ссылок на другие пользовательские страницы.
@@ -49,19 +49,73 @@ import SidebarPreview from '~/components/sidebar-preview.astro';
49
49
50
50
## Добавление ссылок и групп ссылок
51
51
52
-
Чтобы настроить свои [ссылки](#ссылки) и [группы ссылок](#группы)(внутри сворачиваемого заголовка) в боковой панели, используйте свойство [`starlight.sidebar`](/ru/reference/configuration/#sidebar) в `astro.config.mjs`.
52
+
Чтобы настроить ссылки и группы ссылок на боковой панели (внутри сворачиваемого заголовка), используйте свойство [`starlight.sidebar`](/ru/reference/configuration/#sidebar) в `astro.config.mjs`.
53
53
54
54
Комбинируя ссылки и группы, вы можете создавать разнообразные макеты боковой панели.
55
55
56
-
### Ссылки
56
+
### Внутренние ссылки
57
57
58
-
Добавьте ссылку на внутреннюю или внешнюю страницу, используя объект со свойствами `label` и `link`.
58
+
Добавьте ссылку на страницу в `src/content/docs/`, используя объект со свойством `slug`.
59
+
Заголовок связанной страницы будет использоваться в качестве метки по умолчанию.
60
+
61
+
Например, со следующей конфигурацией:
62
+
63
+
```js "slug:"
64
+
starlight({
65
+
sidebar: [
66
+
{ slug:'constellations/andromeda' },
67
+
{ slug:'constellations/orion' },
68
+
],
69
+
});
70
+
```
71
+
72
+
И следующей файловой структурой:
73
+
74
+
<FileTree>
75
+
76
+
- src/
77
+
- content/
78
+
- docs/
79
+
- constellations/
80
+
- andromeda.md
81
+
- orion.md
82
+
83
+
</FileTree>
84
+
85
+
Будет создана следующая боковая панель:
86
+
87
+
<SidebarPreview
88
+
config={[
89
+
{ label: 'Андромеда', link: '' },
90
+
{ label: 'Орион', link: '' },
91
+
]}
92
+
/>
93
+
94
+
Чтобы переопределить значения, полученные из метаданных связанной страницы, вы можете добавить свойства `label`, [`translations`](#интернационализация) и [`attrs`](#пол��зовательские-html-атрибуты).
95
+
96
+
См. [Настройка сгенерированных ссылок](#настройка-сгенерированных-ссылок-через-метаданные) для получения более подробной информации об управлении внешним видом боковой панели из метаданных страницы.
97
+
98
+
#### Сокращенное обозначение внутренних ссылок
99
+
100
+
Внутренние ссылки также можно определить, указав только строку для обозначения страницы в качестве сокращения.
101
+
102
+
Например, следующая конфигурация эквивалентна конфигурации выше, в которой используется `slug`:
####Настройка сгенерированных ссылок через метаданные
243
+
## Настройка сгенерированных ссылок через метаданные
190
244
191
245
Используйте [поле `sidebar`](/ru/reference/frontmatter/#sidebar) в метаданных страниц для настройки автоматически генерируемых ссылок.
192
246
@@ -228,23 +282,22 @@ sidebar:
228
282
/>
229
283
230
284
:::note
231
-
Конфигурация`sidebar` в метаданных используется только для автоматически генерируемых ссылок и будет проигнорирована для вручную определённых ссылок.
285
+
Параметр`sidebar` в метаданных используется только для ссылок в автогенерируемых группах и ссылок на документы, заданных с помощью свойства `slug`. Он не применяется к ссылкам, заданным с помощью свойств�� `link`.
232
286
:::
233
287
234
288
## Значки
235
289
236
290
Ссылки также могут включать свойство `badge` для отображения значка рядом с текстом ссылки.
237
291
238
-
```js {10,17}
292
+
```js {9,16}
239
293
starlight({
240
294
sidebar: [
241
295
{
242
296
label:'Звёзды',
243
297
items: [
244
298
// Ссылка со значком «Сверхгигант».
245
299
{
246
-
label:'Персей',
247
-
link:'/stars/persei/',
300
+
slug:'stars/persei',
248
301
badge:'Сверхгигант',
249
302
},
250
303
],
@@ -303,16 +356,15 @@ starlight({
303
356
304
357
Кроме того, можно создать собственный стиль значка, задав свойству `class` имя класса CSS.
305
358
306
-
```js {10}
359
+
```js {9}
307
360
starlight({
308
361
sidebar: [
309
362
{
310
363
label:'Звёзды',
311
364
items: [
312
365
// Ссылка с жёлтым значком «Заглушка»
313
366
{
314
-
label:'Сириус',
315
-
link:'/stars/sirius/',
367
+
slug:'stars/sirius',
316
368
badge: { text:'Заглушка', variant:'caution' },
317
369
},
318
370
],
@@ -401,14 +453,14 @@ starlight({
401
453
translations: {
402
454
'pt-BR':'Andrômeda',
403
455
},
404
-
link:'/constellations/andromeda/',
456
+
slug:'constellations/andromeda',
405
457
},
406
458
{
407
459
label:'Скорпион',
408
460
translations: {
409
461
'pt-BR':'Escorpião',
410
462
},
411
-
link:'/constellations/scorpius/',
463
+
slug:'constellations/scorpius',
412
464
},
413
465
],
414
466
},
@@ -430,6 +482,44 @@ starlight({
430
482
]}
431
483
/>
432
484
485
+
### Интернационализация с внутренними ссылками
486
+
487
+
[Внутренние ссылки](#внутренние-ссылки) по умолчанию будут автоматически использовать переведённые заголовки страниц из метаданных контента:
488
+
489
+
```js {9-10}
490
+
starlight({
491
+
sidebar: [
492
+
{
493
+
label:'Созвездия',
494
+
translations: {
495
+
'pt-BR':'Constelações',
496
+
},
497
+
items: [
498
+
{ slug:'constellations/andromeda' },
499
+
{ slug:'constellations/scorpius' },
500
+
],
501
+
},
502
+
],
503
+
});
504
+
```
505
+
506
+
При просмотре документации на бразильском португальском языке появится следующая боковая панель:
507
+
508
+
<SidebarPreview
509
+
config={[
510
+
{
511
+
label: 'Constelações',
512
+
items: [
513
+
{ label: 'Andrômeda', link: '' },
514
+
{ label: 'Escorpião', link: '' },
515
+
],
516
+
},
517
+
]}
518
+
/>
519
+
520
+
На многоязычных сайтах значение `slug` не включает языковую часть URL.
521
+
Например, если у вас есть страницы `en/intro` и `pt-br/intro`, при настройке боковой панели в качестве slug будет `intro`.
522
+
433
523
## Сворачиваемые группы
434
524
435
525
Группы ссылок могут быть свёрнуты по умолчанию, если установить свойство `collapsed` в `true`.
0 commit comments