Skip to content

Commit

Permalink
Локализация content/7.blog/16.new-website.md (#70)
Browse files Browse the repository at this point in the history 
* feat(blog): translate content/7.blog/16.new-website.md

Signed-off-by: Evgeniy Gromin <[email protected]>

* Fix content/7.blog/16.new-website.md

Co-authored-by: alexeyvokin <[email protected]>

* Fix content/7.blog/16.new-website.md

Co-authored-by: Alex Peshkov <[email protected]>

* Fix content/7.blog/16.new-website.md

Co-authored-by: Alex Peshkov <[email protected]>

---------

Signed-off-by: Evgeniy Gromin <[email protected]>
Co-authored-by: alexeyvokin <[email protected]>
Co-authored-by: Alex Peshkov <[email protected]>
  • Loading branch information
@JonikUl @alexeyvokin @mnenie
3 people authored Aug 11, 2024
1 parent 3e35702 commit c0ffe69
Showing 1 changed file with 47 additions and 47 deletions.
94 changes: 47 additions & 47 deletions content/7.blog/16.new-website.md
View file
Original file line number Diff line number Diff line change
@@ -1,33 +1,33 @@
---
title: "A New Website"
description: "We are thrilled to release the new nuxt.com, powered by Nuxt UI and now open source."
title: "Новый сайт"
description: "Мы рады представить новый nuxt.com, работающий на базе Nuxt UI и теперь имеющий открытый исходный код."
navigation: false
image: /assets/blog/new-website.png
authors:
- name: Себастьян Шопен
avatarUrl: https://ipx.nuxt.com/f_auto/gh_avatar/atinux
link: https://twitter.com/Atinux
- name: Benjamin Canac
- name: Бенджамин Канак
avatarUrl: https://ipx.nuxt.com/f_auto/gh_avatar/benjamincanac
link: https://twitter.com/benjamincanac
twitter: benjamincanac
date: 2023-10-18
category: Анонс
---

Nuxt.com is the main entry point when you want to learn Nuxt. With **more than 300k visitors every month**, it was time to give it a new look and feel.
Nuxt.com — это главная отправная точка для знакомства с Nuxt. С **более чем 300 тысячами посетителей в месяц**, пришло время придать ему новый облик.

## New Design
## Новый дизайн

We are back to the original colors of Nuxt, with a navy background (`#020420`) and its signature shiny green (`#00DC82`).
Мы вернулись к оригинальным цветам Nuxt: темно-синему фону (`#020420`) и его фирменному блестящему зеленому цвету (`#00DC82`).

:nuxt-img{src="/assets/blog/website/nuxt-website.png" alt="Nuxt Website Screenshot" width="832" height="497" class="rounded-lg border border-gray-700"}
:nuxt-img{src="/assets/blog/website/nuxt-website.png" alt="Скриншот сайта Nuxt" width="832" height="497" class="rounded-lg border border-gray-700"}

::read-more{to="/design-kit" icon="i-ph-palette-duotone"}
Discover the **Nuxt Design Kit** as well as our **Logo History**.
Ознакомьтесь с **Nuxt Design Kit**, а также с историей нашего логотипа.
::

We wanted to achieve a consistent design across all our official documentations:
Мы хотели добиться единого дизайна во всей нашей официальной документации:

::div{class="grid sm:grid-cols-2 gap-4"}
::nuxt-link{to="https://image.nuxt.com" target="_blank" class="hover:border-transparent"}
Expand All @@ -44,102 +44,102 @@ We wanted to achieve a consistent design across all our official documentations:
::
::

We really love this new design and hope you do too. **This is only the first step toward many improvements coming to the website.**
Нам очень нравится этот новый дизайн, и мы надеемся, что вам он тоже понравится. **Это только первый шаг на пути ко многим улучшениям, которые ожидаются на сайте.**

## Improved Navigation
## Улучшенная навигация

From now on, you can easily jump between the five main documentation categories:
Отныне вы можете легко переключаться между пятью основными категориями документации:

::video{poster="https://res.cloudinary.com/nuxt/video/upload/v1697548111/nuxt3/nuxt-website-docs-nav.jpg" controls class="rounded dark:border dark:border-gray-700"}
:source{src="https://res.cloudinary.com/nuxt/video/upload/v1697548111/nuxt3/nuxt-website-docs-nav.webm" type="video/webm"}
:source{src="https://res.cloudinary.com/nuxt/video/upload/v1697548111/nuxt3/nuxt-website-docs-nav.mp4" type="video/mp4"}
:source{src="https://res.cloudinary.com/nuxt/video/upload/v1697548111/nuxt3/nuxt-website-docs-nav.ogg" type="video/ogg"}
::

On the right side, you can see the table of contents as well as community shortcuts: Edit this page, Chat on Discord, etc.
Справа вы можете увидеть оглавление, а также быстрые действия сообщества: «Изменить эту страницу», «Чат в Discord» и т.д.

::video{poster="https://res.cloudinary.com/nuxt/video/upload/v1697549697/nuxt3/nuxt-website-docs-aside.jpg" controls class="rounded dark:border dark:border-gray-700"}
:source{src="https://res.cloudinary.com/nuxt/video/upload/v1697549697/nuxt3/nuxt-website-docs-aside.webm" type="video/webm"}
:source{src="https://res.cloudinary.com/nuxt/video/upload/v1697549697/nuxt3/nuxt-website-docs-aside.mp4" type="video/mp4"}
:source{src="https://res.cloudinary.com/nuxt/video/upload/v1697549697/nuxt3/nuxt-website-docs-aside.ogg" type="video/ogg"}
::

## Source Code Buttons
## Кнопки исходного кода

When looking at Nuxt built-in [components](/docs/api/components), [composables](/docs/api/composables), [utils](/docs/api/utils), [commands](/docs/api/commands) and [kit utilities](/docs/api/kit), you can now jump to the source code by clicking on the :u-button{size="xs" color="gray" icon="i-simple-icons-github"}[Source] button.
При просмотре встроенных в Nuxt [компонентов](/docs/api/components), [композаблов](/docs/api/composables), [утилит](/docs/api/utils), [команд](/docs/api/commands) и [утилит Nuxt Kit](/docs/api/kit) теперь можно перейти к исходному коду, нажав кнопку :u-button{size="xs" color="gray" icon="i-simple-icons-github"}[Исходники].

:nuxt-img{src="/assets/blog/website/nuxt-website-source-button.png" alt="Nuxt Source Code Button" width="818" height="343" class="border rounded border-gray-700"}
:nuxt-img{src="/assets/blog/website/nuxt-website-source-button.png" alt="Кнопка исходного кода Nuxt" width="818" height="343" class="border rounded border-gray-700"}

::read-more{to="/docs/api/components/nuxt-link"}
Checkout an example on `<NuxtLink>` documentation page.
Ознакомьтесь с примером на странице документации `<NuxtLink>`.
::

## Improved Search Feature
## Улучшенная функция поиска

You may notice a new modal when hitting :kbd[CMD+K]. We leverage the Nuxt UI [`<CommandPalette>`](https://ui.nuxt.com/navigation/command-palette) components combined with Nuxt Content data (search & navigation) to provide a better search experience.
Вы можете заметить новое модальное окно при нажатии :kbd[CMD+K]. Мы используем компоненты Nuxt UI [`<CommandPalette>`](https://ui.nuxt.com/navigation/command-palette) в сочетании с данными Nuxt Content (поиск и навигация), чтобы обеспечить лучший опыт поиска.

With the command palette, you can:
С помощью палитры команд вы можете:

- Jump to a page
- Search in the documentation
- Search a module
- Switch the color mode
- Перейти на страницу
- Искать в документации
- Искать в модуле
- Переключить цветовой режим

We plan to add more commands soon.
Вскоре мы планируем добавить больше команд.

::video{poster="https://res.cloudinary.com/nuxt/video/upload/v1697550571/nuxt3/nuxt-website-search.jpg" controls class="rounded dark:border dark:border-gray-700"}
:source{src="https://res.cloudinary.com/nuxt/video/upload/v1697550571/nuxt3/nuxt-website-search.webm" type="video/webm"}
:source{src="https://res.cloudinary.com/nuxt/video/upload/v1697550571/nuxt3/nuxt-website-search.mp4" type="video/mp4"}
:source{src="https://res.cloudinary.com/nuxt/video/upload/v1697550571/nuxt3/nuxt-website-search.ogg" type="video/ogg"}
::

## Migration to Nuxt UI
## Миграция на Nuxt UI

The new website is powered by [Nuxt UI](https://ui.nuxt.com), our UI library tailored made for Nuxt and built on top of [Tailwind CSS](https://tailwindcss.com) & [Headless UI](https://headlessui.com/).
Новый веб-сайт работает на основе [Nuxt UI](https://ui.nuxt.com), нашей библиотеки пользовательского интерфейса, специально разработанной для Nuxt и созданной на основе [Tailwind CSS](https://tailwindcss.com) и [Headless UI](https://headlessui.com/).

The website also uses [Nuxt UI Pro](https://ui.nuxt.com/pro), a set of premium components built on top of Nuxt UI to create beautiful & responsive Nuxt applications in minutes.
На сайте также используется [Nuxt UI Pro](https://ui.nuxt.com/pro) — набор премиум-компонентов, созданных на основе Nuxt UI для создания красивых и адаптивных приложений Nuxt за считанные минуты.

It includes components such as `<UHeader>`, `<UFooter>`, `<ULandingHero>`, `<ULandingCard>` and more.
Он включает в себя такие компоненты, как `<UHeader>`, `<UFooter>`, `<ULandingHero>`, `<ULandingCard>` и другие.

::note
We plan to launch the full documentation of Nuxt UI Pro at the end of October. If you cannot wait and want early access, you can already [purchase a license](https://ui.nuxt.com/pro/purchase) now and get access to our private repository on GitHub.
Мы планируем запустить полную документацию Nuxt UI Pro в конце октября. Если вы не можете ждать и хотите получить ранний доступ, вы можете уже сейчас [приобрести лицензию](https://ui.nuxt.com/pro/purchase) и получить доступ к нашему закрытому репозиторию на GitHub.
::

This [migration](https://github.com/nuxt/nuxt.com/pull/1365) was a great opportunity to improve Nuxt UI & UI Pro and fix some bugs, as well as a difference of [+9,004]{.text-green-500} / [-23,113]{.text-red-500} lines of code changed.
Эта [миграция](https://github.com/nuxt/nuxt.com/pull/1365) стала прекрасной возможностью улучшить Nuxt UI и UI Pro и исправить некоторые ошибки, а также внести изменения в [+9,004]{.text-green-500} / [-23,113]{.text-red-500} строк кода.

::read-more{to="https://ui.nuxt.com" icon="i-simple-icons-nuxtdotjs" target="_blank"}
Read more about **Nuxt UI**.
Узнайте больше о **Nuxt UI**.
::

## Open Graph Images
## Изображения Open Graph

We are big fans of having a custom image when we share a link on social media. That's why we have added OG images on all our documentation pages.
Мы большие поклонники использования собственного изображения, когда мы делимся ссылкой в ​​социальных сетях. Вот почему мы добавили og:image на все страницы документации.

Example of the [Installation page](/docs/getting-started/installation):
Пример [Страницы установки](/docs/getting-started/installation):

:img{src="/__og-image__/image/docs/getting-started/introduction/og.png" alt="Nuxt OG Image" width="1200" height="630" class="border rounded border-gray-700"}

::read-more{to="https://nuxtseo.com/og-image/getting-started/installation" target="_blank"}
Discover the **Nuxt OG Image** module.
Откройте для себя модуль **Nuxt OG Image**.
::

## Available on GitHub
## Доступно на GitHub

We are proud to announce that the website is **now open source** and available on GitHub.
Мы с гордостью сообщаем, что сайт **теперь имеет открытый исходный код** и доступен на GitHub.

::read-more{to="https://github.com/nuxt/nuxt.com" icon="i-simple-icons-github" color="gray" target="_blank"}
Check out `nuxt/nuxt.com` on GitHub.
Посетите `nuxt/nuxt.com` на GitHub.
::

## What's next?
## Что дальше?

This new website is the beginning of upcoming changes we are planing, some of them are:
Этот новый веб-сайт — начало будущих изменений, которые мы планируем, вот некоторые из них:

- Team & Contributors pages
- Integrations page to showcase all the possibilities with Nuxt: Hosting, CMS, Database, etc.
- Templates page (currently [nuxt.new](https://nuxt.new)) to list official and community starters
- And more...
- Страницы команды и участников
- Страница интеграций для демонстрации всех возможностей Nuxt: хостинг, CMS, база данных и т. д.
- Страница шаблонов (в настоящее время [nuxt.new](https://nuxt.new)) со списком официальных стартеров и стартеров сообщества
- И многое другое...

**We are looking forward to your feedback on [Twitter](https://twitter.com/nuxt_js), [Discord](https://discord.com/invite/nuxt) or [GitHub](https://github.com/nuxt/nuxt.com)**.
**Мы с нетерпением ждем ваших отзывов в [Twitter](https://twitter.com/nuxt_js), [Discord](https://discord.com/invite/nuxt) или [GitHub](https://github.com/nuxt/nuxt.com)**.

Thank you for reading this blog post, and happy Nuxting 🤟
Спасибо, что прочитали этот пост и счастливого Накстинга 🤟

0 comments on commit c0ffe69

Please sign in to comment.