Προσαρμογές

Το Slidev είναι πλήρως προσαρμόσιμο, από το style έως τις ρυθμίσεις των εργαλείων. Σας επιτρέπει να ρυθμίσετε τα εσωτερικά εργαλεία (Vite, UnoCSS, Monaco, κτλ.)

Ρυθμίσεις Frontmatter

Μπορείτε να ρυθμίσετε το Slidev στο frontmatter της πρώτης σας διαφάνειας, τα παρακάτω δείχνουν την προεπιλεγμένη τιμή για κάθε επιλογή.

---
# id ή όνομα πακέτου θέματος
# Μάθετε περισσότερα: https://el.sli.dev/themes/use.html
theme: default
# τίτλος της διαφάνειάς σας, αν δεν καθοριστεί θα προκύψει αυτόματα από την πρώτη επικεφαλίδα
title: Slidev
# titleTemplate της ιστοσελίδας, `%s` θα αντικατασταθεί από τον τίτλο της σελίδας
titleTemplate: '%s - Slidev'
# πληροφορίες για τις διαφάνειές σας, μπορεί να είναι μια συμβολοσειρά markdown.
info: false
# πεδίο δημιουργού για το εξαγόμενο PDF ή PPTX
author: Το όνομα σου
# πεδίο λέξεων-κλειδιών για το εξαγόμενο PDF, χωρισμένο με κόμμα.
keywords: keyword1,keyword2

# ενεργοποιήστε τη λειτουργία παρουσιαστή, μπορεί να είναι boolean, 'dev' ή 'build'
presenter: true
# ενεργοποιήστε τη λήψη pdf στην κατασκευή SPA, μπορεί επίσης να είναι ένα προσαρμοσμένο url
download: false
# όνομα αρχείου του αρχείου εξαγωγής
exportFilename: slidev-exported
# επιλογές εξαγωγής
# χρησιμοποιήστε τις επιλογές εξαγωγής CLI σε μορφή camelCase
# Μάθετε περισσότερα: https://el.sli.dev/guide/exporting.html
export:
  format: pdf
  timeout: 30000
  dark: false
  withClicks: false
  withToc: false
# επισημαντής σύνταξης, μπορεί να είναι 'prism' ή 'shiki'
highlighter: shiki
# εμφάνιση αριθμών γραμμών σε blocks
lineNumbers: false
# ενεργοποίηση του επεξεργαστή monaco, μπορεί να είναι boolean, 'dev' ή 'build'
monaco: true
# Από πού θα φορτώνονται οι τύποι monaco, μπορεί να είναι 'cdn', 'local' ή 'none'
monacoTypesSource: local
# καθορίσετε ρητά επιπλέον local packages για την εισαγωγή των τύπων για
monacoTypesAdditionalPackages: []
# καθορίσετε ρητά επιπλέον local modules ως dependency του monaco runnable
monacoRunAdditionalDeps: []
# λήψη απομακρυσμένων assets τοπικά χρησιμοποιώντας το vite-plugin-remote-assets, μπορεί να είναι boolean, 'dev' ή 'build'
remoteAssets: false
# ελέγχει αν τα κείμενα στις διαφάνειες είναι επιλέξιμα
selectable: true
# ενεργοποίηση της εγγραφής διαφανειών, μπορεί να είναι boolean, 'dev' ή 'build'
record: dev
# ενεργοποίηση του context menu του Slidev, μπορεί να είναι boolean, 'dev' ή 'build'
contextMenu: true
# ενεργοποίηση του wake lock, μπορεί να είναι boolean, 'dev' ή 'build'
wakeLock: true

# αναγκάστε χρωματικό σχήμα για τις διαφάνειες, μπορεί να είναι 'auto', 'light', ή 'dark'
colorSchema: auto
# λειτουργία router για το vue-router, μπορεί να είναι "history" ή "hash"
routerMode: history
# αναλογία διαστάσεων για τις διαφάνειες
aspectRatio: 16/9
# πραγματικό πλάτος του καμβά, μονάδα σε px
canvasWidth: 980
# χρησιμοποιείται για την προσαρμογή του θέματος, θα εισάγει τα στυλ της ρίζας ως `--slidev-theme-x` για το χαρακτηριστικό `x`
themeConfig:
  primary: '#5d8392'

# favicon, μπορεί να είναι θέση τοπικού αρχείου ή διεύθυνση URL
favicon: 'https://cdn.jsdelivr.net/gh/slidevjs/slidev/assets/favicon.png'
# URL του διακομιστή PlantUML που χρησιμοποιείται για την απεικόνιση των διαγραμμάτων
plantUmlServer: 'https://www.plantuml.com/plantuml'
# οι γραμματοσειρές θα εισαχθούν αυτόματα από το Google fonts
# Μάθετε περισσότερα: https://el.sli.dev/custom/fonts
fonts:
  sans: Roboto
  serif: Roboto Slab
  mono: Fira Code

# προεπιλεγμένο frontmatter ισχύει για όλες τις διαφάνειες
defaults:
  layout: default
  # ...

# επιλογές σχεδίασης
# Μάθετε περισσότερα: https://el.sli.dev/guide/drawing.html
drawings:
  enabled: true
  persist: false
  presenterOnly: false
  syncAll: true

# HTML tag attributes
htmlAttrs:
  dir: ltr
  lang: en
---

Δείτε τους ορισμούς των τύπων για περισσότερες επιλογές.

Ρύθμιση ανά διαφάνεια

Επιπλέον, κάθε διαφάνεια δέχεται την ακόλουθη ρύθμιση στο μπλοκ Frontmatter:

• clicks (number): Προσαρμοσμένος αριθμός clicks (μάθετε περισσότερα εδώ).
• disabled (boolean): Απενεργοποιήστε και κρύψτε πλήρως τη διαφάνεια.
• hide (boolean): Το ίδιο με το disabled.
• hideInToc (boolean): Αποκρύψτε τη διαφάνεια για τα στοιχεία <Toc> (μάθετε περισσότερα εδώ).
• layout (string): Καθορίζει το στοιχείο διάταξης που εφαρμόζεται στη διαφάνεια (μάθετε περισσότερα εδώ και εδώ).
• level (number): Παρακάμψτε το επίπεδο τίτλου για τα στοιχεία <Title> και <Toc> (μόνο αν έχει δηλωθεί και το title, μάθετε περισσότερα εδώ).
• preload (boolean, προεπιλογή true): προφόρτωση της επόμενης διαφάνειας (μάθετε περισσότερα εδώ).
• routeAlias (string): δημιουργήστε ένα ψευδώνυμο route που μπορεί να χρησιμοποιηθεί στη διεύθυνση URL ή με το στοιχείο <Link> (μάθετε περισσότερα εδώ).
• src (string): Συμπεριλάβετε ένα αρχείο markdown (μάθετε περισσότερα εδώ).
• title (string): Παρακάμψτε τον τίτλο για τα στοιχεία <Title> και <Toc> (μάθετε περισσότερα εδώ).
• transition (string | TransitionProps): Ορίστε τη μετάβαση μεταξύ της διαφάνειας και της επόμενης (μάθετε περισσότερα εδώ).
• zoom (number): Προσαρμοσμένη κλίμακα ζουμ. Χρήσιμο για διαφάνειες με πολύ περιεχόμενο.
• dragPos (Record<string,string>): Χρησιμοποιούνται ως θέσεις draggable στοιχείων (μάθετε περισσότερα εδώ).

Δομή Φακέλου

Το Slidev χρησιμοποιεί συμβάσεις δομής φακέλου για την ελαχιστοποίηση της επιφάνειας ρύθμισης και κάνει τις επεκτάσεις ευέλικτες και διαισθητικές στη λειτουργικότητα.

Ανατρέξτε στην ενότητα Δομή Φακέλου.

Ρυθμίστε Εργαλεία

• Επισημαντήρες
• Ρυθμίστε Vue
• Ρυθμίστε Vite
• Ρυθμίστε UnoCSS
• Ρυθμίστε Monaco
• Ρυθμίστε KaTeX
• Ρυθμίστε Mermaid