Skip to content

Give your portfolio a header - #2

Merged
JeremySnidaro merged 2 commits into
mainfrom
add-headers
Jun 26, 2021
Merged

Give your portfolio a header#2
JeremySnidaro merged 2 commits into
mainfrom
add-headers

Conversation

@github-learning-lab

Copy link
Copy Markdown

Step 3: Add headers

As you saw on your website, your portfolio doesn't have much content yet. We'll learn how to edit the file in this pull request to incorporate some Markdown headers.

You can see an example of a header at the top of this page! Just like in HTML, a header is a larger bit of text at the beginning of a section. There are six sizes.

Example

# This is an <h1> header, which is the largest
## This is an <h2> header
###### This is an <h6> header, which is the smallest

How it looks

This is an <h1> header, which is the largest

This is an <h2> header

This is an <h6> header, which is the smallest

In issues, pull requests, and comments, you can use the text formatting toolbar.

The toolbar isn't available everywhere. When you edit a file, you must type the # symbols manually.

⌨️ Activity: Edit your file with headers

  1. Open your preferred command line interface, which we'll call your shell from now on.
  2. Clone this repository:
    git clone https://github.com/JeremySnidaro/markdown-portfolio.git
  3. Navigate to the repository in your shell:
    cd markdown-portfolio
  4. Checkout to the branch in this pull request:
    git checkout add-headers
  5. In your text editor of choice, open the file called 01-name.md, in the _includes directory. On the first line, replace the text with your name, and add a # before the content to make it an H1 Header.
  6. Save your file. Every time you make changes, it's a good idea to type git status. You should type this after you stage files, and after you commit. It's always a good idea!
  7. Stage your file:
    git add _includes/01-name.md
  8. Commit the change and add a commit message:
    git commit -m "<YOUR MESSAGE>"
  9. Push your new commit to GitHub:
    git push

Watch below for my response.

@github-learning-lab

Copy link
Copy Markdown
Author

Step 4: Merge your headers

I see you've added at least one header, @JeremySnidaro. You can continue working if you'd like, otherwise let's merge 📖 this pull request and move on with the course.

⌨️ Activity: Merge the Pull Request

  1. Check out to the main branch:
    git checkout main
  2. Merge your branch:
    git merge add-headers
  3. Push the merged history to GitHub:
    git push
  4. Delete your the branch locally:
    git branch -d add-headers

Watch below for my response!

@JeremySnidaro
JeremySnidaro merged commit ffce285 into main Jun 26, 2021
@github-learning-lab

Copy link
Copy Markdown
Author

Nice headers, @JeremySnidaro! You can see your work here: https://jeremysnidaro.github.io/markdown-portfolio/

⌨️ Activity: Delete your branch

  1. Delete your branch 📖 in this pull request.

Go to the next pull request now!

@JeremySnidaro
JeremySnidaro deleted the add-headers branch June 26, 2021 12:09
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants