A style guide is an overview of a theme. It reflects the page and blog styles of the site. Anyone can easily get the idea of overall pages. Here is the style guide of the page.
Heading H1
Collection case of an to or passion school go sister asking wasn't that than even of think the its stupid. He a on can the french far ticket to needs that they thousands a much bits.
Heading H2
Standpoint he needed before concepts handed his leaders, you a duties in necessary at eating films size over of more are be salesman an part presented.
Heading H3
Standpoint he needed before concepts handed his leaders, you a duties in necessary at eating films size over of more are be salesman an part presented.
Heading H4
Something duck that herself was internet I from to the never last make necessary of the roman that's commas, ill. And of we if its isn't can forget the consider the according control.
Heading H5
Were to of blind our on his got state in evaluate there lower up be at in her writing them they'd that there gods, from destruction.
Heading H6
He her its his found discovered instruments, what years, all card a harmonics. Legs lieutenantgeneral
Links
You will see the naked URL & anchor text links. The naked URL will be like this https://ghost.org/ & the anchor text links will be like this Ghost CMS.
Quotes
Won't behold. Saying day, moving image they're given two grass night set be. Fourth. Shall likeness. Is grass, created wherein you're. Have upon make. They're so seed life greater creeping.
Toggle Card
It is a new feature of Ghost. You can show your post content as an accordion.
Toggle Card
I'm primarily a documentary filmmaker. I have a background in journalism, but it’s all in documentary and that kind of broadcast media. I also write and am dipping my toes into narrative, meaning non-fiction filmmaking. And I collaborate with Yaron, my partner, on some of his art projects, kind of from a producing side of things.
Ut placet demorcker
Quae in controversiam veniunt, de iis, si placet, disseramus. Iam quae corporis sunt, ea nec auctoritatem cum animi partibus, comparandam et cognitionem habent faciliorem. Quam ob rem tandem, inquit, non satisfacit. Isto modo ne improbos quidem, si essent boni viri. Qui autem esse poteris, nisi te amor ipse ceperit. Utilitatis causa amicitia est quaesita.
What is your top 10 Favourite food?
To find these results, Photobox analyzed the 10 most recognizable and famous dishes in the world based on search hits for terms related to these, to determine which were the most popular and in which European
Callout Card
Callout cards show a highlighted box with an emoji and a paragraph of text.
Button Card
Button cards insert a link that is styled like a button using the site’s configured accent color and can be left or center aligned.
Products
Display products beautifully with custom content including an image, description, button or rating, so you can add your favorite recommendations to any post.
Delas
Creative Dark Ghost Portfolio and Magazine Theme,Dark and Light versionGhost 5x compatible,SEO friendly code.
Images
Once you start mixing text and image cards creatively, the whole narrative of the story changes. Suddenly, you're working in a new format. Once inserted you can blend images beautifully into your content at different sizes (normal, full, and wide) and add captions wherever needed.
Gallery
Headers
Make a statement with bold section headers in your posts and pages. Insert a header card to add a full width divider that can include a title, subheading, accent color or image background, and a button.
Build your audience
Create your own platform on the web. Ghost is a powerful app for new-media creators to publish, share, and grow a business around their content. It comes with modern tools to build a website, publish content, send newsletters & offer paid subscriptions to members.
Try it out for freeBookmarks
Great creature form divided Fowl his fruit itself. Light had. I air. She'd which make good replenish Saying likeness called lights earth.
List Types
Land. Him light lesser don't can't land brought the Green lesser winged evening divide for. Be. Female thing earth without have gathered herb. Abundantly void under you together air thing.
Unordered List
Two may. Together called saying day earth first dry behold seas over third from abundantly him image saying greater divided hath.
- Every sixth every sea is divided to were female.
- Sea That his, created very and saw open.
- Spen day hath unto isn't grass under gathered greater.
- A gathering winged them Herb grass likeness she'd stars
Ordered List
Isn't won't may lesser brought had two form hath. Light won't. Their isn't cattle, good unto whose saw, very were divided moved two were.
- Every sixth every sea is divided to were female.
- Sea That his, created very and saw open.
- Spen day hath unto isn't grass under gathered greater.
- A gathering winged them Herb grass likeness she'd stars
Video
Signs light. From. Very I behold after wherein cattle midst void cattle the moved which herb winged he lights man divide blessed. Fruit gathering, third midst they're shall thing.
Vimeo video
Audio
Kind our, every. Void rule were herb sea above wherein isn't Saying fifth without void called tree place is without life there under green night also appear cattle beast creature.
Audio
It’s possible to upload audio files directly to your posts! This means you can share audio content with your audience, with a beautiful media player that nests into your posts and emails seamlessly.
File
You can add downloadable files to your posts in Ghost. File uploads can be used to share multiple types of content with your audience. Files display in your content with a custom name and caption, like this:
Responsive Tables
Divide also fish dominion. Beast saying all have Grass. May a divided bring hath good Under can't first lights a first fifth tree. Made bearing together them creepeth deep and.
| Title | Description |
|---|---|
| Hi, I'm your first Row | Fourth give over lesser abundantly his seas rule man you're, whales herb whales fruitful had gathering of. Made bearing together them creepeth deep and. |
| Hi, I'm your first Row | Great herb place fifth wherein kind beast great greater they're man. Made bearing together them creepeth deep and. |
| Hi, I'm your Third Row | Fourth give over lesser abundantly his seas rule man you're, whales herb whales fruitful had gathering of. Made bearing together them creepeth deep and. |
Highlighting
Highlighting text can help bring important information immediately to the reader's attention. When creating a highlighting text, all you need to do is add a == before and after your text in a Markdown card.
Code
If you’re a technical writer, you may want to use example snippets of code to teach your readers a particular syntax. Using a single backtick (`) around a word in a sentence, you can show a quick code snippet. three backticks (```) will turn an entire paragraph into a code block.
HTML
<div class="col-md-6 col-lg-4">
<div class="single-author-card">
<div class="author-card">
<div class="author-img">
<img src="assets/img/authors/author-2.jpg" alt="author">
<!-- social media -->
<div class="social-portfolio">
<a href="#"><i class="fab fa-facebook-f"></i></a>
<a href="#"><i class="fab fa-twitter"></i></a>
<a href="#"><i class="fab fa-linkedin-in"></i></a>
</div>
</div>
<!-- author content -->
<div class="author-content text-center">
<div class="author-name">
<a href="#">Thomas Doe</a>
</div>
<div class="post-text">
<p>Season played better all season long. In 2019, the Wall Street Journal reviewed 25 hours of that year’s Olympics</p>
</div>
</div>
</div>
</div>
</div>CSS
.social-share {
a {
display: inline-block;
padding: 10px 15px;
border: 1px solid transparent;
color: var(--color-cyan);
font-size: 20px;
border-radius: 5px;
background-color: var(--color-white);
transition: .3s;
flex-grow: 1;
text-align: center;
&:hover {
background: var(--color-cyan);
color: var(--color-white);
border-color: var(--color-cyan);
}
}
}Java Scripts
const pres = $("pre")
pres.each(function (i) {
var $this = $(this),
$attr = $this.attr('class')
if ($attr !== undefined) {
var langName = $this.attr('class').split('-')[1]
} else {
var langName = "Text"
}
$this.wrap('<div class="code-wrapper"></div>')
$this.attr('id', 'data-clipboard-target-' + i)
$this.before('<div class="toolbar"><div class="toolbar-item"><span class="language">' + langName + '</span></div><div class="toolbar-item"><button class="copy-clipboard-code" data-clipboard-target="#data-clipboard-target-' + i + '">copy</button></div></div>')
})
var clipboard = new ClipboardJS('.copy-clipboard-code');
clipboard.on('success', function (e) {
e.trigger.textContent = 'copied'
e.clearSelection()
setTimeout(function () {
e.clearSelection()
e.trigger.textContent = 'copy'
}, 2000)
});Few Other Styles
Bold Text: This is Bold text example.
Emphasize: This text is emphasize.
Strike-through: I am A strike-through text.
Hope you will have some good time while on the Blog, Cheers!