mirror of
https://github.com/telekom-security/tpotce.git
synced 2025-04-29 11:48:52 +00:00
144 lines
18 KiB
Text
144 lines
18 KiB
Text
|
<!DOCTYPE html>
|
||
|
|
|
||
|
|
<html ⚡="">
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8"/>
|
||
|
|
<title>Using the Ghost editor</title>
|
||
|
|
<meta content="True" name="HandheldFriendly">
|
||
|
|
<meta content="width=device-width,minimum-scale=1,initial-scale=1" name="viewport"/>
|
||
|
|
<link href="/favicon.ico" rel="shortcut icon"/>
|
||
|
|
<link href="/favicon.ico" rel="shortcut icon" type="image/x-icon">
|
||
|
|
<link href="/the-editor/" rel="canonical"/>
|
||
|
|
<meta content="no-referrer-when-downgrade" name="referrer">
|
||
|
|
<meta content="user Blog" property="og:site_name"/>
|
||
|
|
<meta content="article" property="og:type"/>
|
||
|
|
<meta content="Using the Ghost editor" property="og:title"/>
|
||
|
|
<meta content="Ghost uses a language called Markdown to format text. When you go to edit a post and see special characters and colours intertwined between the words, those are Markdown shortcuts which tell Ghost what to do with the words in your document. The biggest benefit of Markdown is that you" property="og:description"/>
|
||
|
|
<meta content="http://172.20.254.138:80/the-editor/" property="og:url"/>
|
||
|
|
<meta content="https://casper.ghost.org/v1.0.0/images/writing.jpg" property="og:image"/>
|
||
|
|
<meta content="2018-08-09T11:04:51.000Z" property="article:published_time"/>
|
||
|
|
<meta content="2018-08-09T11:04:45.000Z" property="article:modified_time"/>
|
||
|
|
<meta content="Getting Started" property="article:tag"/>
|
||
|
|
<meta content="summary_large_image" name="twitter:card"/>
|
||
|
|
<meta content="Using the Ghost editor" name="twitter:title"/>
|
||
|
|
<meta content="Ghost uses a language called Markdown to format text. When you go to edit a post and see special characters and colours intertwined between the words, those are Markdown shortcuts which tell Ghost what to do with the words in your document. The biggest benefit of Markdown is that you" name="twitter:description"/>
|
||
|
|
<meta content="http://172.20.254.138:80/the-editor/" name="twitter:url"/>
|
||
|
|
<meta content="https://casper.ghost.org/v1.0.0/images/writing.jpg" name="twitter:image"/>
|
||
|
|
<meta content="Written by" name="twitter:label1"/>
|
||
|
|
<meta content="Ghost" name="twitter:data1"/>
|
||
|
|
<meta content="Filed under" name="twitter:label2"/>
|
||
|
|
<meta content="Getting Started" name="twitter:data2"/>
|
||
|
|
<meta content="1400" property="og:image:width"/>
|
||
|
|
<meta content="935" property="og:image:height"/>
|
||
|
|
<script type="application/ld+json">
|
||
|
|
{
|
||
|
|
"@context": "https://schema.org",
|
||
|
|
"@type": "Article",
|
||
|
|
"publisher": {
|
||
|
|
"@type": "Organization",
|
||
|
|
"name": "user Blog",
|
||
|
|
"logo": "https://casper.ghost.org/v1.0.0/images/ghost-logo.svg"
|
||
|
|
},
|
||
|
|
"author": {
|
||
|
|
"@type": "Person",
|
||
|
|
"name": "Ghost",
|
||
|
|
"url": "http://172.20.254.138:80/author/ghost/",
|
||
|
|
"sameAs": []
|
||
|
|
},
|
||
|
|
"headline": "Using the Ghost editor",
|
||
|
|
"url": "http://172.20.254.138:80/the-editor/",
|
||
|
|
"datePublished": "2018-08-09T11:04:51.000Z",
|
||
|
|
"dateModified": "2018-08-09T11:04:45.000Z",
|
||
|
|
"image": {
|
||
|
|
"@type": "ImageObject",
|
||
|
|
"url": "https://casper.ghost.org/v1.0.0/images/writing.jpg",
|
||
|
|
"width": 1400,
|
||
|
|
"height": 935
|
||
|
|
},
|
||
|
|
"keywords": "Getting Started",
|
||
|
|
"description": "Ghost uses a language called Markdown to format text. When you go to edit a post and see special characters and colours intertwined between the words, those are Markdown shortcuts which tell Ghost what to do with the words in your document. The biggest benefit of Markdown is that you",
|
||
|
|
"mainEntityOfPage": {
|
||
|
|
"@type": "WebPage",
|
||
|
|
"@id": "http://172.20.254.138:80/"
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
<meta content="Ghost 1.25" name="generator"/>
|
||
|
|
<link href="/rss/" rel="alternate" title="user Blog" type="application/rss+xml"/>
|
||
|
|
<link href="https://fonts.googleapis.com/css?family=Merriweather:300,700,700italic,300italic|Open+Sans:700,600,400" rel="stylesheet" type="text/css"/>
|
||
|
|
<style amp-custom="">html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{margin:.67em 0;font-size:2em}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{position:relative;vertical-align:baseline;font-size:75%;line-height:0}sup{top:-.5em}sub{bottom:-.25em}img{border:0}amp-img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{margin:0;color:inherit;font:inherit}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{margin:0 2px;padding:.35em .625em .75em;border:1px solid silver}legend{padding:0;border:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-spacing:0;border-collapse:collapse}td,th{padding:0}html{max-height:100%;height:100%;font-size:62.5%;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{max-height:100%;height:100%;color:#3a4145;background:#f4f8fb;letter-spacing:.01rem;font-family:"Merriweather",serif;font-size:1.8rem;line-height:1.75em;text-rendering:geometricPrecision;-webkit-font-feature-settings:"kern" 1;-moz-font-feature-settings:"kern" 1;-o-font-feature-settings:"kern" 1}::-moz-selection{background:#d6edff}::selection{background:#d6edff}h1,h2,h3,h4,h5,h6{margin:0 0 .3em 0;color:#2e2e2e;font-family:"Open Sans",sans-serif;line-height:1.15em;text-rendering:geometricPrecision;-webkit-font-feature-settings:"dlig" 1 , "liga" 1 , "lnum" 1 , "kern" 1;-moz-font-feature-settings:"dlig" 1 , "liga" 1 , "lnum" 1 , "kern" 1;-o-font-feature-settings:"dlig" 1 , "liga" 1 , "lnum" 1 , "kern" 1}h1{text-indent:-2px;letter-spacing:-1px;font-size:2.6rem}h2{letter-spacing:0;font-size:2.4rem}h3{letter-spacing:-.6px;font-size:2.1rem}h4{font-size:1.9rem}h5{font-size:1.8rem}h6{font-size:1.8rem}a{color:#4a4a4a}a:hover{color:#111}p,ul,ol,dl{margin:0 0 2.5rem 0;font-size:1.5rem;text-rendering:geometricPrecision;-webkit-font-feature-settings:"liga" 1 , "onum" 1 , "kern" 1;-moz-font-feature-settings:"liga" 1 , "onum" 1 , "kern" 1;-o-font-feature-settings:"liga" 1 , "onum" 1 , "kern" 1}ol,ul{padding-left:2em}ol ol,ul ul,ul ol,ol ul{margin:0 0 .4em 0;padding-left:2em}dl dt{float:left;clear:left;overflow:hidden;margin-bottom:1em;width:180px;text-align:right;text-overflow:ellipsis;white-space:nowrap;font-weight:700}dl dd{margin-bottom:1em;margin-left:200px}li{margin:.4em 0}li li{margin:0}hr{display:block;margin:1.75em 0;padding:0;height:1px;border:0;border-top:#efefef 1px solid}blockquote{box-sizing:border-box;margin:1.75em 0 1.75em 0;padding:0 0 0 1.75em;border-left:#4a4a4a .4em solid;-moz-box-sizing:border-box}blockquote p{margin:.8em 0;font-style:italic}blockquote small{display:inline-block;margin:.8em 0 .8em 1.5em;color:#ccc;font-size:.9em}blockquote small:before{content:"\2014 \00A0"}blockquote cite{font-weight:700}blockquote cite a{font-weight:normal}mark{background-color:#fdffb6}code,tt{padding:1px 3px;border:#e3edf3 1px solid;background:#f7fafb;border-radius:2px;white-space:pre-wrap;font-family:Inconsol
|
||
|
|
<style amp-boilerplate="">body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate="">body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
|
||
|
|
<script async="" src="/v0.js"></script>
|
||
|
|
</meta></link></meta></head>
|
||
|
|
<body class="amp-template">
|
||
|
|
<header class="main-header">
|
||
|
|
<nav class="blog-title">
|
||
|
|
<a href="">user Blog</a>
|
||
|
|
</nav>
|
||
|
|
</header>
|
||
|
|
<main class="content" role="main">
|
||
|
|
<article class="post">
|
||
|
|
<header class="post-header">
|
||
|
|
<h1 class="post-title">Using the Ghost editor</h1>
|
||
|
|
<section class="post-meta">
|
||
|
|
<p class="author">by <a href="/author/ghost/">Ghost</a></p>
|
||
|
|
<time class="post-date" datetime="2018-08-09">2018-08-09</time>
|
||
|
|
</section>
|
||
|
|
</header>
|
||
|
|
<figure class="post-image">
|
||
|
|
<amp-img height="400" layout="responsive" src="/v1.0.0/images/writing.jpg" width="600"></amp-img>
|
||
|
|
</figure>
|
||
|
|
<section class="post-content">
|
||
|
|
<div class="kg-card-markdown"><p>Ghost uses a language called <strong>Markdown</strong> to format text.</p>
|
||
|
|
<p>When you go to edit a post and see special characters and colours intertwined between the words, those are Markdown shortcuts which tell Ghost what to do with the words in your document. The biggest benefit of Markdown is that you can quickly apply formatting as you type, without needing to pause.</p>
|
||
|
|
<p>At the bottom of the editor, you'll find a toolbar with basic formatting options to help you get started as easily as possible. You'll also notice that there's a <strong>?</strong> icon, which contains more advanced shortcuts.</p>
|
||
|
|
<p>For now, though, let's run you through some of the basics. You'll want to make sure you're editing this post in order to see all the Markdown we've used.</p>
|
||
|
|
<h2 id="formattingtext">Formatting text</h2>
|
||
|
|
<p>The most common shortcuts are of course, <strong>bold</strong> text, <em>italic</em> text, and <a href="https://example.com">hyperlinks</a>. These generally make up the bulk of any document. You can type the characters out, but you can also use keyboard shortcuts.</p>
|
||
|
|
<ul>
|
||
|
|
<li><code>CMD/Ctrl + B</code> for Bold</li>
|
||
|
|
<li><code>CMD/Ctrl + I</code> for Italic</li>
|
||
|
|
<li><code>CMD/Ctrl + K</code> for a Link</li>
|
||
|
|
<li><code>CMD/Ctrl + H</code> for a Heading (Press multiple times for h2/h3/h4/etc)</li>
|
||
|
|
</ul>
|
||
|
|
<p>With just a couple of extra characters here and there, you're well on your way to creating a beautifully formatted story.</p>
|
||
|
|
<h2 id="insertingimages">Inserting images</h2>
|
||
|
|
<p>Images in Markdown look just the same as links, except they're prefixed with an exclamation mark, like this:</p>
|
||
|
|
<p><code></code></p>
|
||
|
|
<p><amp-img alt="Computer" height="800" layout="responsive" src="/v1.0.0/images/computer.jpg" width="1200"></amp-img></p>
|
||
|
|
<p>Most Markdown editors don't make you type this out, though. In Ghost you can click on the image icon in the toolbar at the bottom of the editor, or you can just click and drag an image from your desktop directly into the editor. Both will upload the image for you and generate the appropriate Markdown.</p>
|
||
|
|
<p><em><strong>Important Note:</strong> Ghost does not currently have automatic image resizing, so it's always a good idea to make sure your images aren't gigantic files <strong>before</strong> uploading them to Ghost.</em></p>
|
||
|
|
<h2 id="makinglists">Making lists</h2>
|
||
|
|
<p>Lists in HTML are a formatting nightmare, but in Markdown they become an absolute breeze with just a couple of characters and a bit of smart automation. For numbered lists, just write out the numbers. For bullet lists, just use <code>*</code> or <code>-</code> or <code>+</code>. Like this:</p>
|
||
|
|
<ol>
|
||
|
|
<li>Crack the eggs over a bowl</li>
|
||
|
|
<li>Whisk them together</li>
|
||
|
|
<li>Make an omelette</li>
|
||
|
|
</ol>
|
||
|
|
<p>or</p>
|
||
|
|
<ul>
|
||
|
|
<li>Remember to buy milk</li>
|
||
|
|
<li>Feed the cat</li>
|
||
|
|
<li>Come up with idea for next story</li>
|
||
|
|
</ul>
|
||
|
|
<h2 id="addingquotes">Adding quotes</h2>
|
||
|
|
<p>When you want to pull out a particularly good excerpt in the middle of a piece, you can use <code>></code> at the beginning of a paragraph to turn it into a Blockquote. You might've seen this formatting before in email clients.</p>
|
||
|
|
<blockquote>
|
||
|
|
<p>A well placed quote guides a reader through a story, helping them to understand the most important points being made</p>
|
||
|
|
</blockquote>
|
||
|
|
<p>All themes handles blockquotes slightly differently. Sometimes they'll look better kept shorter, while other times you can quote fairly hefty amounts of text and get away with it. Generally, the safest option is to use blockquotes sparingly.</p>
|
||
|
|
<h2 id="dividingthingsup">Dividing things up</h2>
|
||
|
|
<p>If you're writing a piece in parts and you just feel like you need to divide a couple of sections distinctly from each other, a horizontal rule might be just what you need. Dropping <code>---</code> on a new line will create a sleek divider, anywhere you want it.</p>
|
||
|
|
<hr/>
|
||
|
|
<p>This should get you going with the vast majority of what you need to do in the editor, but if you're still curious about more advanced tips then check out the <a href="/advanced-markdown/">Advanced Markdown Guide</a> - or if you'd rather learn about how Ghost taxononomies work, we've got a overview of <a href="/using-tags/">how to use Ghost tags</a>.</p>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
</article>
|
||
|
|
</main>
|
||
|
|
<footer class="site-footer clearfix">
|
||
|
|
<section class="copyright"><a href="">user Blog</a> © 2018</section>
|
||
|
|
<section class="poweredby">Proudly published with <a href="https://ghost.org">Ghost</a></section>
|
||
|
|
</footer>
|
||
|
|
</body>
|
||
|
|
</html>
|