Skip to content

Latest commit

 

History

History
122 lines (90 loc) · 5.47 KB

README_RU.md

File metadata and controls

122 lines (90 loc) · 5.47 KB

PersonalSpace EN Ссылка на сайт

Самый лучший и минималистичный способ описать себя

Превью проекта

Содержание

Установка

Чтобы использовать этот проект, следуйте этим шагам:

  1. Клонируйте репозиторий: Убедитесь, что Git установлен на вашей системе.

    git clone https://github.com/GogaNotClown/PersonalSpace.git
cd PersonalSpace

  2. Скачивание пакетов NPM: Убедитесь, что Node.js установлен на вашей системе.

    npm install

  3. Запуск проекта: Эта команда запустит процесс сборки. Полная команда находится в package.json.

    npm run dev

Конфигурация

Файл tailwind.config.js критически важен для настройки внешнего вида и поведения вашего проекта с использованием TailwindCSS и DaisyUI. Этот файл позволяет вам определять пользовательские стили, расширять существующие и настраивать плагины.

Настройка тем

В разделе темы вы можете расширить стандартную тему TailwindCSS, чтобы включить пользовательские шрифты или цвета, которые не входят в стандартную конфигурацию. Например, чтобы добавить пользовательский шрифт под названием 'Google Sans', вы можете сделать следующее:

theme: {
    extend: {
        fontFamily: {
            custom: ['Google Sans', 'sans-serif']
        }
    }
}

Этот фрагмент кода добавляет 'Google Sans' как пользовательский шрифт, который вы затем можете использовать по всему проекту, применяя класс font-custom. Пользовательские шрифты находятся в директории src/fonts.

Темы DaisyUI

DaisyUI предоставляет набор предварительно стилизованных тем, которые вы можете использовать для быстрой смены внешнего вида вашего проекта. В разделе daisyui вы можете указать, какие темы вы хотите использовать. Например:

daisyui: {
    themes: [
        "winter",
        "luxury",
    ]
}

Эта конфигурация включает темы 'winter' и 'luxury'. Вы можете переключаться между темами, применяя соответствующий класс к элементам HTML, например, theme-winter или theme-luxury. Больше тем здесь.

Добавление плагинов

Раздел plugins - это место, где вы можете добавить любые плагины для TailwindCSS, которые вы хотите использовать в вашем проекте. Например, чтобы использовать DaisyUI, то нужно его включить так:

plugins: [
    require("daisyui")
]

Этот фрагмент кода включает DaisyUI, позволяя вам использовать его предварительно стилизованные компоненты в вашем проекте.

Конфигурация контента

Свойство content используется TailwindCSS для удаления неиспользуемых стилей в продакшн-сборках. Оно должно включать пути ко всем HTML и JavaScript-файлам вашего проекта, чтобы TailwindCSS мог точно определить, какие стили используются. Например:

content: [
    "./src/**/*.{html,js}",
    "./node_modules/daisyui/**/*.js"
]

Эта конфигурация говорит TailwindCSS сканировать все файлы .html и .js в директории src и любые JavaScript-файлы внутри директории node_modules/daisyui.

Настраивая файл tailwind.config.js, вы можете адаптировать внешний вид и поведение вашего проекта под свои конкретные потребности, облегчая создание уникального и персонализированного пользовательского опыта.

Используемые технологии

Статус проекта

Завершён