Make a GitHub Pages site with Jekyll
Follow these steps
-
Create a repo. Don’t add a readme file.
-
Make a local repo on your computer.
-
Copy and execute the code under …or create a new repository… that you see on GitHub.
-
Make a new Jekyll project in the local directory:
jekyll new --skip-bundle . --force
The
--force
flag will create the directory eventhough it already exists. -
Modify the Gemfile
-
Comment out
jekyll
line -
Uncomment
github-pages
and specify dependency version. For example:gem "github-pages", "~> 232", group: :jekyll_plugins
-
-
Run
bundle install
Add Gemfile.lock to .gitignore
-
Modify config.yml
If using a custom domain and CSS does not load, modify the
url
parameter:url: "https://mateo.casa"
-
Preview site locally
bundle exec jekyll serve
-
Commit files and push to GitHub
-
Set up GitHub Actions
-
Pages/Settings/Build and Deployment
-
Choose Jekyll Workflow
-
Commit changes
-
-
Verify custom domain if using
-
Profile/Settings/Pages
-
I think this can be done even before creating the repo.
-
-
Configure A Records
Source
Here’s the YouTube tutorial I followed to make this workflow: