Technical Summary#
I used Bootstrap
for responsiveness and part of styling.
Apart from that, this website is just built with custom HTML and CSS.
Apart from Bootstrap
, I didn't use any fancy tools.
As of August 2021, I wrote no JavaScript for my website, and there are no
node_modules
, Ruby gems, etc. involved.
However, I do have Python scripts to generate HTML pages
for my Diaries, which are written in a custom markdown format.
The website is served from GitHub Pages at
jazonjiao.github.io (the GitHub repo is now set as private),
while I purchased the domain name from netlify.
GitHub Pages allowed me to design a custom 404 Not Found page,
redirected from all nonexistent pages.
Adding spaces between Chinese and English#
For better readability, I need to insert spaces between Chinese characters and
certain ASCII chars (English words, numbers, punctuations...) when displaying Chinese passages,
like in D5P312.
At a high level, this is done by first extracting all ASCII words and Chinese words with regex,
respectively, and then merge the words with added spaces in between. The code to extract
ASCII words is as follows:
en_words = re.split(u"[^A-Za-z0-9_,.:+%()<>’°^$/@&\[\]-]+", line)
The Story#
Relevant Diary (in Chinese):
D5P394,
D5P397
The biggest motivation for building a personal website came from Feb 19, 2021,
when I was doing the recsys research project.
I was stuck on a weird bug that I wasn't responsible for,
and couldn't report my progress to my mentor—
At the time, I was a bit worried that my teammates have doubts about my abilities.
Then I thought I must build a reputation for myself, so that in difficult times,
my viewpoints would be more convincing, and I would have more initiative to make choices.
— D5P373
It is this sense of urgency about my career success that pushed me to
make a project portfolio where I summarize my experiences and skills.
I gained basic knowledge of web development in Stanford's
CS 142 course, and
started building this website since late May of 2021. Now, it's still a work in progress.