Skip to content

Add gh pages preview to tutorial #12

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
rdmolony merged 2 commits into from
Sep 22, 2021
Merged

Add gh pages preview to tutorial #12

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
d58b142
Add gh-pages branch preview to tutorial
rdmolony Sep 22, 2021
3edd1fe
Add image to submit a pull request across forks
rdmolony Sep 22, 2021
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
24 changes: 14 additions & 10 deletions _posts/2021-09-22-add-map-link.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,32 +7,36 @@ tags:
- tutorial
---

1. Fork the [website's Github](https://github.com/rdmolony/codema-dev.github.io) (see [here](https://guides.github.com/activities/forking/)) - this creates a copy of the website just for you.
- Fork the [website's Github](https://github.com/rdmolony/codema-dev.github.io) (see [here](https://guides.github.com/activities/forking/)) - this creates a copy of the website just for you.

<img width="259" alt="fork" src="https://github-images.s3.amazonaws.com/help/bootcamp/Bootcamp-Fork.png">

2. On your fork add a new branch (see [here](https://docs.github.com/en/github/collaborating-with-pull-requests/proposing-changes-to-your-work-with-pull-requests/about-branches)) - this creates a sandbox in which you make changes to your hearts content, and delete if needs be!
- On your fork add a new branch (see [here](https://docs.github.com/en/github/collaborating-with-pull-requests/proposing-changes-to-your-work-with-pull-requests/about-branches)) - this creates a sandbox in which you make changes to your hearts content, and delete if needs be!

<img width="259" alt="add-branch" src="https://user-images.githubusercontent.com/50016440/134347523-80dc5710-ece8-42d1-b807-68954ee6ce11.png">

3. Click `_posts` > `Add file` > `Create new file`
- Click `_posts` > `Add file` > `Create new file`

<img width="222" alt="add-post" src="https://user-images.githubusercontent.com/50016440/134348307-59cae177-8207-4cd9-9123-3414a6ec957f.png">

4. Create a new file called `YYYY-MM-DD-filename.md` (ex: `2021-09-22-marine-atlas.md`) and add your content.
- Create a new file called `YYYY-MM-DD-filename.md` (ex: `2021-09-22-marine-atlas.md`) and add your content.

> The section between the `---` symbols defines the metadata about your page (see [here](https://jekyllrb.com/docs/front-matter/) for options, [here](https://mmistakes.github.io/minimal-mistakes/year-archive/) for sample posts and [here](https://github.com/mmistakes/minimal-mistakes/tree/master/docs/_posts) for the sample posts Github)

<img width="950" alt="add-content-zoomed" src="https://user-images.githubusercontent.com/50016440/134348872-a5d05e78-9dea-435a-9b51-0b0dea4c9b9e.png">

5. Commit your new file to your branch
- Commit your new file to your branch

<img width="960" alt="commit-file" src="https://user-images.githubusercontent.com/50016440/134349923-499748e7-ee4b-4def-9fcc-a2b8eb306d78.png">
<img width="950" alt="commit-file-zoomed" src="https://user-images.githubusercontent.com/50016440/134355523-1f8df6ab-148c-427c-9e42-84d5eff1338d.png">

6. When you're happy with your edits go to [website's Github](https://github.com/rdmolony/codema-dev.github.io), click `Pull Reqeuest` and submit a pull request using your branch.
- Preview your edits by clicking `Settings` > `Pages` > `Source` and selecting your branch

<img width="960" alt="create-pull-request" src="https://user-images.githubusercontent.com/50016440/134350683-809e3ea5-8741-4cf5-a476-6d8617ecdf32.png">
<img width="796" alt="setup-github-pages" src="https://user-images.githubusercontent.com/50016440/134355351-ac486234-821e-4d19-bb76-b2beaa262575.png">

7. After a final review of the post, merge the changes in and delete your branch if you like
- When you're happy with your edits go to [website's Github](https://github.com/rdmolony/codema-dev.github.io) and accept the "Would you like to submit a Pull Request" prompt

<img width="960" alt="merge-post" src="https://user-images.githubusercontent.com/50016440/134350984-3e205ce6-a124-48af-98e9-04eceec1d7fb.png">
> Or click `Pull Requests` > `New Pull Request` > `compare across forks` and select your fork for `head repository` and your branch for `compare` and finally `Create Pull Request`

<img width="933" alt="create-pull-request-zoomed" src="https://user-images.githubusercontent.com/50016440/134357269-71aa5d74-5f3f-46de-b735-55dc561a826d.png">

- After a final review of the post, merge the changes in and delete your branch if you like!