about.html

---
layout: page
title: "About"
description: "Hey, this is Xz Yao."
header-img: "img/about-bg.jpg"
---

<!-- Language Selector -->
<select 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,大家好。我是姚晓哲。程序员&amp;段子手。主要在挖坑。</p>

    <p>一些作品和开源项目，👉 戳 <a href="/portfolio">Portfolio</a> 与 <a href="http://github.com/stevefermi">Github</a></p>

    <h5>Talks</h5>

    <ul>
    <li>Dive into React Native.<a href='/attach/Dive_into_React_Native.pptx'>[ppt]</a><a href='/attach/Dive_into_React_Native.pdf'> [pdf]</a></li>
    </ul>

    <h5>Resumes</h5>

    <ul>
    <li><a href="/attach/cv.pdf">Xz.Yao's CV</a></li>
    </ul>
    <h5>Statement</h5>
    <p>除特别声明之外，本站文章之著作权均归本人所有，并特此授权各网站免费转载，无需另行许可。唯约法三章，望诸君遵守：</p>
    <ul>
        <li>转载媒介需注明作者，来源</li>
        <li>转载媒介不得向读者收取费用，亦不可将其用于商业用途。</li>
        <li>转载媒介（尤以网站为甚）不得以任何方式限制用户阅读、复制、拷贝、传播，包括但不限于用广告阻挡阅读，限制右键复制，以图片形式传播</li>
    </ul>
    虽才疏学浅，一句一段皆为心血所出，偶有所得，愿与各位共享，若恰能博君一笑，心当甚慰。亦希望各转载之媒体，以优秀的阅读体验共饕读者。
</div>

<!-- English Version -->
<div class="en post-container">
    <blockquote><p>Dark Jokes and Code <br>
    Always laughing.</p></blockquote>

    <p>Hi, Here is <strong>Xiaozhe Yao(姚晓哲)</strong>I majored in Dig and trapping</p>

    <p>Some of my Works，👉 Click <a href="/portfolio">Portfolio</a> 与 <a href="http://github.com/stevefermi">Github</a></p>


    <h5>Talks</h5>

    <ul>
    <li>Dive into React Native.<a href='/attach/Dive_into_React_Native.pptx'>[ppt]</a><a href='/attach/Dive_into_React_Native.pdf'> [pdf]</a></li>
    </ul>


    <h5>Resumes</h5>

    <ul>
    <li><a href="/attach/cv.pdf">Xz.Yao's CV</a></li>
    </ul>

    <h5>Statement</h5>
    <p>Except Special Statement, All rights reserved. I do authorize any of media to spread these articles without any fee. There's only three rules of this game, hope you could follow:</p>
    <ul>
        <li>The Media have to mention the author and source.</li>
        <li>The Media cannot require users to pay for these articles or use it for commercial.</li>
        <li>The Media (esp. website) cannot obstruct users reading, copy and spread in any way.</li>
    </ul>

</div>

<!-- 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>



{% if site.duoshuo_username %}
<!-- 多说评论框 start -->
<div class="comment">
    <div class="ds-thread"
    {% if site.duoshuo_username == "huxblog" %}
        data-thread-id="1187623191091085319"
    {% else %}
        data-thread-key="{{site.duoshuo_username}}/about"
    {% endif %}

    data-title="{{page.title}}"
    data-url="{{site.url}}/about/"></div>
</div>
<!-- 多说评论框 end -->

<!-- 多说公共JS代码 start (一个网页只需插入一次) -->
<script type="text/javascript">
    // dynamic User hacking by Hux
    var _user = '{{site.duoshuo_username}}';

    // duoshuo comment query.
    var duoshuoQuery = {short_name: _user };
    (function() {
        var ds = document.createElement('script');
        ds.type = 'text/javascript';ds.async = true;
        ds.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') + '//static.duoshuo.com/embed.js';
        ds.charset = 'UTF-8';
        (document.getElementsByTagName('head')[0]
         || document.getElementsByTagName('body')[0]).appendChild(ds);
    })();
</script>
<!-- 多说公共JS代码 end -->
{% endif %}


{% if site.disqus_username %}
<!-- disqus 评论框 start -->
<div class="comment">
    <div id="disqus_thread" class="disqus-thread">

    </div>
</div>
<!-- disqus 评论框 end -->

<!-- disqus 公共JS代码 start (一个网页只需插入一次) -->
<script type="text/javascript">
    /* * * CONFIGURATION VARIABLES * * */
    var disqus_shortname = "{{site.disqus_username}}";
    var disqus_identifier = "{{site.disqus_username}}/{{page.url}}";
    var disqus_url = "{{site.url}}{{page.url}}";

    (function() {
        var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
        dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
        (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
    })();
</script>
<!-- disqus 公共JS代码 end -->
{% endif %}