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