code-notes/index.html at master · justajwolf/code-notes · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <title>J·Wolf</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="description" content="Description" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0" />
    <!-- Docsify v4 -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsify@4/lib/themes/vue.css" />
    <!-- Themes -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsify-darklight-theme@latest/dist/style.min.css"
        title="darklight-theme" />

    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.css">
    <script src="https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js"></script>
</head>

<body>
    <div id="app"></div>
    <script>
        mermaid.initialize({ startOnLoad: false });
        window.mermaid = mermaid;

        const repo = "justajwolf/code-notes";
        window.$docsify = {
            name: "justajwolf",
            homepage: "README.md",
            repo,
            subMaxLevel: 3,
            relativePath: false,
            coverpage: true,
            loadNavbar: true,
            loadSidebar: true,
            auto2top: true,
            mergeNavbar: true,
            nativeEmoji: false,
            noEmoji: false,
            onlyCover: true,
            search: "auto",
            el: "#app",
            ext: ".md",
            // logo: "/assets/img/avatar.png",
            formatUpdated: "{YYYY}/{MM}/{DD} {HH}:{mm}:{ss}.{fff}",
            externalLinkTarget: "_blank",
            cornerExternalLinkTarget: "_blank",
            requestHeaders: {},
            routerMode: "hash",
            alias: {
                // "/langs/go/README": "https://cdn.jsdelivr.net/gh/justajwolf/go@main/README.md",
                // "/langs/nodejs/README": "https://cdn.jsdelivr.net/gh/justajwolf/nodejs@main/README.md",
                // "/langs/go/fileserver": "https://cdn.jsdelivr.net/gh/justajwolf/go@main/fileserver/README.md"
            },
            markdown: {
                renderer: {
                    code(code, lang) {
                        if (lang === "mermaid") {
                            const id = `${Date.now()}_${~~(Math.random() * 1000)}`
                            const mermaidId = `mermaidId-${id}`;
                            mermaid.render(`mermaid-svg-${id}`, code).then((content) => {
                                document.querySelector(`#${mermaidId}`).innerHTML = content.svg;
                            });
                            return `<div class="mermaid" id="${mermaidId}"></div>`;
                        }
                        return this.origin.code.apply(this, arguments);
                    }
                }
            }
        };
    </script>
    <!-- Docsify v4 -->
    <script src="https://cdn.jsdelivr.net/npm/docsify@4"></script>
    <!-- Emoji -->
    <script src="https://cdn.jsdelivr.net/npm/docsify/lib/plugins/emoji.min.js"></script>
    <!-- Themes -->
    <script src="https://cdn.jsdelivr.net/npm/docsify-darklight-theme@latest/dist/index.min.js"></script>
    <!-- Language highlighting -->
    <script src="https://cdn.jsdelivr.net/npm/prismjs/components/prism-go.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/prismjs/components/prism-bash.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/prismjs/components/prism-docker.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/prismjs/components/prism-javascript.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/prismjs/components/prism-powershell.min.js"></script>

    <script src="https://cdn.jsdelivr.net/npm/docsify/lib/plugins/zoom-image.min.js"></script>
</body>

</html>