https://github.com/tekofx/linkleaf

🍃 Alternative to LinkTree
https://github.com/tekofx/linkleaf

github-pages react web

Last synced: 22 days ago
JSON representation

🍃 Alternative to LinkTree

• Host: GitHub
• URL: https://github.com/tekofx/linkleaf
• Owner: tekofx
• License: gpl-3.0
• Created: 2022-07-16T11:26:38.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2022-11-05T12:00:38.000Z (about 2 years ago)
• Last Synced: 2024-10-11T11:08:17.939Z (about 1 month ago)
• Topics: github-pages, react, web
• Language: JavaScript
• Homepage: https://tekofx.github.io/linkleaf
• Size: 1.22 MB
• Stars: 10
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: Changelog.md
  • License: LICENSE

Awesome Lists containing this project

README

        
LinkLeaf




    



A similar project to Linktree that can be hosted on Github Pages


[Demo](https://tekofx.github.io/linkleaf)

# How to get it ready

- Fork the repository

- Enable Github Actions on your repo

- Edit the `src/data.json` file with your data and push it to your repo

  - The icons are from [Font Awesome](https://fontawesome.com/icons?d=gallery). You can use whatever icon you want.

- Enable github pages in the settings of your repo. Go to Setting>Pages and set source: Deploy from branch and select `gh-pages` brach

    

  

- Now your LinkLeaf should be located on `https://{GITHUB_USERNAME}.github.io/linkleaf`

# Customization

## Change avatar

- Change `public/avatar.jpg` to your own avatar with .jpg extension

## Change background

There are two options: Use a color or use an image.

### Color

Just change the backgroundColor variable in `src/data.json` to your desired color.

### Image

- Remove the backgroundColor variable in `src/data.json`

- Change `public/background.jpg` to your own background with .jpg extension