Git Product home page Git Product logo

markdown-portfolio's People

Contributors

github-learning-lab[bot] avatar hectorsector avatar hollenberry avatar seleneyang avatar

Stargazers

 avatar

Watchers

 avatar  avatar  avatar  avatar

markdown-portfolio's Issues

Getting started with this repo

Welcome to your repository!

This repository ๐Ÿ“– is all about communicating with Markdown. The first thing to know about communicating with Markdown ๐Ÿ“– is that Markdown is an easy and widely used way to format your text.

This repository, and all of the activities you complete in it, will be working towards building a static webpage displaying your customized portfolio.

What is Markdown?

Markdown is a lightweight syntax for styling all forms of writing on the GitHub platform and the web. You control the display of the document; formatting words as bold or italic, adding images, and creating lists are just a few of the things we can do with Markdown. Mostly, Markdown is just regular text with a few non-alphabetic characters thrown in, like # or *. You can use Markdown with the toolbar in Issues ๐Ÿ“– and Pull Requests ๐Ÿ“–, or you can learn the syntax and type it yourself.

You can use Markdown most places around GitHub:

  • Comments in Issues and Pull Requests (like this one!)
  • Files with the .md or .markdown extension
  • Sharing snippets of text in Gists

For more information, see โ€œWriting on GitHubโ€ in the GitHub Help Documentation.

Let's get started!

More to learn

๐ŸŽ‰ Congratulations, you've completed this course!

congratulations

During this course you successfully:

  • Added a checklist to an Issue comment
  • Enabled GitHub Pages on your repository
  • Committed changes to your webpage by:
    • Adding headers to the 01-name.md file
    • Including an image in the 02-image.md file
    • Creating links to other websites in the 03-links.md file
    • Adding your accomplishments to the 04-lists.md file
    • Using emphasis like bold and italics in the 05-emphasis.md file
  • Learned about Jekyll Themes

Now that you have mastered the basics of Markdown @seleneyang, here's some quick information about some of the other cool features we didn't cover.

More Links in Markdown

Username and Team @mentions

Username and Team @mentions

Typing an @ symbol, followed by a username, will notify that person to come and view the comment. This is called an โ€œ@mentionโ€, because youโ€™re mentioning the individual. You can also @mention teams within an organization.

@githubteacher

@githubteacher


Cross Links

Cross Links

You can bring up a list of suggested Issues and Pull Requests within the repository by typing #. Type the Issue or Pull Request number or title to filter the list, and then press either tab or enter to complete the highlighted result.

Additionally, references to Issues and Pull Requests are automatically converted to shortened links to the Issue or Pull Request. For example,

Reference type Raw reference Short link
Issue or Pull Request URL https://github.com/jlord/sheetsee.js/issues/26 #26
# and Issue or Pull Request number #26 #26
GH- and Issue or Pull Request number GH-26 GH-26
Username/Repository# and Issue or Pull Request number jlord/sheetsee.js#26 jlord/sheetsee.js#26

Linking Specific Commits

Linking Specific Commits

References to a commit's ID (commonly called a SHA or hash) are automatically converted into shortened links to the commit on GitHub. For example,

Reference type Raw reference Short link
Commit URL jlord/sheetsee.js@a5c3785 a5c3785
SHA a5c3785ed8d6a35868bc169f07e40e889087fd2e a5c3785
User@SHA jlord@a5c3785ed8d6a35868bc169f07e40e889087fd2e jlord@a5c3785
Username/Repository@SHA User/Repository@SHA: jlord/sheetsee.js@a5c3785 jlord/sheetsee.js@a5c3785

Formatting Markdown

Quotes

Quotes

You can quote text with a >.

In the words of Abraham Lincoln:

> Pardon my French

In the words of Abraham Lincoln:

Pardon my French


Tables

Tables

You can create tables by assembling a list of words and dividing them with hyphens - (for the first row), and then separating each column with a pipe |:

```
First Header | Second Header
------------ | -------------
Content from cell 1 | Content from cell 2
Content in the first column | Content in the second column
```
First Header Second Header
Content from cell 1 Content from cell 2
Content in the first column Content in the second column

Inline Code Blocks

Inline Code Blocks

Sometimes, it makes text easier to read if you specify a certain term as code. The word "code" in the previous sentence was distinguished in markdown with inline code blocks.

Inline code is just one ``` character on either side of the text, and can be used within paragraphs, headers, or other markdown.

`inline code is just one backtick`

inline code is just one backtick


Separate Code Blocks

Separate Code Blocks

If you need to separate out a larger block of code, use three ``` characters instead of one, and set the text aside in its own paragraph. This is how the course shows you how markdown looks without actually formatting it.

Anything put in this **paragraph** will not be _formatted_ even if it would normally be recognized in this setting. :taco:

Anything put in this paragraph will not be formatted even if it would normally be recognized in this setting. ๐ŸŒฎ


Syntax Highlighting

Syntax Highlighting

In addition to code blocks, you can specify how the code should be formatted by language. For example, when we add the language after the first three ``` characters, the formatting is specific to the programming language.

What we type:
javascript function fancyAlert(arg) { if(arg) { $.facebox({div:'#foo'}) } }

What we see:

function fancyAlert(arg) {
  if(arg) {
    $.facebox({div:'#foo'})
  }
}

Summary dropdown

Summary dropdown

You might have noticed that most of the text in this issue is formatted in summary dropdowns. Here's how to make them with Markdown:

<details>
  <summary>Quotes</summary>

  Content here

</details>

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.