First time trying to set up my website!

1 minute read

Published:

Some resources to build a personal web.

Time for Web Rookie

Yes, I am a web rookie. With the help from Cindy, I explored the basic concepts and use the academic template to build my own website.

Concept time

If you are also a rookie, this concept might be helpful. But if you just want to substitute the content in the template without changing other things, you can ignore this part too.

  1. jekyll is a static websites generator. It helps transfer the text content and layout to websites. If you hope to preview the website on local machine, you should install it. Or you can also let gitpages help you do that online (but need to push your code and wait for sometimes). Installing it on mac is easy, but installing it on windows can be a pain.
  2. html: hyper text markup language. You can use it to design the website components and contents.
  3. css: Cascading Style Sheets. With html element, you can use css to determine how to display them (font, color, size etc.)
  4. javascript: define the website behavior.

Some Resources

  1. Install jekyll on windows:
    1. https://jwillmer.de/blog/tutorial/how-to-install-jekyll-and-pages-gem-on-windows-10-x46
    2. https://wq133.github.io/2021/03/31/%E5%8D%9A%E5%AE%A2%E6%90%AD%E5%BB%BA/#%E4%BA%8Cjekyll
  2. Setup blog with gitpages:
    1. https://zhuanlan.zhihu.com/p/77327461
    2. https://github.com/qiubaiying/qiubaiying.github.io
    3. https://www.jianshu.com/p/9535334ffd54