![]() Replace QUOTE with a quote of your choice. īelow the - line, add a quote by typing markup like the following. Here, you'll add a horizontal rule to divide your page and a blockquote to format your favorite quote.Īt the bottom of your file, two lines below the tag, add a horizontal rule by typing three or more dashes. Markdown has many other options for formatting your content. To check the collapsed section has rendered correctly, click the Preview tab.Įxample of a collapsed section My top languages Optionally, to make the section display as open by default, add the open attribute to the tag. Two lines below this paragraph, insert a table by copying and pasting the following markup.īetween the tags, replace THINGS-TO-RANK with whatever you ranked in your table. You might recognize me as GitHub's mascot. To introduce yourself, two lines below the tag, add an # About me header and a short paragraph about yourself, like the following. When a table column contains numbers, it's useful to right-align the column by using the syntax -: below the header row. Here, you'll use a table to introduce yourself by ranking something, such as your most-used programming languages or frameworks, the things you're spending your time learning, or your favorite hobbies. You can use Markdown tables to organize information. To check the image has rendered correctly, click the Preview tab.įor more information on using images in Markdown, see " Basic writing and formatting syntax." Example of a responsive image How the image looks To make the image accessible for visitors who are using a screen reader, replace YOUR-ALT-TEXT with a description of the image. Replace YOUR-DEFAULT-IMAGE with the URL of an image to display in case neither of the other images can be matched, for example if the visitor is using a browser that does not support the prefers-color-scheme feature.Replace YOUR-LIGHTMODE-IMAGE with the URL of an image to display for visitors using light mode.Replace YOUR-DARKMODE-IMAGE with the URL of an image to display for visitors using dark mode.Alternatively, to try the feature first, you can copy the URLs from our example below. Replace the placeholders in the markup with the URLs of your chosen images. For more information, see " Managing your theme settings."Ĭopy and paste the following markup into your README.md file. Here, you'll add a responsive image, such as a banner, to the top of your profile README.īy using the HTML element with the prefers-color-scheme media feature, you can add an image that changes depending on whether a visitor is using light or dark mode. You can include images in your communication on GitHub. In the upper-right corner of any GitHub page, click your profile photo, then click Your profile. If you already have a profile README, you can edit it from your profile page. Edit the README.md file and delete the template text (beginning # Hi there) that is automatically added when you create the file. ![]() For more information, see " Managing your profile README."
0 Comments
Leave a Reply. |