Markdown pro 24/28/2023 ![]() to set lines to highlight when showing the project code (e.g. to set a default file to show when showing the project code (e.g. Pass notree to hide the file tree by default when showing the project code (e.g.Pass code to show the project code by default in the embed (e.g.Similar to CodePen embeds, a set of optional flags can be passed as the slug to customize the embed: GlitchĪlternatively, you may want to embed a code example from Glitch with a project slug: These flags can be combined in any order to create a custom CodePen embed.įor example, would create a dark mode embed that shows the CSS tab by default, with a height of 384px. (Note: The embedded pen must be from a user with CodePen Pro for this to work) Pass editable to enable the user to edit the embed (e.g.This is the default tab, but can be combined with other tabs as well (e.g. Pass result to show the result of the pen. ![]() Pass one of html, css, or js to change the default tab that is shown (e.g.Pass lazy to enable lazy loading (click to run) for the embed (e.g.Pass dark to switch the embed to using dark mode (e.g.Pass any integer value to set a custom height for the embed (e.g.See the Pen vwPzeX by MattCowley ( on CodePen.ĬodePen embeds can be customized with many flags after the username and ID: To provide code examples, you could embed a CodePen with a username and pen ID: DNSĮmbedding DNS record lookups (hostname, record types…):Įxplore **/*.js as a glob string in our glob testing tool The same behaviour applies to the width/height set, with responsive scaling. WistiaĮmbedding a Wistia video (id, height, width):Īs with the YouTube embed, both the width and height are optional and have the same defaults. The width/height set are treated as maximums – the video will scale down to fit the available space, maintaining the aspect ratio. Step 5 - Embeds YouTubeĮmbedding a YouTube video (id, height, width):īoth the width and height are optional, with the defaults being 480 and 270 respectively. You can also pass closed, though this is the same as not passing anything before the summary. Pass open as the first argument to the summary section to do this. log ( 'Hello, world!' ) You can also have the details block open by default. You could hide the solution to a problem: // Write a message to consoleĬonsole. Inside the details block you can use any block or inline syntax. On desktop the columns will be evenly distributed in a single row, on tablets they will wrap naturally, and on mobile they will be in a single stack. Two or more columns adjacent to each other are needed to create a column layout. Use horizontal rules to break up long sections: ![]() The alignment can be either left or right, with images being centered by default. You can provide pixels ( 200/ 200px), or a percentage ( 50%), for the width/height. We also support some extra syntax for setting the width, height and alignment of images. Here’s how to include an image with alt text and a title: DigitalOcean Logo This is italics, this is bold, this is underline, and this is strikethrough. Please refer to our style and formatting guidelines for more detailed explanations: Prerequisites (H2 header)īefore you begin this guide you’ll need the following: ![]() We have a full article template you can use when writing a DigitalOcean article. This is some placeholder text to show examples of Markdown formatting. Title Header (H1 header) Introduction (H3 header)
0 Comments
Leave a Reply.AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |