Skip to content

Introduce yourself to the world - #3

Merged
JeremySnidaro merged 3 commits into
mainfrom
add-images-links
Jun 26, 2021
Merged

Introduce yourself to the world#3
JeremySnidaro merged 3 commits into
mainfrom
add-images-links

Conversation

@github-learning-lab

Copy link
Copy Markdown

Step 5: Add an image

Now, you're going to add an image. You can add an image of yourself or anything else you'd like to feature. You'll also learn how to create descriptive text, or "alt text", for images, and how to create links.

Images

Let's add an image. Don't forget to include descriptive text in the square brackets. This text is read aloud for people using screen readers. It's also shown at times when your image doesn't display, such as when there's a poor connection. You can see the syntax for images below:

![Image of Yaktocat](https://octodex.github.com/images/yaktocat.png)

Image of Yaktocat

⌨️ Activity: Adding an image

  1. In your shell, checkout to the branch in this pull request:
    git checkout add-images-links
  2. In your text editor of choice, open the file called 02-image.md, in the _includes directory. In the file, replace the content with the correct Markdown for your image of choice. Don't forget to include alt-text!
  3. Save your file.
  4. Stage your new file:
    git add _includes/02-image.md
  5. Commit the change and add a commit message:
    git commit -m "<YOUR MESSAGE>"
  6. Push your new commit to GitHub:
    git push

Watch below for my response!

@github-learning-lab

Copy link
Copy Markdown
Author

Step 6: Add a profile link

Your image looks great! Next, you'll want to add links to your awesome portfolio projects. Links help create context when you’re communicating in issues and pull requests.

You might link to a website, a repository, or even a line of code. To create a link, put the text you want to display in square brackets, and the URL in the following parentheses.

[GitHub](http://github.com)

⌨️ Activity: Add a link

  1. In your shell, verify that you are currently checked out to the branch add-images-links:
    git status
  2. If you are not, then checkout to that branch:
    git checkout add-images-links
  3. In your text editor of choice, open the file called 03-links.md, in the _includes directory. Replace the filler text with a link to your GitHub profile (or anywhere else).
  4. Save your file.
  5. Stage your new file:
    git add _includes/03-links.md
  6. Commit the change and add a commit message:
    git commit -m "<YOUR MESSAGE>"
  7. Push your new commit to GitHub:
    git push

Watch below for my response!

@github-learning-lab

Copy link
Copy Markdown
Author

Step 7: Merge your image and link

This looks great, @JeremySnidaro! You've created a link to show off your portfolio, and now you can share it with the world.

⌨️ Activity: Merge the Pull Request

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

Watch below for my response!

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

Copy link
Copy Markdown
Author

Good job with images and links! See your work here: https://jeremysnidaro.github.io/markdown-portfolio/

⌨️ Activity: Delete the branch

  1. Delete your branch in this pull request.

Go to the next activity now!

@JeremySnidaro
JeremySnidaro deleted the add-images-links branch June 26, 2021 12:15
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