Introduce yourself to the world

MasonCaccamise / markdown-portfolio

https://lab.github.com/githubtraining/communicating-using-markdown

MIT License

0 stars 0 forks source link

Introduce yourself to the world #4

Closed github-learning-lab[bot] closed 2 years ago

github-learning-lab[bot] commented 2 years ago

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

:keyboard: Activity: Adding an image

In your shell, checkout to the branch in this pull request:
```
  git checkout add-images-links
```
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!
Save your file.
Stage your new file:
```
  git add _includes/02-image.md
```
Commit the change and add a commit message:
```
  git commit -m "<YOUR MESSAGE>"
```
Push your new commit to GitHub:
```
  git push
```

Watch below for my response!

github-learning-lab[bot] commented 2 years ago

Something doesn't look quite right with this image. Make sure:

The placeholder text is deleted
Your image formatting is correct (![alt-text](image-url))
The image has alt text

:keyboard: Activity: Add an image

In your shell, checkout to the branch in this pull request:
```
  git checkout add-images-links
```
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!
Save your file.
Stage your new file:
```
  git add _includes/02-image.md
```
Commit the change and add a commit message:
```
  git commit -m "<YOUR MESSAGE>"
```
Push your new commit to GitHub:
```
  git push
```

If you would like assistance troubleshooting, create a post on the GitHub Community board. You might also want to search for your issue to see if other people have resolved it in the past.

Watch below for my response!

github-learning-lab[bot] commented 2 years ago

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)

:keyboard: Activity: Add a link

In your shell, verify that you are currently checked out to the branch add-images-links:
```
  git status
```
If you are not, then checkout to that branch:
```
  git checkout add-images-links
```
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).
Save your file.
Stage your new file:
```
  git add _includes/03-links.md
```
Commit the change and add a commit message:
```
  git commit -m "<YOUR MESSAGE>"
```
Push your new commit to GitHub:
```
  git push
```

Watch below for my response!

github-learning-lab[bot] commented 2 years ago

Something doesn't look quite right with this link. Make sure:

The placeholder text is deleted
Your link formatting is correct ([text](url))

:keyboard: Activity: Add a link

In your shell, verify that you are currently checked out to the branch add-images-links:
```
  git status
```
If you are not, then checkout to that branch:
```
  git checkout add-images-links
```
In your text editor of choice, open the file called 03-links.md, in the _includes directory. Add a link using the syntax [text](https://example.com).
Save your file.
Stage your new file:
```
  git add _includes/03-links.md
```
Commit the change and add a commit message:
```
  git commit -m "<YOUR MESSAGE>"
```
Push your new commit to GitHub:
```
  git push
```

If you would like assistance troubleshooting, create a post on the GitHub Community board. You might also want to search for your issue to see if other people have resolved it in the past.

Watch below for my response!

github-learning-lab[bot] commented 2 years ago

Something doesn't look quite right with this link. Make sure:

The placeholder text is deleted
Your link formatting is correct ([text](url))

:keyboard: Activity: Add a link

In your shell, verify that you are currently checked out to the branch add-images-links:
```
  git status
```
If you are not, then checkout to that branch:
```
  git checkout add-images-links
```
In your text editor of choice, open the file called 03-links.md, in the _includes directory. Add a link using the syntax [text](https://example.com).
Save your file.
Stage your new file:
```
  git add _includes/03-links.md
```
Commit the change and add a commit message:
```
  git commit -m "<YOUR MESSAGE>"
```
Push your new commit to GitHub:
```
  git push
```

If you would like assistance troubleshooting, create a post on the GitHub Community board. You might also want to search for your issue to see if other people have resolved it in the past.