vlor.github.io/about.html at master · VincentZhangy/vlor.github.io · 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
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
---
layout: page
title: "About"
description: "Hey, this is Vlor ZY."
header-img: "img/about_bg_14.jpg"
---

<!-- Language Selector -->
<select
    class="sel-lang"
    onchange="onLanChange(this.options[this.options.selectedIndex].value)"
>
    <option value="0" selected>中文 Chinese</option>
    <option value="1">英文 English</option>
</select>

<!-- Chinese Version -->
<div class="zh post-container">
    <!--copied from markdown -->
    <blockquote>
        <p>
            冰冻三尺 非一日之寒，<br />
            积土成山 非斯须之作
        </p>
    </blockquote>

    <p>Hey，我是<strong>Vlor</strong>，一只无所事事的程序猿。</p>

    <p>
        这是我的利用 <a href="https://pages.github.com/">GitHub Pages</a> 与
        <a href="http://jekyll.com.cn/">Jekyll</a> 搭建的
        个人博客。我在GitHub主页<a href="https://github.com/VincentZhangy"
            >👉GitHub·BY</a
        >。
    </p>

    <h5>Talks</h5>

    <ul>
        <li><a href="https://github.com">GitHub</a></li>
        <li><a href="http://jekyll.com.cn/">jekyll</a></li>
        <li><a href="https://pages.github.com/">GitHub Pages</a></li>
    </ul>
</div>

<!-- English Version -->
<div class="en post-container">
    <blockquote>
        <p>
            Three feet of ice does not form in a single day; <br />
            a mountain of nine fathoms is not made in a moment.
        </p>
    </blockquote>

    <p>Hi, I am <strong>vlor</strong>. I'm an Simple Developer.</p>

    <p>
        This is my personal blog, through making Github Pages GitHub 👉
        <a href="https://github.com/VincentZhangy">Github</a>.
    </p>

    <h5>Talks</h5>

    <ul>
        <li><a href="https://github.com">GitHub</a></li>
        <li><a href="http://jekyll.com.cn/">jekyll</a></li>
        <li><a href="https://pages.github.com/">GitHub Pages</a></li>
    </ul>
</div>

<script
    src="https://giscus.app/client.js"
    data-repo="VincentZhangy/vlor.github.io"
    data-repo-id="MDEwOlJlcG9zaXRvcnkxMjc5OTA3ODc="
    data-category="General"
    data-category-id="DIC_kwDOB6D8A84CzCsF"
    data-mapping="pathname"
    data-strict="0"
    data-reactions-enabled="1"
    data-emit-metadata="0"
    data-input-position="top"
    data-theme="noborder_light"
    data-lang="zh-CN"
    crossorigin="anonymous"
    async
></script>

<!-- Handle Language Change -->
<script type="text/javascript">
    // get nodes
    var $zh = document.querySelector(".zh");
    var $en = document.querySelector(".en");
    var $select = document.querySelector("select");

    // bind hashchange event
    window.addEventListener("hashchange", _render);

    // handle render
    function _render() {
        var _hash = window.location.hash;
        // en
        if (_hash == "#en") {
            $select.selectedIndex = 1;
            $en.style.display = "block";
            $zh.style.display = "none";
            // zh by default
        } else {
            // not trigger onChange, otherwise cause a loop call.
            $select.selectedIndex = 0;
            $zh.style.display = "block";
            $en.style.display = "none";
        }
    }

    // handle select change
    function onLanChange(index) {
        if (index == 0) {
            window.location.hash = "#zh";
        } else {
            window.location.hash = "#en";
        }
    }

    // init
    _render();
</script>