diff --git a/README.md b/README.md index d8649a07..a37e9d16 100644 --- a/README.md +++ b/README.md @@ -186,19 +186,18 @@ The Inkscape dependency is required for PNG rendering, as well as Segoe UI font > **Note** PNG mode is not supported since Inkscape will not be installed. -1. Sign in to **Vercel** or create a new account at -2. Clone this repository with `git clone https://github.com/DenverCoder1/github-readme-streak-stats.git` - - You may also fork the repository and clone your fork instead if you intend to make changes -3. Enter the directory with `cd github-readme-streak-stats` -4. Switch branches to the `vercel` branch with `git checkout vercel` -5. Make sure you have the [Vercel CLI](https://vercel.com/download) installed -6. Run `vercel` and follow the prompts to link your Vercel account and select a project name -7. The app will be deployed to `.vercel.app` -8. Visit [this link](https://github.com/settings/tokens/new?description=GitHub%20Readme%20Streak%20Stats) to create a new Personal Access Token (no scopes required) -9. Scroll to the bottom and click **"Generate token"** -10. Visit the [Vercel dashboard](https://vercel.com/dashboard) and select your project, then click **"Settings"**, then **"Environment Variables"**. -11. Add a new variable with the key `TOKEN` and the value as your token from step 9 and click "Save". -12. For the environment variable to be available, you will need to redeploy the app. Run `vercel --prod` to deploy to production. +1. Sign in to **Vercel** or create a new account at . +2. Use the following command to clone the repository: `git clone https://github.com/DenverCoder1/github-readme-streak-stats.git`. If you plan to make changes, you can also fork the repository and clone your fork instead. If you do not have Git installed, you can download it from . +3. Navigate to the cloned repository's directory using the command `cd github-readme-streak-stats`. +4. Switch to the "vercel" branch using the command `git checkout vercel`. +5. Make sure you have the Vercel CLI (Command Line Interface) installed on your system. If not, you can download it from . +6. Run the command `vercel` and follow the prompts to link your Vercel account and choose a project name. +7. After successful deployment, your app will be available at `.vercel.app`. +8. Open [this link](https://github.com/settings/tokens/new?description=GitHub%20Readme%20Streak%20Stats) to create a new Personal Access Token on GitHub. You don't need to select any scopes for the token. +9. Scroll to the bottom of the page and click on **"Generate token"**. +10. Visit the Vercel dashboard at and select your project. Then, click on **"Settings"** and choose **"Environment Variables"**. +11. Add a new environment variable with the key `TOKEN` and the value as the token you generated in step 9. Save the changes. +12. To apply the new environment variable, you need to redeploy the app. Run `vercel --prod` to deploy the app to production. ![image](https://user-images.githubusercontent.com/20955511/209588756-8bf5b0cd-9aa6-41e8-909c-97bf41e525b3.png)