Avocado Toast is our technology podcast in Chinese. This is the source code that builds the podcast's static website on https://avocadotoast.live/. If you are interested in helping us improve the website, you come to the right place. Feel free to open new issues and contribute your own code. (If you are a listener of our podcast, you can join our Telegram group to chat with us.)
You need to have Git, Node and Yarn set up on your computer. I assume you have basic Git skills and know how to write JavaScript for Node.
Start with cloning this repository. Then get into the directory and use Yarn to install dependencies. Set environment variable NODE_ENV to development. Start a local server with Yarn. Now you can modify the code and see your change locally.
git clone git@github.com:CatChen/avocadotoast.live.git
cd avocadotoast.live
yarn install
echo 'NODE_ENV=development' > .env
yarn start
This project uses a static site generator called Eleventy. It fetches data from the podcast's feed and then generate a page for each episode. And then it adds a homepage. That's everything it does.
The homepage's source code is in index.liquid. episodes.liquid is responsible for generating one page for each episode. Both of them use a template language called Liquid.