en en en en en tr en en en en en en en kn hi hi hi kn fa hi en en en en en en en en en en en en ta en en en en en la la la it la la la en en en en en en en en en en en cs en en en en en en pl en en en en en es en en en en en
Markdown reference | Next.js Blog Starter
Plenty of markdown starters don't come with any markdown styling. Your content to falls flat, and instead of spending the afternoon writing, you're nitpicking about padding around bullet points. Not this starter, everything is ready right out of the box. Check out how each element is styled below.
# Heading 1 ## Heading 2 ### Heading 3 #### Heading 4 ##### Heading 5 ###### Heading 6
Emphasis, aka italics, with *asterisks* or _underscores_. Strong emphasis, aka bold, with **asterisks** or __underscores__. Combined emphasis with **asterisks and _underscores_**.
This is a block quote
With a nested reply
[I'm an inline-style link](https://www.google.com) [I'm an inline-style link with title](https://www.google.com "Google's Homepage") [I'm a relative reference to a local file or page](../about) URLs in angle brackets will automatically get turned into links. Check out http://www.example.com or   and sometimes example.com.
I'm an inline-style link
I'm an inline-style link with title
I'm a relative reference to a local file or page
URLs in angle brackets will automatically get turned into links. Check out http://www.example.com or http://www.example.com and sometimes example.com.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
You can use relative image paths too.
The horizontal rule is what's used on this page to separate each section.
Inline `code` has `back-ticks around` it.
Inline code has back-ticks around it.
Or multi line, with built-in syntax highlighting:
export default function SomeComponent() { return (    The title     Some content   Some other content      ) }
The syntax highlighting isn't just for React either. It supports most common languages.
Some title   Some content
$primaryYellow: #FFC017; $primaryBlue: #174BFF; $primaryFont: Newsreader; div.topics-container { display: flex; justify-content: center; margin: 0 0 4rem 0; nav.topics { display: flex; flex-direction: row; justify-content: center; flex-wrap: wrap; max-width: 50vw; a { color: black; text-decoration: none; &.active { color: $primaryYellow; } } } }
class ApplicationController < ActionController::Base before_action :find_current_user helper_method :has_session? def logged_in redirect_to new_session_path unless has_session? end def find_current_user @current_user = (User.find(session[:user_id]) if has_session?) end def has_session? session[:user_id].present? end end
And many more. Check out the full list of supported langauges on PrismJS.
Click to open or close  ```ejs            " class="card-img-top" alt="...">                $                    ```
Click to open or close
" class="card-img-top" alt="...">                $
© 2022 Next.js Blog Starter, Inc. All rights reserved.