basicos_git/post-1/index.html
2020-07-11 18:14:02 -04:00

216 lines
9.1 KiB
HTML

<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Welcome to Ghost</title>
<meta name="description" content="">
<meta name="HandheldFriendly" content="True">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="../favicon.ico">
<link rel="stylesheet" type="text/css" href="../assets/css/screen.css?v=ab02b62c52">
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Merriweather:300,700,700italic,300italic%7COpen+Sans:700,400">
<link rel="canonical" href="http://localhost:2368/welcome-to-ghost/">
<meta name="referrer" content="origin">
<meta property="og:site_name" content="Prueba">
<meta property="og:type" content="article">
<meta property="og:title" content="Welcome to Ghost">
<meta property="og:description" content="You're live! Nice. We've put together a little post to introduce you to the Ghost editor and get you started. You can manage your content by signing in to the admin area at &amp;lt;your blog URL&amp;gt;/ghost/. When...">
<meta property="og:url" content="http://localhost:2368/welcome-to-ghost/">
<meta property="article:published_time" content="2016-01-24T22:29:12.907Z">
<meta property="article:modified_time" content="2016-01-24T22:29:12.865Z">
<meta property="article:tag" content="Getting Started">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Welcome to Ghost">
<meta name="twitter:description" content="You're live! Nice. We've put together a little post to introduce you to the Ghost editor and get you started. You can manage your content by signing in to the admin area at &amp;lt;your blog URL&amp;gt;/ghost/. When...">
<meta name="twitter:url" content="http://localhost:2368/welcome-to-ghost/">
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Article",
"publisher": "Prueba",
"author": {
"@type": "Person",
"name": "Mike Nieva",
"url": "http://localhost:2368/author/mike",
"sameAs": null,
"description": null
},
"headline": "Welcome to Ghost",
"url": "http://localhost:2368/welcome-to-ghost/",
"datePublished": "2016-01-24T22:29:12.907Z",
"dateModified": "2016-01-24T22:29:12.865Z",
"keywords": "Getting Started",
"description": "You&#x27;re live! Nice. We&#x27;ve put together a little post to introduce you to the Ghost editor and get you started. You can manage your content by signing in to the admin area at &amp;lt;your blog URL&amp;gt;/ghost/. When..."
}
</script>
<meta name="generator" content="Ghost 0.7">
<link rel="alternate" type="application/rss+xml" title="Prueba" href="http://localhost:2368/rss/">
</head>
<body class="post-template tag-getting-started nav-closed">
<div class="nav">
<h3 class="nav-title">Menu</h3>
<a href="index.html#" class="nav-close">
<span class="hidden">Close</span>
</a>
<ul>
<li class="nav-home" role="presentation"><a href="http://localhost:2368/">Home</a></li>
</ul>
<a class="subscribe-button icon-feed" href="http://localhost:2368/rss/">Subscribe</a>
</div>
<span class="nav-cover"></span>
<div class="site-wrapper">
<header class="main-header post-head no-cover">
<nav class="main-nav clearfix">
<a class="blog-logo" href="http://localhost:2368"><img src="../content/images/2016/01/IMG_0111.JPG" alt="Prueba"></a>
<a class="menu-button icon-menu" href="index.html#"><span class="word">Menu</span></a>
</nav>
</header>
<main class="content" role="main">
<article class="post tag-getting-started">
<header class="post-header">
<h1 class="post-title">Welcome to Ghost</h1>
<section class="post-meta">
<time class="post-date" datetime="2016-01-24">24 January 2016</time> on <a href="../tag/getting-started/">Getting Started</a>
</section>
</header>
<section class="post-content">
<p>You're live! Nice. We've put together a little post to introduce you to the Ghost editor and get you started. You can manage your content by signing in to the admin area at <code>&lt;your blog URL&gt;/ghost/</code>. When you arrive, you can select this post from a list on the left and see a preview of it on the right. Click the little pencil icon at the top of the preview to edit this post and read the next section!</p>
<h2 id="gettingstarted">Getting Started</h2>
<p>Ghost uses something called Markdown for writing. Essentially, it's a shorthand way to manage your post formatting as you write!</p>
<p>Writing in Markdown is really easy. In the left hand panel of Ghost, you simply write as you normally would. Where appropriate, you can use <em>shortcuts</em> to <strong>style</strong> your content. For example, a list:</p>
<ul>
<li>Item number one</li>
<li>Item number two
<ul><li>A nested item</li></ul></li>
<li>A final item</li>
</ul>
<p>or with numbers!</p>
<ol>
<li>Remember to buy some milk </li>
<li>Drink the milk </li>
<li>Tweet that I remembered to buy the milk, and drank it</li>
</ol>
<h3 id="links">Links</h3>
<p>Want to link to a source? No problem. If you paste in a URL, like <a href="http://ghost.org">http://ghost.org</a> - it'll automatically be linked up. But if you want to customise your anchor text, you can do that too! Here's a link to <a href="http://ghost.org">the Ghost website</a>. Neat.</p>
<h3 id="whataboutimages">What about Images?</h3>
<p>Images work too! Already know the URL of the image you want to include in your article? Simply paste it in like this to make it show up:</p>
<p><img src="https://ghost.org/images/ghost.png" alt="The Ghost Logo"></p>
<p>Not sure which image you want to use yet? That's ok too. Leave yourself a descriptive placeholder and keep writing. Come back later and drag and drop the image in to upload:</p>
<h3 id="quoting">Quoting</h3>
<p>Sometimes a link isn't enough, you want to quote someone on what they've said. Perhaps you've started using a new blogging platform and feel the sudden urge to share their slogan? A quote might be just the way to do it!</p>
<blockquote>
<p>Ghost - Just a blogging platform</p>
</blockquote>
<h3 id="workingwithcode">Working with Code</h3>
<p>Got a streak of geek? We've got you covered there, too. You can write inline <code>&lt;code&gt;</code> blocks really easily with back ticks. Want to show off something more comprehensive? 4 spaces of indentation gets you there.</p>
<pre><code>.awesome-thing {
display: block;
width: 100%;
}
</code></pre>
<h3 id="readyforabreak">Ready for a Break?</h3>
<p>Throw 3 or more dashes down on any new line and you've got yourself a fancy new divider. Aw yeah.</p>
<hr>
<h3 id="advancedusage">Advanced Usage</h3>
<p>There's one fantastic secret about Markdown. If you want, you can write plain old HTML and it'll still work! Very flexible.</p>
<p><input type="text" placeholder="I'm an input field!"></p>
<p>That should be enough to get you started. Have fun - and let us know what you think :)</p>
</section>
<footer class="post-footer">
<section class="author">
<h4><a href="../author/mike/">Mike Nieva</a></h4>
<p>Read <a href="../author/mike/">more posts</a> by this author.</p>
<div class="author-meta">
</div>
</section>
<section class="share">
<h4>Share this post</h4>
<a class="icon-twitter" href="https://twitter.com/intent/tweet?text=Welcome%20to%20Ghost&amp;url=http://localhost:2368/welcome-to-ghost/" onclick="window.open(this.href, 'twitter-share', 'width=550,height=235');return false;">
<span class="hidden">Twitter</span>
</a>
<a class="icon-facebook" href="https://www.facebook.com/sharer/sharer.php?u=http://localhost:2368/welcome-to-ghost/" onclick="window.open(this.href, 'facebook-share','width=580,height=296');return false;">
<span class="hidden">Facebook</span>
</a>
<a class="icon-google-plus" href="https://plus.google.com/share?url=http://localhost:2368/welcome-to-ghost/" onclick="window.open(this.href, 'google-plus-share', 'width=490,height=530');return false;">
<span class="hidden">Google+</span>
</a>
</section>
</footer>
</article>
</main>
<aside class="read-next">
</aside>
<footer class="site-footer clearfix">
<section class="copyright"><a href="http://localhost:2368">Prueba</a> © 2016</section>
<section class="poweredby">Proudly published with <a href="https://ghost.org">Ghost</a></section>
</footer>
</div>
<script type="text/javascript" src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="../assets/js/jquery.fitvids.js?v=ab02b62c52"></script>
<script type="text/javascript" src="../assets/js/index.js?v=ab02b62c52"></script>
</body>