This is a template for Astro based on the design of omg.lol pages.
-
Click on the "Use this template" button and create a new repository named
USERNAME.github.io
(replace USERNAME with your GitHub username). Then, in the repository, go intoSettings > Pages > Build and deployment
and change the Source to GitHub Actions. -
Update your details in the
src/config.json
file. The location is optional, and if you don't want to use it you can simply delete the line (don't leave it blank, though).The titles under links need to be exactly how you want them to appear. This means that if you want the link to appear as "gOoGle" then you need to type:
"gOoGle": "https://www.google.com"
Also keep in mind that you need to include
https://
for the link to work. -
Add your image to the
public/icon/
folder, and delete thefavicon.svg
file currently present. -
(Optional) You can change the background and text colors by editing the values in
src/styles/colors.scss
. -
Commit your changes, and go to https://USERNAME.github.io, and you should see your site. Enjoy!
-
git clone https://github.com/noClaps/links-template-astro.git && cd links-template-astro
-
Run this in the root directory (
npm install npm run dev
links-template-astro/
if you followed the instructions above), and openlocalhost:3000
in your desired browser to see the preview. Make sure to keep this repository and your dependencies up-to-date, especially if you plan to contribute. -
This builds the site and places the files in the
npm run build
dist/
directory.
The licenses of all npm dependencies are in their respective folders in node_modules/
when you install them with npm install
.
Astro, the static site generator used to generate this template, is licensed under the MIT license.
The icons come from Octicons and are licensed under the MIT License.
The Inter and Patua One fonts are licensed under the OFL-1.1 License.
All of the remaining content in this repository is licensed under the BSD Zero Clause license.