Blog

Devrsi0n's blog fork from gatsby-theme-novela v0.7.0. Home page favicon copied from icons8.com. Home page illustrations copied from undraw.co.

💪 Quick start

# Install dependencies
yarn
# Gatsby local development
yarn dev
# Gatsby build for deploy
yarn run build
# Zeit now severless functions local development
NOW_DEV=true now dev

🚀 Improvements

I made some improvements to make this blog even better.

Comments widget by https://utteranc.es
Clean white code color theme
Page transition animation
Last updated date
Code language label
Page loading progress bar
Scroll to top or bottom
Table of content
Anchor hover animation
Copied toast
Fix inlineCode block highlight
Fix initial color mode
Selected text highlight
Weibo share
Heading link
Like and applause actions, and there is a backend to save data
Custom analytics, e.g. article pv(page view)
- As Google analytics blocked by many blockers, e.g. ADBlock
End to end test by cypress

🚧 Working in progress

Type safe, 100% TypeScript support
- ~~Emotion styled theme types are not working, at least not work for me, issue，emotion doc.~~
- Emotion styled theme types are working, but other props such as as are not. issue
Refactor @emotion/styled to @theme-ui/components to fix type issue above and more formal specification
~~GraphQL type defines~~
~~Click hash link scroll to top~~

devrsi0n/blog

Blog

💪 Quick start

🚀 Improvements

🚧 Working in progress