Configuration
Configuration Overview
To customize the app, create your own configuration file:
- Copy
config.user.json.example
toconfig.user.json
in the root of your repository. - Edit
config.user.json
to make your changes. See below for options.
Available Customizations
Header
- Enable/Disable the app's Header
- Site Title: Customize the main site title. Use
{username}
to include the GitHub username (it will be linked to the profile on GitHub). - Header Text: Enable/Disable or change the text to the right of your profile image (set to a blank string to disable)
json
{
"header": true,
"siteTitle": "{username}'s Sites",
"headerText": "A list of my projects that have a GitHub Pages site."
}
Hero Section
Configure the hero section:
json
{
"hero": {
"src": "/hero.md",
"center": true
}
}
Display Mode
Set the default view:
json
{
"display": {
"view": "list"
}
}
Footer
Customize footer text and link:
json
{
"footer": {
"text": "Your custom text",
"includeGitCaseLink": false
}
}
Extra Repositories
Add repositories from other accounts or organizations:
json
{
"extraRepos": ["owner1/repo1", "owner2/repo2"]
}
These will be fetched and displayed using their full name (owner/repo).
Custom Filters
The default filter shows repositories with a homepage URL. To customize which repos are displayed:
- Copy
scripts/repo-filter.js.example
toscripts/repo-filter.js
in your fork. - Edit the
getFilteredRepos
function inrepo-filter.js
to apply your desired filter (examples are commented in the file).
GitHub Setup
When deployed via GitHub Actions, the workflow handles the configuration automatically. For local development, you'll need to set up your environment variables (see the Development section).