Coder Social home page Coder Social logo

utro-zhizni's Introduction

👀 Как Катя будет добавлять новый фильм?

  1. Открыть терминал (пункт в меню сверху) -> new terminal

1.1 ввести команду git pull --rebase

  1. Нам необходимо создать папку со всеми данными для фильма. В терминале необходимо выполнить следующую команду
./create-film.sh Название фильма без пробелов на английком
  1. Создастся папка с "пустыми" данными по пути src/content/films/Название

  2. Сущность "Фильм" состоит из 3 частей:

  • картинка (вертикальная) preview.jpg (тебе необходимо заменить на нужную картинку, но имя должно быть такое же - "preview.jpg")
  • видео (короткое превью, которое отобразится при наведении) video.mov (тебе необходимо заменить на нужное видео, но имя должно быть такое же - "video.mov"). Не делай видео слишком длинным, чтобы оно грузилось быстрее - 5сек достаточно
  • описание в виде md файла (мы разговаривали с тобой про md редакторы) Название.md
  1. Когда ты заменила preview.jpg и video.mov, открывай файл c расширением md
  2. Замени youtubeVideoId на нужное видео, которое ты загрузила на youtube
  3. Поменяй описание в md файле как хочешь (все что ниже ---) - этот текст отобразиться на странице фильма
  4. Чтобы проверить, как все работает выполни в терминале - запуститься локальный сайт
pnpm dev
  1. Открывай по ссылке http://localhost:4321/ и смотри, что все ок (На твой сайт пока это никак не вляет)

  2. Если локально все супер, то нам нужно загрузить изменения в github

  3. Для этого в Vscode, слева в меню выбери пункт, где горят изменения (source control)

  4. В нем увидишь список всех файлов, которые ты изменила (должно быть 3)

  5. Нам надо загрузить(push) эти изменения на сервер

  6. В поле message введи сообщение о том, какие изменения ты внесла (можно название фильма)

  7. Нажми плюс рядом с каждым из файлов, чтобы они попали в "Staged changes"

  8. Нажми "Commit"

  9. Нажми "Sync changes" - это отправит твои изменения на github

  10. Перейди по ссылка https://github.com/dfyz011/utro-zhizni/actions и проверь, что последнее изменение зеленое!

  11. Если что-то не так - напиши Ване

  12. Любуйся на https://utrozhizni.ru/

utro-zhizni's People

Contributors

dfyz011 avatar utrozhizni avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.