---

layout: page

title: "About"

description: ""

header-img: "img/about-bg.jpg"

multilingual: true

---

<select class="sel-lang" onchange= "onLanChange(this.options[this.options.selectedIndex].value)">

<option value="0" selected> 中文 Chinese </option>

<option value="1"> 英文 English </option>

<div class="zh post-container">

{% capture about_zh %}{% include about/zh.md %}{% endcapture %}

{{ about_zh | markdownify }}

<div class="en post-container">

{% capture about_en %}{% include about/en.md %}{% endcapture %}

{{ about_en | markdownify }}

{% if site.gitalk.enable %}

<link rel="stylesheet" href="https://unpkg.com/gitalk/dist/gitalk.css">

<script src="https://unpkg.com/gitalk@latest/dist/gitalk.min.js"></script>

<div id="gitalk-container"></div>

<script src="{{ site.baseurl }}/js/md5.min.js"></script>

<script type="text/javascript">

var gitalk = new Gitalk({

clientID: '{{site.gitalk.clientID}}',

clientSecret: '{{site.gitalk.clientSecret}}',

repo: '{{site.gitalk.repo}}',

owner: '{{site.gitalk.owner}}',

admin: ['{{site.gitalk.admin}}'],

distractionFreeMode: {{site.gitalk.distractionFreeMode}},

id: md5(location.pathname),

});

gitalk.render('gitalk-container');

{% endif %}