GithubHelp home page GithubHelp logo

ruhuang2001 / avocadotoast.live Goto Github PK

View Code? Open in Web Editor NEW

This project forked from avocadotoastlive/avocadotoast.live

0.0 0.0 0.0 1.51 MB

Home Page: https://avocadotoast.live/

License: MIT License

Shell 0.30% JavaScript 34.01% CSS 4.19% Liquid 61.50%

avocadotoast.live's Introduction

avocadotoast.live

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.)

What do I need?

You need to have Git, Node, NVM and Yarn set up on your computer. I assume you have basic Git skills and know how to write JavaScript for Node.

What do I need for Windows?

If you are using Windows, follow Microsoft's step-by-step guide to set up Node and NVM for Windows.

Where do I start?

Start with cloning this repository. Then get into the directory, set Node to the correct version 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 [email protected]:avocadotoastlive/avocadotoast.live.git
cd avocadotoast.live
nvm install
yarn install
echo 'NODE_ENV=development' > .env
yarn start

NVM has error on Windows.

NVM for Windows doesn't support Node version being defined in the .nvmrc file. nvm install without a version number will trigger an error. Use the following lines to replace the nvm install from above. (If .nvmrc is no longer pointing to lts/erbium, use the version defined in there instead.)

nvm install lts/erbium
nvm use lts/erbium

How does it work?

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.

The build time is too slow.

You can limit the number of episodes used in the local development build by setting the environment variable EPISODE_LIMIT.

echo "EPISODE_LIMIT=3" >> .env

avocadotoast.live's People

Contributors

catchen avatar dependabot-preview[bot] avatar dependabot[bot] avatar imgbot[bot] avatar ruhuang2001 avatar siying avatar vhxubo avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.