How To Make This Website
How did you make it?
I modeled my effort on this one. In short, it uses Poole, which is a theme for Jekyll. I write the posts in markdown and Jekyll converts the files to HTML.
How did you get math to render on your site?
The math on this site is rendered using MathJax. To get this working, I navigated to Jekyllâs
_layouts/default.htmland included this snippet:
<script type="text/javascript"
src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
</script>\[{a} = d_{e}\left(\frac{\rho_{p}}{\rho_{0}\chi}\right)^{\frac{1}{2}}\]Now I can use the LaTeX math format in my blog posts and it comes out as a beautiful equation. For example, the equation for the aerodynamic diameter of an aerosol particle1 is represented as
$${a} = d_{e}\left(\frac{\rho_{p}}{\rho_{0}\chi}\right)^{\frac{1}{2}}$$in my code, but producesâŚ
Why do your code blocks look so nice?
The built-in support for code blocks produced ugly horizontal scroll bars. To add functionality for code wrapping, I went to
_sass/_code.scss, found the block that started withpre {and added inwhite-space: pre-wrap;, which did the trick. If youâre on mobile, however, the code blocks are gonna look ugly.
How are you hosting it?
This website is hosted on github pages.
-
In case youâre interested, the particle is assumed to have a density pâ = 1000 kg/mÂł. Iâm still trying out using footnotes in markdown, so thatâs what Iâm doing here. ↩