Due to the custom theme provided by GitHub Pages, you're going to need to install Ruby and then Jekyll to get started. You'll also need NPM for TailwindCSS and PostCSS.
- Take note of the version of Ruby that you've installed.
- If you already have Ruby installed and need to know what version, use
ruby -v
in your terminal of choice. - When installing Jekyll, it is advised that you use the guide based on your OS.
- i.e. Windows users do not need to install
Make
orGCC
separately if using the Ruby+DevKit with MSYS2 & MINGW dev tool chain.
- i.e. Windows users do not need to install
After you have Jekyll installed, you need to create your fork of the repo and a clone of your fork.
First thing you should do is fork this repository by clicking the Fork
button in the top right of the screen (at least on desktop) and it should create a forked repository in your personal repositories.
Take note of what it's called.
Now you should open a terminal and cd
to the directory in which you want the local copy of your fork to be.
Once you've done this, you should run git clone https://github.com/{your-username}/{whatever-the-fork-is-called}
and then cd
into that directory.
Next, you should run npm install
to install the required dependencies for TailwindCSS
and PostCSS. Without this, you wouldn't be able to use Tailwind's awesome functionalities.
Now you should run bundle install
to install the appropriate gems then bundle exec jekyll serve
to host the files locally on localhost:4000
.
Adding the --livereload
flag at the end of the command will allow the server to automatically update whenever you have made a change to your copy of the files.
Now is the time to make whatever changes you want to make. Make the changes (hopefully you've said what you're doing), add the files, commit them to your personal fork and push them to the fork. Now you can make a Pull Request (PR) to merge into this repository.
These are solutions to specific problems that our contributors have had when following the above directions. If these steps don't solve your problems, you can open an issue and we may be able to help, but no guarantees. If you do run into a problem and the problem or solution is not detailed here, let us know so we can update these steps!
- If everything works properly except the
--livereload
flag and using it spits out an error containing something that says approximatelyUnable to load the EventMachine C extension
, try this sequence of commands while you'recd
'd into the root directory of the project:
gem uninstall eventmachine # (select all versions if prompted)
gem install eventmachine --platform ruby
- If you're on Windows 10 and the system language is set to something non-English and running
bundle -v
orjekyll -v
spits out errors containinginvalid byte sequence in UTF-8 (ArgumentError)
, then there's a chance that the somewhere some non-UTF-8 characters snuck into your filepaths. The solution that worked for us was to use a feature of Windows 10 that's still in Beta to force the use of UTF-8 in Windows. Note: there is no express or implied warranty that these steps won't come with side-effects. To understand what these steps are doing, check out this StackOverflow answer. Also note that these steps are written in English and if you need them, there's a good chance that you'll need to do some translating for the menu options to click on.- Open windows search and search for
intl.cpl
. This will launch a Control Panel page calledRegion
. - Go to the
Administrative
tab - Click on
Change System Locale
- There should be a checkbox that roughly translates to
Beta: Use Unicode UTF-8 for worldwide language support
. Click it and clickOk
. - If you can click
Apply
, do so. Then clickOk
. You can hopefully run bundle and jekyll commands now. Note: At least in PowerShell, after these steps non-UTF-8 characters in paths don't seem to render correctly anymore, but command prompt seems to display them fine.
- Open windows search and search for
- Windows users have experienced issues when trying to install Ruby using the windows package manager
- It is advised that Windows users use the
Ruby With DevKit Installer
from The Ruby Installer Site to circumvent this issue.
- It is advised that Windows users use the
- In some cases,
bundle install
does not automatically install thegithub-pages
andwebrick
gems.- If this occurs, you may see the error
cannot find executable jekyll fo gem jekyll
or similar. - If you try to run
jekyll -v
under this cicumstance, you may get another error:'block in verify_gemfile_dependencies_are_found!': Could not find gem 'github-pages'...
- To workaround this, you may simply
gem install github-pages
and thengem install webrick
.- After this, you should be able to use
jekyll -v
(orbundle exec jekyll -v
) to see the working jekyll version - At this point, you may run
bundle exec jekyll serve
again to ensure the configuration is properly running.
- After this, you should be able to use
- If this occurs, you may see the error