A simple boiler plate repo to stores all the code snippets and display it as an iframe. For now just tested javascript and with Dracula theme. Update template.html
file to change the base content of the website. Under the hood it uses highlight.js with line-number plugin and dracula theme. Use github action and update the gh-page.
- Create a new repo
- Select this template during creating a new repo
- Give Github Action permission to read and write the repo. Under Setting > Action > Workflow Permission
- Re-run the workflow under the Action Tab |> To Create a branch <|
- Enable Github Page under Setting > Pages
- Select Deploy from branch
- Under Branch select gh-page dropdown.
- Click save
- Goto: https://username.github.io/repo_name/sample-file.html
To customize the code that's in the source folder, create a file with the same name with .config.json
ext.
sample-file.js => sample-file.config.json
{
"highlightLines": [1,2,3],
"lineNumberStartAt": 10
}
Remove the
sample-file.js
andsample-file.config.json