gamelink_el MkDocs markdown δοκιμαστική σελίδα και ξεκινάω... με μία δίεση = h1 tag¶

Σε αυτή την σελίδα θα μπορείτε εσείς να δείτε και εγώ να δοκιμάζω όλες HTML οντότητες (htmlentities) και να βλέπω ζωντανά πως αυτές μετατρέπονται απο markdown σύνταξη σε HTML. Ετσι αν και στο τελικό θέμα μου δεν έχω συμπεριλάβει το mkdocs-video σε αυτήν την σελίδα υπάρχει γιατί αποτελεί μέτρο σύγκρισης αλλά και μελλοντικός στόχος βελτίωσης ...

Admonitions¶

Κουμπιά - Buttons (Κύριο και Δευτερεύον)¶

Primary Button

Secondary Admonitions

Παράδειγμα Εικόνας με κείμενο...¶

Python code example¶

    # a Python tuple example code block
    nums = [1,2,3,4]
    items = ["car","PC","boat"]
    {print(i,k) for i in nums for k in items}

Κείμενο h2 tag (2 διέσεις = h2 tag)¶

consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Παραδείγματα Video...¶

με το mkdocs-video plugin και is_video: false επειδή με το is_video: true, τίποτα δεν δουλευει τοπικά ή στον σερβερ!

με shared link

με url σελιδοδείκτη

με embedded link

Και τώρα τα δικά μου iframes & video src divs ... που δουλεύουν κανονικά ΧΩΡΙΣ ΚΑΝΕΝΑ PLUGIN... 2ο plugin μετά το blogging το οποίο θέλει fix. Χλωμό... έχω άλλες προτεραιότητες.

iframe tag με απομακρυσμένη πηγή

και video tag με τοπικό αρχείο

Admonitions με code block (3 διέσεις = h3 header)¶

    /* this is how a comment looks like  */
    section h2 {
    text-transform: uppercase;
    font-weight: 900;
    color: #683aa4;
    text-align: left;
    margin-bottom: 20px;
    }

Admonitions με code block on h4 header (τεστάρω και το overflow του toc sidebar ταυτόχρονα)¶

    /* this is how a comment looks like  */
    section h2 {
    text-transform: uppercase;
    font-weight: 900;
    color: #683aa4;
    text-align: left;
    margin-bottom: 20px;
    }

Admonitions with code block on h5 header (h5 tag)¶

    /* this is how a comment looks like  */
    section h2 {
    text-transform: uppercase;
    font-weight: 900;
    color: #683aa4;
    text-align: left;
    margin-bottom: 20px;
    }

Admonitions with code block on h6 header (h6 header!!!)¶

    /* this is how a comment looks like  */
    section h2 {
    text-transform: uppercase;
    font-weight: 900;
    color: #683aa4;
    text-align: left;
    margin-bottom: 20px;
    }

Λίστες¶

Αριθμημένες¶

1. 1111111

2. 2222222

3. 3333333

Αναρίθμητες¶

• αααααααααα

• ββββββββββ

• γγγγγγγγγγ