<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" xml:lang="en"><generator uri="https://jekyllrb.com/" version="4.3.1">Jekyll</generator><link href="/feed.xml" rel="self" type="application/atom+xml" /><link href="/" rel="alternate" type="text/html" hreflang="en" /><updated>2025-01-10T04:53:41+00:00</updated><id>/feed.xml</id><title type="html">Tianle Liu</title><subtitle>Personal Website of Tianle Liu - Ph.D. Candidate in Statistics at Harvard University.
</subtitle><author><name>Tianle Liu</name><email>tianleliu@fas.harvard.edu</email></author><entry><title type="html">Hello World!</title><link href="/blog/2023-01-03-hello-world/" rel="alternate" type="text/html" title="Hello World!" /><published>2023-01-03T00:00:00+00:00</published><updated>2025-01-10T04:53:39+00:00</updated><id>/blog/hello-world</id><content type="html" xml:base="/blog/2023-01-03-hello-world/"><![CDATA[<p>Having a personal blog sounds like a really cool thing to me. I tried to build the first website when I was a freshman and eager to explore new stuff. I bought a domain name, rent a server, and followed some random tutorials from Baidu. (Thanks to the Great Firewall I was unable to get access to Google at that time.) In this way I learned for the first time that there is a popular blog framework called <a href="https://wordpress.com" target="_blank" rel="noopener">WordPress</a>, some weird space called MySQL database, and that a computer system can be accessed remotely from command line tools. Everything looks like magic and is quite appealing to me (not as appealing as mathematics though).</p>

<p>After tons of trials and errors, I eventually succeeded in deploying a WordPress blog on my virtual server. Imagine how excited I was when I typed the URL into my browser, and the index page popped up as desired. I showed a friend of mine this achievement and he asked a very good question, <em>“What do you plan to write on your blog?”</em> It turned out that I had had no more than 10 posts before the blog was finally abandoned due to my laziness and heavy costs of maintenance.</p>

<p>I learned several lessons from this experience. First, do not build a blog if you are too lazy to write. Second, do not work as a back-end engineer if you want to enjoy your life. Third and most importantly, never use WordPress! Nonetheless there is one thing I gained there: I learned how to freely surf the Internet out of China by utilizing an overseas server, which would later completely change my life.</p>

<p>The second attempt was three years ago. At that time I was frustrated at being confined at home during the pandemic in China and was in a terrible mood for research. To be honest, I believed that the last semester of my undergraduate should have been full of traveling and exploration, and I felt that someone had stolen my last happy days of college before I embarked on a new challenging journey as a Ph.D. student. Out of dismay I decided that I would try something new like web development so I learned about HTML/CSS and JavaScript online. During that period I tested a few static site generators including <a href="https://hexo.io" target="_blank" rel="noopener">Hexo</a>, <a href="https://jekyllrb.com" target="_blank" rel="noopener">Jekyll</a>, and <a href="https://gohugo.io" target="_blank" rel="noopener">Hugo</a> as demos.</p>

<p>These frameworks are written in different languages (Hexo: Node.js; Jekyll: Ruby; Hugo: Go) but have very similar features. One most notable feature in common is that they do not look beautiful. But fortunately there are hundreds of themes crafted by different users. Very recently I got some spare time to search for a good template. This time my aim was to construct a website containing both a blog and an academic page or résumé. And here are some good designs.</p>

<p><a href="https://themes.gohugo.io/" target="_blank" rel="noopener">Hugo Themes</a>: <a href="https://github.com/wowchemy/starter-hugo-academic" target="_blank" rel="noopener">Academic</a>, <a href="https://github.com/apvarun/blist-hugo-theme" target="_blank" rel="noopener">Blist</a>, <a href="https://github.com/zhaohuabing/hugo-theme-cleanwhite" target="_blank" rel="noopener">Clean White</a>, <a href="https://github.com/wangchucheng/hugo-eureka" target="_blank" rel="noopener">Eureka</a>, <a href="https://github.com/xianmin/hugo-theme-jane" target="_blank" rel="noopener">Jane</a>, <a href="https://github.com/eddiewebb/hugo-resume" target="_blank" rel="noopener">Resume</a>.</p>

<p><a href="http://jekyllthemes.org" target="_blank" rel="noopener">Jekyll Themes</a>: <a href="https://academicpages.github.io" target="_blank" rel="noopener">Academic Pages</a>, <a href="https://github.com/alshedivat/al-folio" target="_blank" rel="noopener">Al-folio</a>, <a href="https://github.com/artemsheludko/galada" target="_blank" rel="noopener">Galada</a>, <a href="https://hydejack.com" target="_blank" rel="noopener">Hydejack</a>, <a href="https://github.com/link9596/jekyll-theme-Hydrogen" target="_blank" rel="noopener">Hydrogen</a>, <a href="https://github.com/artemsheludko/zolan" target="_blank" rel="noopener">Zolan</a>.</p>

<p>Hydejack is one of the most good-looking and well-documented themes among them. There are even some showcases on the official website so I can refer to their source codes on GitHub if I encounter troubles. Naturally it became my choice for this site.</p>

<p>A few fun facts about this website:</p>

<ul>
  <li>This is deployed on a virtual private server instead of GitHub Pages. There is a git repo located on the VPS, which enables automated deployment on my pushing the modifications.</li>
  <li>The cover picture was inspired by the cover of the novel, <a href="https://www.goodreads.com/book/show/34066798-a-gentleman-in-moscow" target="_blank" rel="noopener"><em>A Gentleman in Moscow</em></a>, which I read during the pandemic. I wanted a blurry version of that photo with some cyberpunk flavor. So I searched <a href="https://unsplash.com/" target="_blank" rel="noopener">Unsplash</a> to find this <a href="https://unsplash.com/photos/B-jWtFd2gjU" target="_blank" rel="noopener">original work</a> and stacked it with a movie poster of <em>The Matrix</em>.</li>
  <li>The <a href="https://en.m.wikipedia.org/wiki/International_Phonetic_Alphabet" target="_blank" rel="noopener">IPA</a> (International Phonetic Alphabet) of my name was generated using this <a href="https://toolbox.lotusfa.com/ipa/mandarin/index.html" target="_blank" rel="noopener">tool</a>. I thought no one would have had trouble pronouncing my name from Chinese Pinyin but I was wrong. The syllable <code class="language-plaintext highlighter-rouge">le</code> is actually a bit misleading as a single letter <code class="language-plaintext highlighter-rouge">e</code> is more commonly pronounced as /e/ in English. But in Pinyin it is a back vowel <a href="https://en.m.wikipedia.org/wiki/Close-mid_back_unrounded_vowel" target="_blank" rel="noopener">/ɤ/</a> instead of the front vowel.</li>
  <li>I borrowed a few ideas from the design of personal websites of <a href="https://pluskid.org" target="_blank" rel="noopener">this Google researcher</a> and <a href="https://tyliang.github.io/Tengyuan.Liang" target="_blank" rel="noopener">this professor</a>. I also admire their works a lot.</li>
  <li>I checked <a href="https://abirsh.github.io" target="_blank" rel="noopener">this guy</a>’s solutions for a few troubles in adapting the blog theme.</li>
</ul>

<p>Further plans:</p>

<ul>
  <li>Introduce a commenting system. Some choices: <a href="https://disqus.com" target="_blank" rel="noopener">Disqus</a>, <a href="https://cusdis.com" target="_blank" rel="noopener">Cusdis</a>, <a href="http://livefyre.de" target="_blank" rel="noopener">Livefyre</a>, <a href="https://commentbox.io" target="_blank" rel="noopener">CommentBox</a>.</li>
  <li>Create a <code class="language-plaintext highlighter-rouge">Tags</code> page and a <code class="language-plaintext highlighter-rouge">Categories</code> page when there are enough blog posts.</li>
</ul>]]></content><author><name>Tianle Liu</name><email>tianleliu@fas.harvard.edu</email></author><category term="blog" /><summary type="html"><![CDATA[Some notes and stories on constructing this website.]]></summary></entry></feed>