test content commit

2020-03-23 15:17:21 +09:00
parent c68f040858
commit b9ce02faa5
25 changed files with 2461 additions and 1 deletions
--- a/content/docs/example/_index.md
+++ b/content/docs/example/_index.md
@ -0,0 +1,71 @@
+---
+weight: 1
+bookFlatSection: true
+title: "Example Site"
+---
+
+# Introduction
+
+## Ferre hinnitibus erat accipitrem dixi Troiae tollens
+
+Lorem markdownum, a quoque nutu est *quodcumque mandasset* veluti. Passim
+inportuna totidemque nympha fert; repetens pendent, poenarum guttura sed vacet
+non, mortali undas. Omnis pharetramque gramen portentificisque membris servatum
+novabis fallit de nubibus atque silvas mihi. **Dixit repetitaque Quid**; verrit
+longa; sententia [mandat](http://pastor-ad.io/questussilvas) quascumque nescio
+solebat [litore](http://lacrimas-ab.net/); noctes. *Hostem haerentem* circuit
+[plenaque tamen](http://www.sine.io/in).
+
+- Pedum ne indigenae finire invergens carpebat
+- Velit posses summoque
+- De fumos illa foret
+
+## Est simul fameque tauri qua ad
+
+Locum nullus nisi vomentes. Ab Persea sermone vela, miratur aratro; eandem
+Argolicas gener.
+
+## Me sol
+
+Nec dis certa fuit socer, Nonacria **dies** manet tacitaque sibi? Sucis est
+iactata Castrumque iudex, et iactato quoque terraeque es tandem et maternos
+vittis. Lumina litus bene poenamque animos callem ne tuas in leones illam dea
+cadunt genus, et pleno nunc in quod. Anumque crescentesque sanguinis
+[progenies](http://www.late.net/alimentavirides) nuribus rustica tinguet. Pater
+omnes liquido creditis noctem.
+
+    if (mirrored(icmp_dvd_pim, 3, smbMirroredHard) != lion(clickImportQueue,
+            viralItunesBalancing, bankruptcy_file_pptp)) {
+        file += ip_cybercrime_suffix;
+    }
+    if (runtimeSmartRom == netMarketingWord) {
+        virusBalancingWin *= scriptPromptBespoke + raster(post_drive,
+                windowsSli);
+        cd = address_hertz_trojan;
+        soap_ccd.pcbServerGigahertz(asp_hardware_isa, offlinePeopleware, nui);
+    } else {
+        megabyte.api = modem_flowchart - web + syntaxHalftoneAddress;
+    }
+    if (3 < mebibyteNetworkAnimated) {
+        pharming_regular_error *= jsp_ribbon + algorithm * recycleMediaKindle(
+                dvrSyntax, cdma);
+        adf_sla *= hoverCropDrive;
+        templateNtfs = -1 - vertical;
+    } else {
+        expressionCompressionVariable.bootMulti = white_eup_javascript(
+                table_suffix);
+        guidPpiPram.tracerouteLinux += rtfTerabyteQuicktime(1,
+                managementRosetta(webcamActivex), 740874);
+    }
+    var virusTweetSsl = nullGigo;
+
+## Trepident sitimque
+
+Sentiet et ferali errorem fessam, coercet superbus, Ascaniumque in pennis
+mediis; dolor? Vidit imi **Aeacon** perfida propositos adde, tua Somni Fluctibus
+errante lustrat non.
+
+Tamen inde, vos videt e flammis Scythica parantem rupisque pectora umbras. Haec
+ficta canistris repercusso simul ego aris Dixit! Esse Fama trepidare hunc
+crescendo vigor ululasse vertice *exspatiantur* celer tepidique petita aversata
+oculis iussa est me ferro.
--- a/content/docs/example/collapsed/3rd-level/4th-level.md
+++ b/content/docs/example/collapsed/3rd-level/4th-level.md
@ -0,0 +1,12 @@
+# 4th Level of Menu
+
+## Caesorum illa tu sentit micat vestes papyriferi
+
+Inde aderam facti; Theseus vis de tauri illa peream. Oculos **uberaque** non
+regisque vobis cursuque, opus venit quam vulnera. Et maiora necemque, lege modo;
+gestanda nitidi, vero? Dum ne pectoraque testantur.
+
+Venasque repulsa Samos qui, exspectatum eram animosque hinc, [aut
+manes](http://www.creveratnon.net/apricaaetheriis), Assyrii. Cupiens auctoribus
+pariter rubet, profana magni super nocens. Vos ius sibilat inpar turba visae
+iusto! Sedes ante dum superest **extrema**.
--- a/content/docs/example/collapsed/3rd-level/_index.md
+++ b/content/docs/example/collapsed/3rd-level/_index.md
@ -0,0 +1,26 @@
+# 3rd Level of Menu
+
+Nefas discordemque domino montes numen tum humili nexilibusque exit, Iove. Quae
+miror esse, scelerisque Melaneus viribus. Miseri laurus. Hoc est proposita me
+ante aliquid, aura inponere candidioribus quidque accendit bella, sumpta.
+Intravit quam erat figentem hunc, motus de fontes parvo tempestate.
+
+    iscsi_virus = pitch(json_in_on(eupViral),
+            northbridge_services_troubleshooting, personal(
+            firmware_rw.trash_rw_crm.device(interactive_gopher_personal,
+            software, -1), megabit, ergonomicsSoftware(cmyk_usb_panel,
+            mips_whitelist_duplex, cpa)));
+    if (5) {
+        managementNetwork += dma - boolean;
+        kilohertz_token = 2;
+        honeypot_affiliate_ergonomics = fiber;
+    }
+    mouseNorthbridge = byte(nybble_xmp_modem.horse_subnet(
+            analogThroughputService * graphicPoint, drop(daw_bit, dnsIntranet),
+            gateway_ospf), repository.domain_key.mouse(serverData(fileNetwork,
+            trim_duplex_file), cellTapeDirect, token_tooltip_mashup(
+            ripcordingMashup)));
+    module_it = honeypot_driver(client_cold_dvr(593902, ripping_frequency) +
+            coreLog.joystick(componentUdpLink), windows_expansion_touchscreen);
+    bashGigabit.external.reality(2, server_hardware_codec.flops.ebookSampling(
+            ciscNavigationBacklink, table + cleanDriver), indexProtocolIsp);
--- a/content/docs/example/collapsed/_index.md
+++ b/content/docs/example/collapsed/_index.md
@ -0,0 +1,23 @@
+---
+bookCollapseSection: true
+weight: 20
+---
+
+# Collapsed Level of Menu
+
+## Cognita laeva illo fracta
+
+Lorem markdownum pavent auras, surgit nunc cingentibus libet **Laomedonque que**
+est. Pastor [An](http://est.org/ire.aspx) arbor filia foedat, ne [fugit
+aliter](http://www.indiciumturbam.org/moramquid.php), per. Helicona illas et
+callida neptem est *Oresitrophos* caput, dentibus est venit. Tenet reddite
+[famuli](http://www.antro-et.net/) praesentem fortibus, quaeque vis foret si
+frondes *gelidos* gravidae circumtulit [inpulit armenta
+nativum](http://incurvasustulit.io/illi-virtute.html).
+
+1. Te at cruciabere vides rubentis manebo
+2. Maturuit in praetemptat ruborem ignara postquam habitasse
+3. Subitarum supplevit quoque fontesque venabula spretis modo
+4. Montis tot est mali quasque gravis
+5. Quinquennem domus arsit ipse
+6. Pellem turis pugnabant locavit
--- a/content/docs/example/hidden.md
+++ b/content/docs/example/hidden.md
@ -0,0 +1,52 @@
+---
+bookHidden: true
+---
+
+# This page is hidden in menu
+
+# Quondam non pater est dignior ille Eurotas
+
+## Latent te facies
+
+Lorem markdownum arma ignoscas vocavit quoque ille texit mandata mentis ultimus,
+frementes, qui in vel. Hippotades Peleus [pennas
+conscia](http://gratia.net/tot-qua.php) cuiquam Caeneus quas.
+
+- Pater demittere evincitque reddunt
+- Maxime adhuc pressit huc Danaas quid freta
+- Soror ego
+- Luctus linguam saxa ultroque prior Tatiumque inquit
+- Saepe liquitur subita superata dederat Anius sudor
+
+## Cum honorum Latona
+
+O fallor [in sustinui
+iussorum](http://www.spectataharundine.org/aquas-relinquit.html) equidem.
+Nymphae operi oris alii fronde parens dumque, in auro ait mox ingenti proxima
+iamdudum maius?
+
+    reality(burnDocking(apache_nanometer),
+            pad.property_data_programming.sectorBrowserPpga(dataMask, 37,
+            recycleRup));
+    intellectualVaporwareUser += -5 * 4;
+    traceroute_key_upnp /= lag_optical(android.smb(thyristorTftp));
+    surge_host_golden = mca_compact_device(dual_dpi_opengl, 33,
+            commerce_add_ppc);
+    if (lun_ipv) {
+        verticalExtranet(1, thumbnail_ttl, 3);
+        bar_graphics_jpeg(chipset - sector_xmp_beta);
+    }
+
+## Fronde cetera dextrae sequens pennis voce muneris
+
+Acta cretus diem restet utque; move integer, oscula non inspirat, noctisque
+scelus! Nantemque in suas vobis quamvis, et labori!
+
+    var runtimeDiskCompiler = home - array_ad_software;
+    if (internic > disk) {
+        emoticonLockCron += 37 + bps - 4;
+        wan_ansi_honeypot.cardGigaflops = artificialStorageCgi;
+        simplex -= downloadAccess;
+    }
+    var volumeHardeningAndroid = pixel + tftp + onProcessorUnmount;
+    sector(memory(firewire + interlaced, wired));
--- a/content/docs/example/table-of-contents/_index.md
+++ b/content/docs/example/table-of-contents/_index.md
@ -0,0 +1,85 @@
+---
+weight: 10
+---
+
+# Ubi loqui
+
+## Mentem genus facietque salire tempus bracchia
+
+Lorem markdownum partu paterno Achillem. Habent amne generosi aderant ad pellem
+nec erat sustinet merces columque haec et, dixit minus nutrit accipiam subibis
+subdidit. Temeraria servatum agros qui sed fulva facta. Primum ultima, dedit,
+suo quisque linguae medentes fixo: tum petis.
+
+## Rapit vocant si hunc siste adspice
+
+Ora precari Patraeque Neptunia, dixit Danae [Cithaeron
+armaque](http://mersis-an.org/litoristum) maxima in **nati Coniugis** templis
+fluidove. Effugit usus nec ingreditur agmen *ac manus* conlato. Nullis vagis
+nequiquam vultibus aliquos altera *suum venis* teneas fretum. Armos [remotis
+hoc](http://tutum.io/me) sine ferrea iuncta quam!
+
+## Locus fuit caecis
+
+Nefas discordemque domino montes numen tum humili nexilibusque exit, Iove. Quae
+miror esse, scelerisque Melaneus viribus. Miseri laurus. Hoc est proposita me
+ante aliquid, aura inponere candidioribus quidque accendit bella, sumpta.
+Intravit quam erat figentem hunc, motus de fontes parvo tempestate.
+
+    iscsi_virus = pitch(json_in_on(eupViral),
+            northbridge_services_troubleshooting, personal(
+            firmware_rw.trash_rw_crm.device(interactive_gopher_personal,
+            software, -1), megabit, ergonomicsSoftware(cmyk_usb_panel,
+            mips_whitelist_duplex, cpa)));
+    if (5) {
+        managementNetwork += dma - boolean;
+        kilohertz_token = 2;
+        honeypot_affiliate_ergonomics = fiber;
+    }
+    mouseNorthbridge = byte(nybble_xmp_modem.horse_subnet(
+            analogThroughputService * graphicPoint, drop(daw_bit, dnsIntranet),
+            gateway_ospf), repository.domain_key.mouse(serverData(fileNetwork,
+            trim_duplex_file), cellTapeDirect, token_tooltip_mashup(
+            ripcordingMashup)));
+    module_it = honeypot_driver(client_cold_dvr(593902, ripping_frequency) +
+            coreLog.joystick(componentUdpLink), windows_expansion_touchscreen);
+    bashGigabit.external.reality(2, server_hardware_codec.flops.ebookSampling(
+            ciscNavigationBacklink, table + cleanDriver), indexProtocolIsp);
+
+## Placabilis coactis nega ingemuit ignoscat nimia non
+
+Frontis turba. Oculi gravis est Delphice; *inque praedaque* sanguine manu non.
+
+    if (ad_api) {
+        zif += usb.tiffAvatarRate(subnet, digital_rt) + exploitDrive;
+        gigaflops(2 - bluetooth, edi_asp_memory.gopher(queryCursor, laptop),
+                panel_point_firmware);
+        spyware_bash.statePopApplet = express_netbios_digital(
+                insertion_troubleshooting.brouter(recordFolderUs), 65);
+    }
+    recursionCoreRay = -5;
+    if (hub == non) {
+        portBoxVirus = soundWeb(recursive_card(rwTechnologyLeopard),
+                font_radcab, guidCmsScalable + reciprocalMatrixPim);
+        left.bug = screenshot;
+    } else {
+        tooltipOpacity = raw_process_permalink(webcamFontUser, -1);
+        executable_router += tape;
+    }
+    if (tft) {
+        bandwidthWeb *= social_page;
+    } else {
+        regular += 611883;
+        thumbnail /= system_lag_keyboard;
+    }
+
+## Caesorum illa tu sentit micat vestes papyriferi
+
+Inde aderam facti; Theseus vis de tauri illa peream. Oculos **uberaque** non
+regisque vobis cursuque, opus venit quam vulnera. Et maiora necemque, lege modo;
+gestanda nitidi, vero? Dum ne pectoraque testantur.
+
+Venasque repulsa Samos qui, exspectatum eram animosque hinc, [aut
+manes](http://www.creveratnon.net/apricaaetheriis), Assyrii. Cupiens auctoribus
+pariter rubet, profana magni super nocens. Vos ius sibilat inpar turba visae
+iusto! Sedes ante dum superest **extrema**.
--- a/content/docs/example/table-of-contents/with-toc.md
+++ b/content/docs/example/table-of-contents/with-toc.md
@ -0,0 +1,64 @@
+---
+title: With ToC
+weight: 1
+---
+# Caput vino delphine in tamen vias
+
+## Cognita laeva illo fracta
+
+Lorem markdownum pavent auras, surgit nunc cingentibus libet **Laomedonque que**
+est. Pastor [An](http://est.org/ire.aspx) arbor filia foedat, ne [fugit
+aliter](http://www.indiciumturbam.org/moramquid.php), per. Helicona illas et
+callida neptem est *Oresitrophos* caput, dentibus est venit. Tenet reddite
+[famuli](http://www.antro-et.net/) praesentem fortibus, quaeque vis foret si
+frondes *gelidos* gravidae circumtulit [inpulit armenta
+nativum](http://incurvasustulit.io/illi-virtute.html).
+
+1. Te at cruciabere vides rubentis manebo
+2. Maturuit in praetemptat ruborem ignara postquam habitasse
+3. Subitarum supplevit quoque fontesque venabula spretis modo
+4. Montis tot est mali quasque gravis
+5. Quinquennem domus arsit ipse
+6. Pellem turis pugnabant locavit
+
+## Natus quaerere
+
+Pectora et sine mulcere, coniuge dum tincta incurvae. Quis iam; est dextra
+Peneosque, metuis a verba, primo. Illa sed colloque suis: magno: gramen, aera
+excutiunt concipit.
+
+> Phrygiae petendo suisque extimuit, super, pars quod audet! Turba negarem.
+> Fuerat attonitus; et dextra retinet sidera ulnas undas instimulat vacuae
+> generis? *Agnus* dabat et ignotis dextera, sic tibi pacis **feriente at mora**
+> euhoeque *comites hostem* vestras Phineus. Vultuque sanguine dominoque [metuit
+> risi](http://iuvat.org/eundem.php) fama vergit summaque meus clarissimus
+> artesque tinguebat successor nominis cervice caelicolae.
+
+## Limitibus misere sit
+
+Aurea non fata repertis praerupit feruntur simul, meae hosti lentaque *citius
+levibus*, cum sede dixit, Phaethon texta. *Albentibus summos* multifidasque
+iungitur loquendi an pectore, mihi ursaque omnia adfata, aeno parvumque in animi
+perlucentes. Epytus agis ait vixque clamat ornum adversam spondet, quid sceptra
+ipsum **est**. Reseret nec; saeva suo passu debentia linguam terga et aures et
+cervix [de](http://www.amnem.io/pervenit.aspx) ubera. Coercet gelidumque manus,
+doluit volvitur induta?
+
+## Enim sua
+
+Iuvenilior filia inlustre templa quidem herbis permittat trahens huic. In
+cruribus proceres sole crescitque *fata*, quos quos; merui maris se non tamen
+in, mea.
+
+## Germana aves pignus tecta
+
+Mortalia rudibusque caelum cognosceret tantum aquis redito felicior texit, nec,
+aris parvo acre. Me parum contulerant multi tenentem, gratissime suis; vultum tu
+occupat deficeret corpora, sonum. E Actaea inplevit Phinea concepit nomenque
+potest sanguine captam nulla et, in duxisses campis non; mercede. Dicere cur
+Leucothoen obitum?
+
+Postibus mittam est *nubibus principium pluma*, exsecratur facta et. Iunge
+Mnemonidas pallamque pars; vere restitit alis flumina quae **quoque**, est
+ignara infestus Pyrrha. Di ducis terris maculatum At sede praemia manes
+nullaque!
--- a/content/docs/example/table-of-contents/without-toc.md
+++ b/content/docs/example/table-of-contents/without-toc.md
@ -0,0 +1,59 @@
+---
+title: Without ToC
+weight: 2
+bookToc: false
+---
+
+# At me ipso nepotibus nunc celebratior genus
+
+## Tanto oblite
+
+Lorem markdownum pectora novis patenti igne sua opus aurae feras materiaque
+illic demersit imago et aristas questaque posset. Vomit quoque suo inhaesuro
+clara. Esse cumque, per referri triste. Ut exponit solisque communis in tendens
+vincetis agisque iamque huic bene ante vetat omina Thebae rates. Aeacus servat
+admonitu concidit, ad resimas vultus et rugas vultu **dignamque** Siphnon.
+
+Quam iugulum regia simulacra, plus meruit humo pecorumque haesit, ab discedunt
+dixit: ritu pharetramque. Exul Laurenti orantem modo, per densum missisque labor
+manibus non colla unum, obiectat. Tu pervia collo, fessus quae Cretenque Myconon
+crate! Tegumenque quae invisi sudore per vocari quaque plus ventis fluidos. Nodo
+perque, fugisse pectora sorores.
+
+## Summe promissa supple vadit lenius
+
+Quibus largis latebris aethera versato est, ait sentiat faciemque. Aequata alis
+nec Caeneus exululat inclite corpus est, ire **tibi** ostendens et tibi. Rigent
+et vires dique possent lumina; **eadem** dixit poma funeribus paret et felix
+reddebant ventis utile lignum.
+
+1. Remansit notam Stygia feroxque
+2. Et dabit materna
+3. Vipereas Phrygiaeque umbram sollicito cruore conlucere suus
+4. Quarum Elis corniger
+5. Nec ieiunia dixit
+
+Vertitur mos ortu ramosam contudit dumque; placabat ac lumen. Coniunx Amoris
+spatium poenamque cavernis Thebae Pleiadasque ponunt, rapiare cum quae parum
+nimium rima.
+
+## Quidem resupinus inducto solebat una facinus quae
+
+Credulitas iniqua praepetibus paruit prospexit, voce poena, sub rupit sinuatur,
+quin suum ventorumque arcadiae priori. Soporiferam erat formamque, fecit,
+invergens, nymphae mutat fessas ait finge.
+
+1. Baculum mandataque ne addere capiti violentior
+2. Altera duas quam hoc ille tenues inquit
+3. Sicula sidereus latrantis domoque ratae polluit comites
+4. Possit oro clausura namque se nunc iuvenisque
+5. Faciem posuit
+6. Quodque cum ponunt novercae nata vestrae aratra
+
+Ite extrema Phrygiis, patre dentibus, tonso perculit, enim blanda, manibus fide
+quos caput armis, posse! Nocendo fas Alcyonae lacertis structa ferarum manus
+fulmen dubius, saxa caelum effuge extremis fixum tumor adfecit **bella**,
+potentes? Dum nec insidiosa tempora tegit
+[spirarunt](http://mihiferre.net/iuvenes-peto.html). Per lupi pars foliis,
+porreximus humum negant sunt subposuere Sidone steterant auro. Memoraverit sine:
+ferrum idem Orion caelum heres gerebat fixis?
--- a/content/docs/shortcodes/_index.md
+++ b/content/docs/shortcodes/_index.md
@ -0,0 +1,3 @@
+---
+bookFlatSection: true
+---
--- a/content/docs/shortcodes/buttons.md
+++ b/content/docs/shortcodes/buttons.md
@ -0,0 +1,13 @@
+# Buttons
+
+Buttons are styled links that can lead to local page or external link.
+
+## Example
+
+```tpl
+{{</* button relref="/" [class="..."] */>}}Get Home{{</* /button */>}}
+{{</* button href="https://github.com/alex-shpak/hugo-book" */>}}Contribute{{</* /button */>}}
+```
+
+{{< button relref="/" >}}Get Home{{< /button >}}
+{{< button href="https://github.com/alex-shpak/hugo-book" >}}Contribute{{< /button >}}
--- a/content/docs/shortcodes/columns.md
+++ b/content/docs/shortcodes/columns.md
@ -0,0 +1,45 @@
+# Columns
+
+Columns help organize shorter pieces of content horizontally for readability.
+
+
+```html
+{{</* columns */>}} <!-- begin columns block -->
+# Left Content
+Lorem markdownum insigne...
+
+<---> <!-- magic sparator, between columns -->
+
+# Mid Content
+Lorem markdownum insigne...
+
+<---> <!-- magic sparator, between columns -->
+
+# Right Content
+Lorem markdownum insigne...
+{{</* /columns */>}}
+```
+
+## Example
+
+{{< columns >}}
+## Left Content
+Lorem markdownum insigne. Olympo signis Delphis! Retexi Nereius nova develat
+stringit, frustra Saturnius uteroque inter! Oculis non ritibus Telethusa
+protulit, sed sed aere valvis inhaesuro Pallas animam: qui _quid_, ignes.
+Miseratus fonte Ditis conubia.
+
+<--->
+
+## Mid Content
+Lorem markdownum insigne. Olympo signis Delphis! Retexi Nereius nova develat
+stringit, frustra Saturnius uteroque inter!
+
+<--->
+
+## Right Content
+Lorem markdownum insigne. Olympo signis Delphis! Retexi Nereius nova develat
+stringit, frustra Saturnius uteroque inter! Oculis non ritibus Telethusa
+protulit, sed sed aere valvis inhaesuro Pallas animam: qui _quid_, ignes.
+Miseratus fonte Ditis conubia.
+{{< /columns >}}
--- a/content/docs/shortcodes/expand.md
+++ b/content/docs/shortcodes/expand.md
@ -0,0 +1,35 @@
+# Expand
+
+Expand shortcode can help to decrease clutter on screen by hiding part of text. Expand content by clicking on it.
+
+## Example
+### Default
+
+```tpl
+{{</* expand */>}}
+## Markdown content
+Lorem markdownum insigne...
+{{</* /expand */>}}
+```
+
+{{< expand >}}
+## Markdown content
+Lorem markdownum insigne...
+{{< /expand >}}
+
+### With Custom Label
+
+```tpl
+{{</* expand "Custom Label" "..." */>}}
+## Markdown content
+Lorem markdownum insigne...
+{{</* /expand */>}}
+```
+
+{{< expand "Custom Label" "..." >}}
+## Markdown content
+Lorem markdownum insigne. Olympo signis Delphis! Retexi Nereius nova develat
+stringit, frustra Saturnius uteroque inter! Oculis non ritibus Telethusa
+protulit, sed sed aere valvis inhaesuro Pallas animam: qui _quid_, ignes.
+Miseratus fonte Ditis conubia.
+{{< /expand >}}
--- a/content/docs/shortcodes/hints.md
+++ b/content/docs/shortcodes/hints.md
@ -0,0 +1,32 @@
+# Hints
+
+Hint shortcode can be used as hint/alerts/notification block.  
+There are 3 colors to choose: `info`, `warning` and `danger`.
+
+```tpl
+{{</* hint [info|warning|danger] */>}}
+**Markdown content**  
+Lorem markdownum insigne. Olympo signis Delphis! Retexi Nereius nova develat
+stringit, frustra Saturnius uteroque inter! Oculis non ritibus Telethusa
+{{</* /hint */>}}
+```
+
+## Example
+
+{{< hint info >}}
+**Markdown content**  
+Lorem markdownum insigne. Olympo signis Delphis! Retexi Nereius nova develat
+stringit, frustra Saturnius uteroque inter! Oculis non ritibus Telethusa
+{{< /hint >}}
+
+{{< hint warning >}}
+**Markdown content**  
+Lorem markdownum insigne. Olympo signis Delphis! Retexi Nereius nova develat
+stringit, frustra Saturnius uteroque inter! Oculis non ritibus Telethusa
+{{< /hint >}}
+
+{{< hint danger >}}
+**Markdown content**  
+Lorem markdownum insigne. Olympo signis Delphis! Retexi Nereius nova develat
+stringit, frustra Saturnius uteroque inter! Oculis non ritibus Telethusa
+{{< /hint >}}
--- a/content/docs/shortcodes/katex.md
+++ b/content/docs/shortcodes/katex.md
@ -0,0 +1,37 @@
+# KaTeX
+
+KaTeX shortcode let you render math typesetting in markdown document. See [KaTeX](https://katex.org/)
+
+## Example
+{{< columns >}}
+
+```latex
+{{</* katex [display] [class="text-center"]  */>}}
+x = \begin{cases}
+   a &\text{if } b \\
+   c &\text{if } d
+\end{cases}
+{{</* /katex */>}}
+```
+
+<--->
+
+{{< katex >}}
+x = \begin{cases}
+   a &\text{if } b \\
+   c &\text{if } d
+\end{cases}
+{{< /katex >}}
+
+{{< /columns >}}
+
+## Display Mode Example
+
+Here is some inline example: {{< katex >}}\pi(x){{< /katex >}}, rendered in the same line. And below is `display` example, having `display: block`
+{{< katex display >}}
+x = \begin{cases}
+   a &\text{if } b \\
+   c &\text{if } d
+\end{cases}
+{{< /katex >}}
+Text continues here.
--- a/content/docs/shortcodes/mermaid.md
+++ b/content/docs/shortcodes/mermaid.md
@ -0,0 +1,38 @@
+# Mermaid Chart
+
+[Mermaid](https://mermaidjs.github.io/) is library for generating svg charts and diagrams from text.
+
+## Example
+
+{{< columns >}}
+```tpl
+{{</* mermaid [class="text-center"]*/>}}
+sequenceDiagram
+    Alice->>Bob: Hello Bob, how are you?
+    alt is sick
+        Bob->>Alice: Not so good :(
+    else is well
+        Bob->>Alice: Feeling fresh like a daisy
+    end
+    opt Extra response
+        Bob->>Alice: Thanks for asking
+    end
+{{</* /mermaid */>}}
+```
+
+<--->
+
+{{< mermaid >}}
+sequenceDiagram
+    Alice->>Bob: Hello Bob, how are you?
+    alt is sick
+        Bob->>Alice: Not so good :(
+    else is well
+        Bob->>Alice: Feeling fresh like a daisy
+    end
+    opt Extra response
+        Bob->>Alice: Thanks for asking
+    end
+{{< /mermaid >}}
+
+{{< /columns >}}
--- a/content/docs/shortcodes/tabs.md
+++ b/content/docs/shortcodes/tabs.md
@ -0,0 +1,50 @@
+# Tabs
+
+Tabs let you organize content by context, for example installation instructions for each supported platform.
+
+```tpl
+{{</* tabs "uniqueid" */>}}
+{{</* tab "MacOS" */>}} # MacOS Content {{</* /tab */>}}
+{{</* tab "Linux" */>}} # Linux Content {{</* /tab */>}}
+{{</* tab "Windows" */>}} # Windows Content {{</* /tab */>}}
+{{</* /tabs */>}}
+```
+
+## Example
+
+{{< tabs "uniqueid" >}}
+{{< tab "MacOS" >}}
+# MacOS
+
+This is tab **MacOS** content.
+
+Lorem markdownum insigne. Olympo signis Delphis! Retexi Nereius nova develat
+stringit, frustra Saturnius uteroque inter! Oculis non ritibus Telethusa
+protulit, sed sed aere valvis inhaesuro Pallas animam: qui _quid_, ignes.
+Miseratus fonte Ditis conubia.
+{{< /tab >}}
+
+{{< tab "Linux" >}}
+
+# Linux
+
+This is tab **Linux** content.
+
+Lorem markdownum insigne. Olympo signis Delphis! Retexi Nereius nova develat
+stringit, frustra Saturnius uteroque inter! Oculis non ritibus Telethusa
+protulit, sed sed aere valvis inhaesuro Pallas animam: qui _quid_, ignes.
+Miseratus fonte Ditis conubia.
+{{< /tab >}}
+
+{{< tab "Windows" >}}
+
+# Windows
+
+This is tab **Windows** content.
+
+Lorem markdownum insigne. Olympo signis Delphis! Retexi Nereius nova develat
+stringit, frustra Saturnius uteroque inter! Oculis non ritibus Telethusa
+protulit, sed sed aere valvis inhaesuro Pallas animam: qui _quid_, ignes.
+Miseratus fonte Ditis conubia.
+{{< /tab >}}
+{{< /tabs >}}