Git Activity: Commit changes to a tracked file

Part 4 of 6: Publish and update a website with Git and GitHub Pages

Create a GitHub repository
Clone a GitHub repository
Add an empty webpage to a local repo
Commit changes to index.html.
push changes to GitHub.
Deploy your GitHub repo to GitHub Pages.

Pre-requisites

You see nothing to commit, working tree clean when you check your repo status:
```
$ git status
```

Instructions

Using your code editor (VS Code, for example), make a change to index.html (or some other file) and save the file.
- For example: update the <title> of index.html.

Check the status of your repo:

$ git status

Git notices you've changed a file.

Changes not staged for commit:
  (use "git add <file>..." to update what will be committed)
  (use "git restore <file>..." to discard changes in working directory)
  modified:   index.html

no changes added to commit (use "git add" and/or "git commit -a")

Notice Git is telling us what to do next (add changes with add):
```
$ git add index.html
```
- You need to explicitly add changes before they can be committed later, because Git.

Let's check our status again:

$ git status

Our changes are now "staged" (i.e. ready to be committed):

Changes to be committed:
  (use "git restore --staged <file>..." to unstage)
    modified:   index.html

Commit your staged changes:
```
$ git commit -m "updated page title"
```
Git will save your changes as a snapshot of your project.
```
[main 169a1b0] added index.html
 1 file changed, 11 insertions(+)
 create mode 100644 index.html
```
- Warning: Commit messages are mandatory. If you omit -m "some commit message", your terminal will open vim or some other command line text editor. Worst case: close your terminal window and open another one.
Confirm the status of your repo:
```
$ git status
```
You should see nothing to commit, working tree clean.

Next Steps

Make more changes! Repeat the above steps until they become comfortable. For example:
- Add/update a <p> in the <body> of index.html;
- Add/edit embedded CSS in the <head> of index.html using <style>
- Link an external CSS file in the <head> of index.html using </link>.
When you're ready, push your changes to GitHub.

acidtone/README.md

Select an option

No results found

Select an option

No results found

Git Activity: Commit changes to a tracked file

Part 4 of 6: Publish and update a website with Git and GitHub Pages

Pre-requisites

Instructions

Next Steps