IS-32_appRECORD-LinnykKatya-FIOT-2026

Labs Markdown Template (SvelteKit)

Шаблон для оформлення лабораторних / практичних робіт у Markdown з автоматичним меню (Зміст) та навігацією по роботах.


1. Швидкий старт

pnpm i
pnpm svelte-kit sync
pnpm dev --open

2. ВАЖЛИВО: Назва репозиторію (GitHub Pages)

Якщо ви плануєте публікацію на GitHub Pages, назва репозиторію має значення.

Рекомендується називати репозиторій за шаблоном:

Ix-xx_appRECORD-LastnameFirstname-FIOT-202x

Наприклад:

IO-35_appRECORD-StepanovOleksandr-FIOT-2026

або будь-яким іншим форматом, який вимагає викладач.

Після перейменування репозиторію ОБОВʼЯЗКОВО змініть base-path

Відкрийте файл:

base-path.js

Знайдіть рядок:

export const BASE_PATH =
  process.env.BASE_PATH ??
  (process.env.NODE_ENV === "production" ? "/Labs-Markdown-Template" : "");

І замініть:

"/Labs-Markdown-Template"

на:

"/ВАША-НАЗВА-РЕПОЗИТОРІЮ"

Наприклад:

export const BASE_PATH =
  process.env.BASE_PATH ??
  (process.env.NODE_ENV === "production" ? "/IO-35_appRECORD-StepanovOleksandr-FIOT-2025" : "");

Назва повинна повністю збігатися з назвою репозиторію на GitHub.

Інакше:


3. Налаштування студента

Відкрийте:

content/site.config.json

Заповніть:

Slug у labs повинен збігатися з назвою markdown-файлу.


4. Додавання лабораторної

Створіть файл:

content/labs/lab-1.md

Slug у конфігу:

{
  "slug": "lab-1"
}

5. Структура markdown-файлу

Орієнтуйтесь на готовий приклад у репозиторії:

У цьому файлі показано рекомендовану структуру розділів, заголовків, блоків коду та вставки скріншотів.

Також можна переглянути приклади повністю оформлених лабораторних робіт у гілці:

У цій гілці містяться завершені приклади (lab-1 — lab-6), які можна використовувати як зразок структури та оформлення.

Рекомендується дотримуватись наведеної структури для коректної роботи меню та навігації по роботах.

Мінімальна рекомендована структура


6. Додавання зображень

Складати зображення сюди:

static/assets/labs/lab-1/

Вставляти у Markdown:

![Скрін 1](/assets/labs/lab-1/screen-1.png)

7. Деплой на GitHub Pages

  1. Увімкніть GitHub Actions у Settings → Pages
  2. Source → GitHub Actions
  3. Пуш у main автоматично задеплоїть сайт

8. Типові помилки


Проєкт є звичайним SvelteKit-проєктом і може бути розгорнутий як статичний сайт.