How to Create a Blog Website

Ming Sun

Ming Sun / October 17, 2022

7 min read––– views

Welcome to my personal website. In this blog post, I will talk about the tools, technologies and references I used to create my blog.

Javascript

Javascript logo

JavaScript , often abbreviated as JS, is a programming language that is one of the core technologies of the World Wide Web, alongside HTML and CSS. As of 2022, 98% of websites use JavaScript on the client side for webpage behavior, often incorporating third-party libraries. All major web browsers have a dedicated JavaScript engine to execute the code on users' devices.

I learned Javascript when I was doing my PhD back at Arizona State University (ASU) as one of my hobbies. Learning vanilla Javascript is not very difficult and if you have learned other programming language before, that will make you life much easier for JS as well.

Nowadays, there are tons of Javascript framework which can be used to create website. The ones I chose to use is React and Next.JS.

To learn Javascript, React and NextJS, the following are some of the references:


Tainwind CSS

Javascript logo

Tailwind CSS is an open source CSS framework. The main feature of this library is that, unlike other CSS frameworks like Bootstrap, it does not provide a series of predefined classes for elements such as buttons or tables. Instead, it creates a list of "utility" CSS classes that can be used to style each element by mixing and matching.

To learn CSS and Tailwind, the following are some of the references:


Markdown

Javascript logo

Markdown is a lightweight markup language for creating formatted text using a plain-text editor. John Gruber and Aaron Swartz created Markdown in 2004 as a markup language that is appealing to human readers in its source code form. Markdown is widely used in blogging, instant messaging, online forums, collaborative software, documentation pages, and readme files.

AsciiMath is used to create the equations in the post.

To learn NextJS and markdown, the following are some of the references:


Summary

I use React and NextJS to design my personal website. Tailwind CSS are chosen to style my blog. To tracking the views of each wiki and blog post, I use PlaneScale and Prisma for setting up my backend database.

Thank you very much for Lee Robinson to share his blog Git repo.

Finally, the website is deployed at Vercel.

Thank you very much Lee Robinson for sharing his blog Git repo.

Enjoy! 😄


HomeWikis
SnippetsAbout
Google ScholarLinkedIn