Coding Notes

Markdown

By Rae

Markdown

Styling Text

Images

ReadMe

Notes

  • Heading
    • Add one to six # symbols efore the text. This corresponds to h1 - h6 and will determine the hierarchy level and typeface of the text.
    • # Heading 1
    • ## Heading 2
    • ### Heading 3
  • Styling Text
    • Bold text with ** or __ (Ex: **bolded text**, __bolded text__)
    • Italisize text with * or _ (Ex: *italic text*, or _italic text_)
    • Strikethrough text with ~~ (Ex: ~~strikethrough text~~)
    • Bold and Italic text with *** (Ex: ***bold and italic text***)
    • Bold text with nested Italic text (Ex: **bold text _italic text_**)
  • \ is an escape character for when you need to go to a new line
  • Quoting
    • Blockquote text with a > (Ex: > Blockquote text)
    • Quote code with ` (Ex: `code`)
    • Quote a block of code with ``` (Ex: ```block of code```). To close it add ``` to a new line. On github this will be copyable. You need a space below the blockquote text to escape it.
  • Links and Email Adresses
    • [Link Text](website.com)
    • Link text in markdown wont open in a new tab (boo) If you need to you can use HTML for a link or tell the user to right click.
    • On github you can use relative links to direct to other files in your repo. (Ex: linking to the contributing file in your readme might look liek this: [contributing.md](docs/contributing.md))
    • Link to an email address by wrapping the email in <> (Ex: <email@email.com>)
  • Images
    • Link to images by adding ! in front of the square brackets [] that will wrap the alt text and parenthases () that will wrap the image URL. (Ex: ![alt text](./image.png))
    • Add a docs folder with your image directory with any screenshots for the readme.
    • Open up file explorer and drag an image into the readme file and it will place the image HTML in it.
  • Lists
    • Make an unordered list by preceding text with - * or +.
    • Nest lists by adding spaces in front of the list marker character.
    • You can create task lists by prefacing each item with a - a pace and a square brackets [].
    • To mark a task as complete use x inside the brackets.
    • Example: * Fruit - grapes - apple - [X] Banana - [ ] Avacado * Vegitables - carrot - asparagus
  • When writing markdown in VS Code hit ctrl + K to view what it will look like on github.
  • What To include in your Reademe
    • Title
    • Description (what app does, tech used, challenges and goals for improving in the future)
    • Table of contents -- github wll generate a table of contents if you view the readme file in the right corner. To link to different headings to #the-heading-title.
    • Instructions and exmples for users/contributors
    • Credits (collaborators, resources used)
    • A LICENSE IF YOUR PROJECT IS OPEN SOURCE
  • ReadMe Generator
  • ReadMe Checklist

Resources

Definitions

Markdown
An easy-to-use simplified markup language that is an alternative to using HTML.
Standard HTML uses tags to surround plain text to specify how that text displays.
Markdown Language simplifies formatting plain text by using keyboard strokes.
Alert
Alerts are markdown extention based on blockquote syntax that can be used to emphasize important information.
Should be used conservatively.
Markdown
A readeMe is often the first item a visitor will see when visitiing your repository.
Usually a simple plain text file with .txt or .md file type.
A readme is a good place to land and see a summary of your project and what the code does.
This may be helpful for someone who does not read programming languages.

Questions

Opinions