Παραδείγματα με PrismJS

Ghost tips Απρ 16, 2020

Το Prism είναι ένα εργαλείο επισήμανσης σύνταξης, κατασκευασμένο με γνώμονα τα σύγχρονα πρότυπα ιστού. Χρησιμοποιείται σε χιλιάδες ιστότοπους, συμπεριλαμβανομένων ορισμένων από αυτούς που επισκέπτεστε καθημερινά.

Δες παρακάτω πως το κάνεις και θα καταλάβεις

Hack for command-line plugin

The PrismJS command-line plugin includes a hack that allows multiple prompts to be defined per code-block.

Γράφεις τις γραμμές που ακολουθούν

<pre class="command-line language-bash" data-prompt="1,4|NXOSv#;2-3|NXOSv(config)#"> <code>
conf 
feature 
nxapi end 
copy ru st</code></pre>

Και στο κάνει οπως βλέπεις παρακάτω, ωραίο! εεε, δες και τα υπόλοιπα παραδείγματα

conf
feature nxapi
end
copy ru st

Styled (Accordions)

Expand for Dynamic Variable Example

gi_ints is a list of GigabitEthernet interfaces, which scales with the number of switches in the stack.

Switch Count gi_ints
1 gi1/0/1-36
2 gi1/0/1-36,gi2/0/1-36
3 gi1/0/1-36,gi2/0/1-36,gi3/0/1-36
4 gi1/0/1-36,gi2/0/1-36,gi3/0/1-36,gi4/0/1-36

Custom Callouts

This is a plain callout.

This is an informational callout.

This is a success callout

This is a warning callout

This is a danger callout

This is an informational callout with some inline-code

And a blockquote.

With markdown formatting; e.g. strikethrough

```bash

And a code block.

sudo nano /etc/hostname
```

And a list

  • Item 1
  • Item 2
    • Sub-item

This is an informational callout with some inline-code

Και μερικά παραδείγματα με Markdown

Αριθμημένη λίστα

  1. List Item 1
  2. List Item 2
    1. Nested list item A
    2. Nested list item B
  3. List Item 3

Bullet List

  • List Item a
  • List Item b
    • Nested list item 1
    • Nested list item 2
      • Double Nested item 1
      • Double Nested item 2
  • List Item 3

Διάφορα elements

The a element example
The abbr element and abbr element with title examples
The b element example
The cite element example
The code element example
The del element example
The dfn element and dfn element with title examples
The em element example
The i element example
The ins element example
The kbd element example
The mark element example
The q element inside a q element example
The s element example
The samp element example
The small element example
The span element example
The strong element example
The sub element example
The sup element example
The var element example
The u element example

Footnote test [1] link, δεύτερο στοιχείο [2] και ενα ακόμα [3]


  1. https://thecodebee.com ↩︎

  2. Σημείωση ↩︎

  3. ακόμα μια σημείωση ↩︎

Tags

Giannis Theodoropoulos

Digital Manager με εμπειρία στην δημιουργία-ανανέωση ιστοσελίδων/ηλεκτρονικών καταστημάτων.Σκοπός μου είναι να σε βοηθήσω στην βελτίωση της εικόνας και προβολής της επιχείρησης σου στο διαδίκτυο.

Great! You've successfully subscribed.
Great! Next, complete checkout for full access.
Welcome back! You've successfully signed in.
Success! Your account is fully activated, you now have access to all content.