/ryanccn.dev

RyanCao website, made with Eleventy and Tailwind CSS

Primary LanguageJavaScriptMIT LicenseMIT

ryanccn.dev

My personal website, made with Eleventy and Tailwind CSS!

Features

  • Optimized images, with different formats, sizes, and low-quality image placeholders (LQIP)
  • Social image generation with satori for every page
  • Build processes for JavaScript and CSS right in Eleventy through .11ty.js templates
  • Syntax highlighting for blog posts in Markdown using @11ty/eleventy-plugin-syntaxhighlight

Project

  • src/_layouts/: layouts
  • src/_data/: global data stuff fed to Eleventy
  • src/utils/: node scripts & utilities related to the build process
  • src/posts/*.md: the blog posts, written in Markdown
  • images/: images for the blog posts

Get started

$ yarn        # install deps
$ yarn dev    # start development server
$ yarn build  # run production build
$ yarn clean  # clean up build artifacts and caches

License(s)

  • Code: MIT (LICENSE)
  • Content & Images: CC-BY-SA-4.0 (LICENSE-content)