_ ___ _ ______ _ _ _ _ _
| | / / | (_) | _ \ (_) | | | | | (_)
| |/ /| |__ _ __ _ ___ _ __ | | | |_____ __ __ _ _| |_| |__ _ _| |__ _ ___
| \| '_ \| '__| / __| '_ \| | | / _ \ \ / / / _` | | __| '_ \| | | | '_ \ | |/ _ \
| |\ \ | | | | | \__ \ |_) | |/ / __/\ V / _ | (_| | | |_| | | | |_| | |_) | _ | | (_) |
\_| \_/_| |_|_| |_|___/ .__/|___/ \___| \_/ (_) \__, |_|\__|_| |_|\__,_|_.__/ (_) |_|\___/
| | __/ |
|_| |___/
fork of not-pure-poole
Rick Roll Redirect - https://khrispdev.github.io/sus
Rick Roll Autoplay Youtube Video - https://khrispdev.github.io/mathtips
- Jekyll SEO Tag
- Jekyll Feed
- Jekyll Sitemap
- Jekyll Gist
- Google Analytics
- Disqus
- Font Awesome
- MathJax
- Dark mode (enabled automatically via CSS media query)
- Posts archive by dates, categories, and tags
- Pagination, generated by Jekyll Paginate
- TOC (generated by Vladimir "allejo" Jimenez's jekyll-toc)
- Related posts (time-based, because Jekyll) below each post
- Mobile friendly design and development
- Easily scalable text and component sizing with
remunits in the CSS - Support for a wide gamut of HTML elements
- Syntax highlighting, courtesy Pygments (the Python-based code snippet highlighter)
If you want to make your own color schemes, modify the CSS variables in the _sass/_variables.scss stylesheet with a scoped data attribute or class name.
For example, below we've created the beginnings of a blue theme:
// Example blue theme
[data-theme="blue"] {
--body-bg: var(--blue);
--body-color: #fff;
}Then, apply the theme by adding data-theme="blue" to the <html> element.
You can create a file _data/navigation.yml to configure links to some pages. For example,
- title: Blog
url: /
- title: About
url: /about/You can set your own cover image by modifying the cover_image variable in _config.yml, and you can also set different cover images on different pages by setting the cover_image variable on each page.
If you discover that the contrast between the cover text color and the cover background color is not enough, you can also adjust these two variables:
cover_bg_color: rgb(40, 73, 77)
cover_color: rgb(255, 255, 255)You can set your social links in _data/social.yml. You can custom titles, URLs, and icons (only support Font Awesome currently), for example:
- title: Email
url: mailto://[email protected]
icon: fas fa-envelope
- title: Twitter
url: https://twitter.com/vszhub
icon: fab fa-twitter
- title: GitHub
url: https://github.com/vszhub/not-pure-poole
icon: fab fa-githubNot Pure Poole supports posts archive by date, categories, and tags. For enabling that, you should put some data like below into _data/archive.yml:
- type: dates
title: Dates
url: /dates/
- type: categories
title: Categories
url: /categories/
- type: tags
title: Tags
url: /tags/After that, the navigation to these archive pages would be shown on the top of the homepage.
Then, you can create a category archive page, and set the below parameters on that page:
---
layout: archive-taxonomies
type: categories
---Or a tag archive page:
layout: archive-taxonomies
type: tagsOr archive by dates:
layout: archive-datestoc: true
math: true
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent