Markdown patarimai
Antraštės
# h1 antraštė
## h2 antraštė
### h3 antraštė
#### h4 antraštė
##### h5 antraštė
###### h6 antraštė
Pavyzdys
h1 antraštė
h2 antraštė
h3 antraštė
h4 antraštė
h5 antraštė
h6 antraštė
Horizontali linija
---
Pavyzdys
Pabrėžimas
**Paryškintas tekstas**
_Pasviręs tekstas_
~~Nubrauktas tekstas~~
Pavyzdys
Paryškintas tekstas
Pasviręs tekstas
Nubrauktas tekstas
Citatos
> Citatos gali būti
>
> > Kelių lygių
Pavyzdys
Citatos gali būti
Kelių lygių
Sąrašai
Nenumeruoti
- Sąrašai
- gali būti
- kelių lygių
- antras lygis
Pavyzdys
- Sąrašai
- gali būti
- kelių lygių
- antras lygis
- gali būti
Numeruoti
1. Nesvarbu kokiu
1. skaičiumi pradedama
1. sąrašo eilutė
Pavyzdys
- Nesvarbu kokiu
- skaičiumi pradedama
- sąrašo eilutė
Pranešimų konteineriai
::: tip
Čia yra patarimas
:::
::: warning
Čia yra įspėjimas
:::
::: danger
Čia yra įspėjimas apie pavojų
:::
Pavyzdys
PATARIMAS
Čia yra patarimas
ĮSPĖJIMAS
Čia yra įspėjimas
PAVOJUS
Čia yra įspėjimas apie pavojų
Galima keisti pranešimo pavadinimą:
::: danger STOP
Pavojus, toliau neikite
:::
Pavyzdys
STOP
Pavojus, toliau neikite
Nuorodos
[Išorinė nuoroda](https://google.com)
[Nuoroda su pavadinimu](https://google.com 'Pavadinimas')
[Vidinė nuoroda](/lt/)
[Vidinė nuoroda į bloką](/lt/contribute/)
[Vidinė nuoroda į skyrių](/lt/contribute/markdown-tips.md)
[Vidinė nuoroda į sekciją](/lt/contribute/markdown-tips.md#pranesimu-konteineriai)
Pavyzdys
ĮSPĖJIMAS
Neužmirškite vidinių nuorodų užbaigti su /
, kitaip atsidursite 404 puslapyje.
Paveiksliukai
![Alt tekstas](/icons/android-chrome-192x192.png 'Pavadinimas')
Pavyzdys
Kodas
Įterptas tekste
Kodas `toje pačioje` eilutėje
Pavyzdys
Kodas toje pačioje
eilutėje
Atskirame bloke
```js
var foo = function (bar) {
return bar++;
};
```
Pavyzdys
var foo = function (bar) {
return bar++;
};
Kodo blokuose galima paryškinti linijas:
```js{2,3}
const foo = bar => {
bar++;
console.log(bar);
};
```
Pavyzdys
const foo = bar => {
bar++;
console.log(bar);
};
Emoji 🎉
:tada: :radio:
Pavyzdys
🎉 📻
Vue komponentai
Šio projekto markdown
failuose galima naudoti Vue komponentus
.vuepress/components/DoubleNumber.vue
<template>
<div class="doubler">
<h3>{{ number }}</h3>
<button @click="double">Double</button>
</div>
</template>
<script>
export default {
data() {
return {
number: 1,
};
},
methods: {
double() {
this.number = this.number * 2;
},
},
};
</script>
<style scoped>
.doubler {
text-align: center;
}
button {
color: #fff;
font-size: 1.2rem;
background-color: var(--c-brand);
padding: 1.5rem;
border: none;
}
</style>
<!-- *.md -->
<DoubleNumber />
Pavyzdys
1
Lentelės
| Lentelės | yra | jėga |
| --------------- | :------------------: | ----: |
| 3 stulpelis yra | sulygiuotas dešiniau | €1600 |
| 2 stulpelis yra | centruotas | €12 |
Pavyzdys
Lentelės | yra | jėga |
---|---|---|
3 stulpelis yra | sulygiuotas dešiniau | €1600 |
2 stulpelis yra | centruotas | €12 |