Welcome to my new blog! It's JavaScript from head to toe using the amazing site generator Gatsby and
styled-componentsfor the design and layout. The latter relies heavily on the awesome CSS grid, by the way.
When writing papers in an academic environment, the goal is to make them as compact as possible, easy and quick to read and understand. In such writings, the inclusion of as many results as possible is often more important than pointing out the path that led to those results.
This is why it is so difficult to understand papers from topics other than one's own and to find access to new fields. With this blog I want to try to create a more intuitive access for people who feel similar to me. Maybe we can find better insights into foreign fields while interacting and reading about each others works. That is my motivation and the goal of this project.
Built with Gatsby
The site is fully responsive, built with Gatsby, has fluid typography, relies heavily on React Hooks for stateful function components and CSS grid for layout. It uses the following libraries:
- MDX for interactive content.
- styled-components for appearance + DarkMode.
- KaTeX for typesetting math.
- gatsby-remark-vscode for syntax highlighting.
- Disqus for blog post comments.
- Algolia for custom search.
- react-spring for animations.
To get this site running locally, you need to have installed git, gatsby-cli and yarn (or npm). Then follow these steps:
-
Clone the repo to your machine and change into its directory.
git clone https://github.com/nathanaelnoir/Website \ && cd blog
-
Optionally setup
githooks (recommended if you intend to open a PR).git config core.hooksPath src/utils/gitHooks \ && chmod -R u+x src/utils/gitHooks -
Install dependencies.
yarn
-
Start the dev server. This may take a while on initial compilation since the site uses quite a lot of images which Gatsby creates thumbnails of and then caches.
gatsby develop