fu4303 / portfolio-ryanccn

ryanccn.dev

My personal website, made with Eleventy and Tailwind CSS!

Features

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

Project

• utils/: node scripts & utilities related to the build process
• _layouts/: layouts
• _data/: global data stuff fed to Eleventy
• content/: the blog posts, written in Markdown
• images/: images for the blog posts
• pages/: the pages for Eleventy to generate from

Get started

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

License

MIT. Do whatever you like with this code.