A free and simple links aggregator template built for hosting with GitHub Actions and Pages.
-
Clone the repo to your machine.
-
Update dependencies:
npm install or yarn install
-
Start the local server to preview your changes:
npm run dev or yarn dev
-
Change your Font Awesome kit URL on the
nuxt.config.js
file. -
Change pictures on
static
andassets
folders.
(Note: I've used
.webp
format for the main picture, as recommended by Google's PageSpeed Insights)
-
Change name, description, and links on the
pages/index.vue
file. -
If you want to change the style, you can do this on the
static/assets/style/main.css
file.
(Note: If you want to change the font family of the site, you'll need to change it on the
nuxt.config.js
file, as well as on themain.css
file)
-
Change your username and repo name on the
.github/workflows/main.yml
file. -
Push your changes to your repo and wait for the GitHub Actions to finish the build and deployment to GitHub Pages.
You can find the GitHub Actions workflow file on .github/workflows/main.yml
, this file contains everything about it, but it basically uses of ashkantaravati/[email protected]
action from the marketplace to build and deploy to the gh-pages
branch of the repo.
If you want to use it:
-
Make sure you have selected
Read and write permissions
onSettings > Actions > General > Workflow permissions
, so the action can push the generated static site files to thegh-pages
branch. -
Enable GitHub Pages on
Settings > Pages
, selectinggh-pages
as your source branch.
Bonus, if you want to use a custom domain:
-
Verify it on
You Account Settings > Pages
, click onAdd Domain
and just follow the instrusctions. -
As finishing it, just add the following GitHub's records to your DNS provider configuration:
A records:
185.199.108.153 185.199.109.153 185.199.110.153 185.199.111.153
AAAA records:
2606:50c0:8000::153 2606:50c0:8001::153 2606:50c0:8002::153 2606:50c0:8003::153
You can find more information on the official documentation.
Feel free to open an issue if you found a bug or have a suggestion, so we can discuss the best way to improve or fix it.
You're welcome to contribute to this project, just create your pull request, and wait for the review.
This project is under MIT license, so you can freely use it for your personal, professional or project website.