add 10 personas for snare

This commit is contained in:
t3chn0m4g3
2018-08-14 14:20:55 +00:00
parent ff1a857241
commit e2613e7d17
1853 changed files with 182702 additions and 1 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 98 KiB

View File

@ -0,0 +1,291 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<meta content="IE=edge" http-equiv="X-UA-Compatible"/>
<title>Getting Started - user Blog</title>
<meta content="True" name="HandheldFriendly"/>
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
<link href="/assets/built/screen.css?v=8cfc086fe8" rel="stylesheet" type="text/css"/>
<link href="/favicon.ico" rel="shortcut icon" type="image/x-icon"/>
<link href="/tag/getting-started/" rel="canonical"/>
<meta content="no-referrer-when-downgrade" name="referrer"/>
<meta content="user Blog" property="og:site_name"/>
<meta content="website" property="og:type"/>
<meta content="Getting Started - user Blog" property="og:title"/>
<meta content="http://172.20.254.138:80/tag/getting-started/" property="og:url"/>
<meta content="2018-08-09T11:04:44.000Z" property="article:modified_time"/>
<meta content="summary" name="twitter:card"/>
<meta content="Getting Started - user Blog" name="twitter:title"/>
<meta content="http://172.20.254.138:80/tag/getting-started/" name="twitter:url"/>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Series",
"publisher": {
"@type": "Organization",
"name": "user Blog",
"logo": "https://casper.ghost.org/v1.0.0/images/ghost-logo.svg"
},
"url": "http://172.20.254.138:80/tag/getting-started/",
"name": "Getting Started",
"mainEntityOfPage": {
"@type": "WebPage",
"@id": "http://172.20.254.138:80/"
}
}
</script>
<script>//<![CDATA[
!function(){var o,i,n,e,r="//172.20.254.138:80/ghost/api/v0.1/";n={api:function(){var n,e=Array.prototype.slice.call(arguments),t=r;return(n=e.pop())&&"object"!=typeof n&&(e.push(n),n={}),(n=n||{}).client_id=o,n.client_secret=i,e.length&&e.forEach(function(n){t+=n.replace(/^\/|\/$/g,"")+"/"}),t+function(n){var e,t=[];if(!n)return"";for(e in n)n.hasOwnProperty(e)&&(n[e]||!1===n[e])&&t.push(e+"="+encodeURIComponent(n[e]));return t.length?"?"+t.join("&"):""}(n)}},e=function(n){o=n.clientId?n.clientId:"",i=n.clientSecret?n.clientSecret:"",r=n.url?n.url:r.match(/{\{api-url}}/)?"":r},"undefined"!=typeof window&&(window.ghost=window.ghost||{},window.ghost.url=n,window.ghost.init=e),"undefined"!=typeof module&&(module.exports={url:n,init:e})}();
//]]></script>
<script>ghost.init({clientId:"ghost-frontend",clientSecret:"99616761d626"});</script>
<meta content="Ghost 1.25" name="generator"/>
<link href="/rss/" rel="alternate" title="user Blog" type="application/rss+xml"/>
</head>
<body class="tag-template tag-getting-started">
<div class="site-wrapper">
<header class="site-header outer no-cover">
<div class="inner">
<nav class="site-nav">
<div class="site-nav-left">
<a class="site-nav-logo" href=""><img alt="user Blog" src="/v1.0.0/images/ghost-logo.svg"/></a>
<ul class="nav" role="menu">
<li class="nav-home" role="menuitem"><a href="/">Home</a></li>
</ul>
</div>
<div class="site-nav-right">
<div class="social-links">
</div>
<a class="rss-button" href="https://feedly.com/i/subscription/feed/http://172.20.254.138:80/rss/" rel="noopener" target="_blank"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><circle cx="6.18" cy="17.82" r="2.18"></circle><path d="M4 4.44v2.83c7.03 0 12.73 5.7 12.73 12.73h2.83c0-8.59-6.97-15.56-15.56-15.56zm0 5.66v2.83c3.9 0 7.07 3.17 7.07 7.07h2.83c0-5.47-4.43-9.9-9.9-9.9z"></path></svg>
</a>
</div>
</nav>
<div class="site-header-content">
<h1 class="site-title">Getting Started</h1>
<h2 class="site-description">
A collection of 7 posts
</h2>
</div>
</div>
</header>
<main class="site-main outer" id="site-main">
<div class="inner">
<div class="post-feed">
<article class="post-card post tag-getting-started">
<a class="post-card-image-link" href="/welcome/">
<div class="post-card-image" style="background-image:url(https://casper.ghost.org/v1.0.0/images/welcome.jpg)"></div>
</a>
<div class="post-card-content">
<a class="post-card-content-link" href="/welcome/">
<header class="post-card-header">
<span class="post-card-tags">Getting Started</span>
<h2 class="post-card-title">Welcome to Ghost</h2>
</header>
<section class="post-card-excerpt">
<p>Hey! Welcome to Ghost, it's great to have you :) We know that first impressions are important, so we've populated your new site with some initial Getting Started posts that will help you get</p>
</section>
</a>
<footer class="post-card-meta">
<ul class="author-list">
<li class="author-list-item">
<div class="author-name-tooltip">
Ghost
</div>
<a class="static-avatar author-profile-image" href="/author/ghost/"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M3.513 18.998C4.749 15.504 8.082 13 12 13s7.251 2.504 8.487 5.998C18.47 21.442 15.417 23 12 23s-6.47-1.558-8.487-4.002zM12 12c2.21 0 4-2.79 4-5s-1.79-4-4-4-4 1.79-4 4 1.79 5 4 5z" fill="#FFF"></path></g></svg>
</a>
</li>
</ul>
<span class="reading-time">1 min read</span>
</footer>
</div>
</article>
<article class="post-card post tag-getting-started">
<a class="post-card-image-link" href="/the-editor/">
<div class="post-card-image" style="background-image:url(https://casper.ghost.org/v1.0.0/images/writing.jpg)"></div>
</a>
<div class="post-card-content">
<a class="post-card-content-link" href="/the-editor/">
<header class="post-card-header">
<span class="post-card-tags">Getting Started</span>
<h2 class="post-card-title">Using the Ghost editor</h2>
</header>
<section class="post-card-excerpt">
<p>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</p>
</section>
</a>
<footer class="post-card-meta">
<ul class="author-list">
<li class="author-list-item">
<div class="author-name-tooltip">
Ghost
</div>
<a class="static-avatar author-profile-image" href="/author/ghost/"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M3.513 18.998C4.749 15.504 8.082 13 12 13s7.251 2.504 8.487 5.998C18.47 21.442 15.417 23 12 23s-6.47-1.558-8.487-4.002zM12 12c2.21 0 4-2.79 4-5s-1.79-4-4-4-4 1.79-4 4 1.79 5 4 5z" fill="#FFF"></path></g></svg>
</a>
</li>
</ul>
<span class="reading-time">3 min read</span>
</footer>
</div>
</article>
<article class="post-card post tag-getting-started">
<a class="post-card-image-link" href="/using-tags/">
<div class="post-card-image" style="background-image:url(https://casper.ghost.org/v1.0.0/images/tags.jpg)"></div>
</a>
<div class="post-card-content">
<a class="post-card-content-link" href="/using-tags/">
<header class="post-card-header">
<span class="post-card-tags">Getting Started</span>
<h2 class="post-card-title">Organising your content with tags</h2>
</header>
<section class="post-card-excerpt">
<p>Ghost has a single, powerful organisational taxonomy, called tags. It doesn't matter whether you want to call them categories, tags, boxes, or anything else. You can think of Ghost tags a lot like</p>
</section>
</a>
<footer class="post-card-meta">
<ul class="author-list">
<li class="author-list-item">
<div class="author-name-tooltip">
Ghost
</div>
<a class="static-avatar author-profile-image" href="/author/ghost/"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M3.513 18.998C4.749 15.504 8.082 13 12 13s7.251 2.504 8.487 5.998C18.47 21.442 15.417 23 12 23s-6.47-1.558-8.487-4.002zM12 12c2.21 0 4-2.79 4-5s-1.79-4-4-4-4 1.79-4 4 1.79 5 4 5z" fill="#FFF"></path></g></svg>
</a>
</li>
</ul>
<span class="reading-time">2 min read</span>
</footer>
</div>
</article>
<article class="post-card post tag-getting-started">
<a class="post-card-image-link" href="/managing-users/">
<div class="post-card-image" style="background-image:url(https://casper.ghost.org/v1.0.0/images/team.jpg)"></div>
</a>
<div class="post-card-content">
<a class="post-card-content-link" href="/managing-users/">
<header class="post-card-header">
<span class="post-card-tags">Getting Started</span>
<h2 class="post-card-title">Managing Ghost users</h2>
</header>
<section class="post-card-excerpt">
<p>Ghost has a number of different user roles for your team Authors The base user level in Ghost is an author. Authors can write posts, edit their own posts, and publish their own</p>
</section>
</a>
<footer class="post-card-meta">
<ul class="author-list">
<li class="author-list-item">
<div class="author-name-tooltip">
Ghost
</div>
<a class="static-avatar author-profile-image" href="/author/ghost/"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M3.513 18.998C4.749 15.504 8.082 13 12 13s7.251 2.504 8.487 5.998C18.47 21.442 15.417 23 12 23s-6.47-1.558-8.487-4.002zM12 12c2.21 0 4-2.79 4-5s-1.79-4-4-4-4 1.79-4 4 1.79 5 4 5z" fill="#FFF"></path></g></svg>
</a>
</li>
</ul>
<span class="reading-time">1 min read</span>
</footer>
</div>
</article>
<article class="post-card post tag-getting-started">
<a class="post-card-image-link" href="/private-sites/">
<div class="post-card-image" style="background-image:url(https://casper.ghost.org/v1.0.0/images/locked.jpg)"></div>
</a>
<div class="post-card-content">
<a class="post-card-content-link" href="/private-sites/">
<header class="post-card-header">
<span class="post-card-tags">Getting Started</span>
<h2 class="post-card-title">Making your site private</h2>
</header>
<section class="post-card-excerpt">
<p>Sometimes you might want to put your site behind closed doors If you've got a publication that you don't want the world to see yet because it's not ready to launch, you can</p>
</section>
</a>
<footer class="post-card-meta">
<ul class="author-list">
<li class="author-list-item">
<div class="author-name-tooltip">
Ghost
</div>
<a class="static-avatar author-profile-image" href="/author/ghost/"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M3.513 18.998C4.749 15.504 8.082 13 12 13s7.251 2.504 8.487 5.998C18.47 21.442 15.417 23 12 23s-6.47-1.558-8.487-4.002zM12 12c2.21 0 4-2.79 4-5s-1.79-4-4-4-4 1.79-4 4 1.79 5 4 5z" fill="#FFF"></path></g></svg>
</a>
</li>
</ul>
<span class="reading-time">1 min read</span>
</footer>
</div>
</article>
<article class="post-card post tag-getting-started">
<a class="post-card-image-link" href="/advanced-markdown/">
<div class="post-card-image" style="background-image:url(https://casper.ghost.org/v1.0.0/images/advanced.jpg)"></div>
</a>
<div class="post-card-content">
<a class="post-card-content-link" href="/advanced-markdown/">
<header class="post-card-header">
<span class="post-card-tags">Getting Started</span>
<h2 class="post-card-title">Advanced Markdown tips</h2>
</header>
<section class="post-card-excerpt">
<p>There are lots of powerful things you can do with the Ghost editor If you've gotten pretty comfortable with all the basics of writing in Ghost, then you may enjoy some more advanced</p>
</section>
</a>
<footer class="post-card-meta">
<ul class="author-list">
<li class="author-list-item">
<div class="author-name-tooltip">
Ghost
</div>
<a class="static-avatar author-profile-image" href="/author/ghost/"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M3.513 18.998C4.749 15.504 8.082 13 12 13s7.251 2.504 8.487 5.998C18.47 21.442 15.417 23 12 23s-6.47-1.558-8.487-4.002zM12 12c2.21 0 4-2.79 4-5s-1.79-4-4-4-4 1.79-4 4 1.79 5 4 5z" fill="#FFF"></path></g></svg>
</a>
</li>
</ul>
<span class="reading-time">2 min read</span>
</footer>
</div>
</article>
<article class="post-card post tag-getting-started">
<a class="post-card-image-link" href="/themes/">
<div class="post-card-image" style="background-image:url(https://casper.ghost.org/v1.0.0/images/design.jpg)"></div>
</a>
<div class="post-card-content">
<a class="post-card-content-link" href="/themes/">
<header class="post-card-header">
<span class="post-card-tags">Getting Started</span>
<h2 class="post-card-title">Setting up your own Ghost theme</h2>
</header>
<section class="post-card-excerpt">
<p>Creating a totally custom design for your publication Ghost comes with a beautiful default theme called Casper, which is designed to be a clean, readable publication layout and can be easily adapted for</p>
</section>
</a>
<footer class="post-card-meta">
<ul class="author-list">
<li class="author-list-item">
<div class="author-name-tooltip">
Ghost
</div>
<a class="static-avatar author-profile-image" href="/author/ghost/"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M3.513 18.998C4.749 15.504 8.082 13 12 13s7.251 2.504 8.487 5.998C18.47 21.442 15.417 23 12 23s-6.47-1.558-8.487-4.002zM12 12c2.21 0 4-2.79 4-5s-1.79-4-4-4-4 1.79-4 4 1.79 5 4 5z" fill="#FFF"></path></g></svg>
</a>
</li>
</ul>
<span class="reading-time">1 min read</span>
</footer>
</div>
</article>
</div>
</div>
</main>
<footer class="site-footer outer">
<div class="site-footer-content inner">
<section class="copyright"><a href="">user Blog</a> © 2018</section>
<nav class="site-footer-nav">
<a href="">Latest Posts</a>
<a href="https://ghost.org" rel="noopener" target="_blank">Ghost</a>
</nav>
</div>
</footer>
</div>
<script crossorigin="anonymous" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" src="/jquery-3.2.1.min.js"></script>
<script src="/assets/js/jquery.fitvids.js,qv=8cfc086fe8.pagespeed.jm.nHU73nSfsl.js" type="text/javascript"></script>
<script>var maxPages=parseInt('1');</script>
<script>//<![CDATA[
$(function($){var currentPage=1;var pathname=window.location.pathname;var $document=$(document);var $result=$('.post-feed');var buffer=300;var ticking=false;var isLoading=false;var lastScrollY=window.scrollY;var lastWindowHeight=window.innerHeight;var lastDocumentHeight=$document.height();function onScroll(){lastScrollY=window.scrollY;requestTick();}function onResize(){lastWindowHeight=window.innerHeight;lastDocumentHeight=$document.height();requestTick();}function requestTick(){if(!ticking){requestAnimationFrame(infiniteScroll);}ticking=true;}function sanitizePathname(path){var paginationRegex=/(?:page\/)(\d)(?:\/)$/i;path=path.replace(/#(.*)$/g,'').replace('////g','/');if(path.match(paginationRegex)){currentPage=parseInt(path.match(paginationRegex)[1]);path=path.replace(paginationRegex,'');}return path;}function infiniteScroll(){pathname=sanitizePathname(pathname);if(isLoading){return;}if(lastScrollY+lastWindowHeight<=lastDocumentHeight-buffer){ticking=false;return;}if(currentPage>=maxPages){window.removeEventListener('scroll',onScroll,{passive:true});window.removeEventListener('resize',onResize);return;}isLoading=true;currentPage+=1;var nextPage=pathname+'page/'+currentPage+'/';$.get(nextPage,function(content){var parse=document.createRange().createContextualFragment(content);var posts=parse.querySelectorAll('.post');if(posts.length){[].forEach.call(posts,function(post){$result[0].appendChild(post);});}}).fail(function(xhr){if(xhr.status===404){window.removeEventListener('scroll',onScroll,{passive:true});window.removeEventListener('resize',onResize);}}).always(function(){lastDocumentHeight=$document.height();isLoading=false;ticking=false;});}window.addEventListener('scroll',onScroll,{passive:true});window.addEventListener('resize',onResize);infiniteScroll();});
//]]></script>
</body>
</html>

View File

@ -0,0 +1,292 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<meta content="IE=edge" http-equiv="X-UA-Compatible"/>
<title>Advanced Markdown tips</title>
<meta content="True" name="HandheldFriendly"/>
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
<link href="/assets/built/screen.css?v=8cfc086fe8" rel="stylesheet" type="text/css"/>
<link href="/favicon.ico" rel="shortcut icon" type="image/x-icon"/>
<link href="/advanced-markdown/" rel="canonical"/>
<meta content="no-referrer-when-downgrade" name="referrer"/>
<link href="/advanced-markdown/amp/" rel="amphtml"/>
<meta content="user Blog" property="og:site_name"/>
<meta content="article" property="og:type"/>
<meta content="Advanced Markdown tips" property="og:title"/>
<meta content="There are lots of powerful things you can do with the Ghost editor If you've gotten pretty comfortable with all the basics of writing in Ghost, then you may enjoy some more advanced tips about the types of things you can do with Markdown! As with the last post about" property="og:description"/>
<meta content="http://172.20.254.138:80/advanced-markdown/" property="og:url"/>
<meta content="https://casper.ghost.org/v1.0.0/images/advanced.jpg" property="og:image"/>
<meta content="2018-08-09T11:04:47.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="Advanced Markdown tips" name="twitter:title"/>
<meta content="There are lots of powerful things you can do with the Ghost editor If you've gotten pretty comfortable with all the basics of writing in Ghost, then you may enjoy some more advanced tips about the types of things you can do with Markdown! As with the last post about" name="twitter:description"/>
<meta content="http://172.20.254.138:80/advanced-markdown/" name="twitter:url"/>
<meta content="https://casper.ghost.org/v1.0.0/images/advanced.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="933" 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": "Advanced Markdown tips",
"url": "http://172.20.254.138:80/advanced-markdown/",
"datePublished": "2018-08-09T11:04:47.000Z",
"dateModified": "2018-08-09T11:04:45.000Z",
"image": {
"@type": "ImageObject",
"url": "https://casper.ghost.org/v1.0.0/images/advanced.jpg",
"width": 1400,
"height": 933
},
"keywords": "Getting Started",
"description": "There are lots of powerful things you can do with the Ghost editor If you&#x27;ve gotten pretty comfortable with all the basics of writing in Ghost, then you may enjoy some more advanced tips about the types of things you can do with Markdown! As with the last post about",
"mainEntityOfPage": {
"@type": "WebPage",
"@id": "http://172.20.254.138:80/"
}
}
</script>
<script>//<![CDATA[
!function(){var o,i,n,e,r="//172.20.254.138:80/ghost/api/v0.1/";n={api:function(){var n,e=Array.prototype.slice.call(arguments),t=r;return(n=e.pop())&&"object"!=typeof n&&(e.push(n),n={}),(n=n||{}).client_id=o,n.client_secret=i,e.length&&e.forEach(function(n){t+=n.replace(/^\/|\/$/g,"")+"/"}),t+function(n){var e,t=[];if(!n)return"";for(e in n)n.hasOwnProperty(e)&&(n[e]||!1===n[e])&&t.push(e+"="+encodeURIComponent(n[e]));return t.length?"?"+t.join("&"):""}(n)}},e=function(n){o=n.clientId?n.clientId:"",i=n.clientSecret?n.clientSecret:"",r=n.url?n.url:r.match(/{\{api-url}}/)?"":r},"undefined"!=typeof window&&(window.ghost=window.ghost||{},window.ghost.url=n,window.ghost.init=e),"undefined"!=typeof module&&(module.exports={url:n,init:e})}();
//]]></script>
<script>ghost.init({clientId:"ghost-frontend",clientSecret:"99616761d626"});</script>
<meta content="Ghost 1.25" name="generator"/>
<link href="/rss/" rel="alternate" title="user Blog" type="application/rss+xml"/>
</head>
<body class="post-template tag-getting-started">
<div class="site-wrapper">
<header class="site-header outer">
<div class="inner">
<nav class="site-nav">
<div class="site-nav-left">
<a class="site-nav-logo" href=""><img alt="user Blog" src="/v1.0.0/images/ghost-logo.svg"/></a>
<ul class="nav" role="menu">
<li class="nav-home" role="menuitem"><a href="/">Home</a></li>
</ul>
</div>
<div class="site-nav-right">
<div class="social-links">
</div>
<a class="rss-button" href="https://feedly.com/i/subscription/feed/http://172.20.254.138:80/rss/" rel="noopener" target="_blank"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><circle cx="6.18" cy="17.82" r="2.18"></circle><path d="M4 4.44v2.83c7.03 0 12.73 5.7 12.73 12.73h2.83c0-8.59-6.97-15.56-15.56-15.56zm0 5.66v2.83c3.9 0 7.07 3.17 7.07 7.07h2.83c0-5.47-4.43-9.9-9.9-9.9z"></path></svg>
</a>
</div>
</nav>
</div>
</header>
<main class="site-main outer" id="site-main">
<div class="inner">
<article class="post-full post tag-getting-started ">
<header class="post-full-header">
<section class="post-full-meta">
<time class="post-full-meta-date" datetime="2018-08-09">9 August 2018</time>
<span class="date-divider">/</span> <a href="/tag/getting-started/">Getting Started</a>
</section>
<h1 class="post-full-title">Advanced Markdown tips</h1>
</header>
<figure class="post-full-image" style="background-image:url(https://casper.ghost.org/v1.0.0/images/advanced.jpg)">
</figure>
<section class="post-full-content">
<div class="post-content">
<div class="kg-card-markdown"><p>There are lots of powerful things you can do with the Ghost editor</p>
<p>If you've gotten pretty comfortable with <a href="/the-editor/">all the basics</a> of writing in Ghost, then you may enjoy some more advanced tips about the types of things you can do with Markdown!</p>
<p>As with the last post about the editor, you'll want to be actually editing this post as you read it so that you can see all the Markdown code we're using.</p>
<h2 id="specialformatting">Special formatting</h2>
<p>As well as bold and italics, you can also use some other special formatting in Markdown when the need arises, for example:</p>
<ul>
<li><s>strike through</s></li>
<li><mark>highlight</mark></li>
<li>*escaped characters*</li>
</ul>
<h2 id="writingcodeblocks">Writing code blocks</h2>
<p>There are two types of code elements which can be inserted in Markdown, the first is inline, and the other is block. Inline code is formatted by wrapping any word or words in back-ticks, <code>like this</code>. Larger snippets of code can be displayed across multiple lines using triple back ticks:</p>
<pre><code>.my-link {
text-decoration: underline;
}
</code></pre>
<p>If you want to get really fancy, you can even add syntax highlighting using <a href="http://prismjs.com/">Prism.js</a>.</p>
<h2 id="fullbleedimages">Full bleed images</h2>
<p>One neat trick which you can use in Markdown to distinguish between different types of images is to add a <code>#hash</code> value to the end of the source URL, and then target images containing the hash with special styling. For example:</p>
<p><img alt="walking" src="/v1.0.0/images/walking.jpg#full"/></p>
<p>which is styled with...</p>
<pre><code>img[src$="#full"] {
max-width: 100vw;
}
</code></pre>
<p>This creates full-bleed images in the Casper theme, which stretch beyond their usual boundaries right up to the edge of the window. Every theme handles these types of things slightly differently, but it's a great trick to play with if you want to have a variety of image sizes and styles.</p>
<h2 id="referencelists">Reference lists</h2>
<p><strong>The quick brown <a href="https://en.wikipedia.org/wiki/Fox" title="Wikipedia: Fox">fox</a>, jumped over the lazy <a href="https://en.wikipedia.org/wiki/Dog" title="Wikipedia: Dog">dog</a>.</strong></p>
<p>Another way to insert links in markdown is using reference lists. You might want to use this style of linking to cite reference material in a Wikipedia-style. All of the links are listed at the end of the document, so you can maintain full separation between content and its source or reference.</p>
<h2 id="creatingfootnotes">Creating footnotes</h2>
<p>The quick brown fox<sup class="footnote-ref"><a href="#fn1" id="fnref1">[1]</a></sup> jumped over the lazy dog<sup class="footnote-ref"><a href="#fn2" id="fnref2">[2]</a></sup>.</p>
<p>Footnotes are a great way to add additional contextual details when appropriate. Ghost will automatically add footnote content to the very end of your post.</p>
<h2 id="fullhtml">Full HTML</h2>
<p>Perhaps the best part of Markdown is that you're never limited to just Markdown. You can write HTML directly in the Ghost editor and it will just work as HTML usually does. No limits! Here's a standard YouTube embed code as an example:</p>
<iframe allowfullscreen="" frameborder="0" height="315" src="/embed/Cniqsc9QfDo?rel=0&amp;showinfo=0" width="560"></iframe>
<hr class="footnotes-sep"/>
<section class="footnotes">
<ol class="footnotes-list">
<li class="footnote-item" id="fn1"><p>Foxes are red <a class="footnote-backref" href="#fnref1">↩︎</a></p>
</li>
<li class="footnote-item" id="fn2"><p>Dogs are usually not red <a class="footnote-backref" href="#fnref2">↩︎</a></p>
</li>
</ol>
</section>
</div>
</div>
</section>
<footer class="post-full-footer">
<section class="author-card">
<span class="avatar-wrapper"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M3.513 18.998C4.749 15.504 8.082 13 12 13s7.251 2.504 8.487 5.998C18.47 21.442 15.417 23 12 23s-6.47-1.558-8.487-4.002zM12 12c2.21 0 4-2.79 4-5s-1.79-4-4-4-4 1.79-4 4 1.79 5 4 5z" fill="#FFF"></path></g></svg>
</span>
<section class="author-card-content">
<h4 class="author-card-name"><a href="/author/ghost/">Ghost</a></h4>
<p>You can delete this user to remove all the welcome posts</p>
</section>
</section>
<div class="post-full-footer-right">
<a class="author-card-button" href="/author/ghost/">Read More</a>
</div>
</footer>
</article>
</div>
</main>
<aside class="read-next outer">
<div class="inner">
<div class="read-next-feed">
<article class="read-next-card" style="background-image:url(https://casper.ghost.org/v1.0.0/images/blog-cover.jpg)">
<header class="read-next-card-header">
<small class="read-next-card-header-sitetitle">— user Blog —</small>
<h3 class="read-next-card-header-title"><a href="/tag/getting-started/">Getting Started</a></h3>
</header>
<div class="read-next-divider"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M13 14.5s2 3 5 3 5.5-2.463 5.5-5.5S21 6.5 18 6.5c-5 0-7 11-12 11C2.962 17.5.5 15.037.5 12S3 6.5 6 6.5s4.5 3.5 4.5 3.5"></path></svg>
</div>
<div class="read-next-card-content">
<ul>
<li><a href="/welcome/">Welcome to Ghost</a></li>
<li><a href="/the-editor/">Using the Ghost editor</a></li>
<li><a href="/using-tags/">Organising your content with tags</a></li>
</ul>
</div>
<footer class="read-next-card-footer">
<a href="/tag/getting-started/">See all 6 posts →</a>
</footer>
</article>
<article class="post-card post tag-getting-started">
<a class="post-card-image-link" href="/private-sites/">
<div class="post-card-image" style="background-image:url(https://casper.ghost.org/v1.0.0/images/locked.jpg)"></div>
</a>
<div class="post-card-content">
<a class="post-card-content-link" href="/private-sites/">
<header class="post-card-header">
<span class="post-card-tags">Getting Started</span>
<h2 class="post-card-title">Making your site private</h2>
</header>
<section class="post-card-excerpt">
<p>Sometimes you might want to put your site behind closed doors If you've got a publication that you don't want the world to see yet because it's not ready to launch, you can</p>
</section>
</a>
<footer class="post-card-meta">
<ul class="author-list">
<li class="author-list-item">
<div class="author-name-tooltip">
Ghost
</div>
<a class="static-avatar author-profile-image" href="/author/ghost/"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M3.513 18.998C4.749 15.504 8.082 13 12 13s7.251 2.504 8.487 5.998C18.47 21.442 15.417 23 12 23s-6.47-1.558-8.487-4.002zM12 12c2.21 0 4-2.79 4-5s-1.79-4-4-4-4 1.79-4 4 1.79 5 4 5z" fill="#FFF"></path></g></svg>
</a>
</li>
</ul>
<span class="reading-time">1 min read</span>
</footer>
</div>
</article>
<article class="post-card post tag-getting-started">
<a class="post-card-image-link" href="/themes/">
<div class="post-card-image" style="background-image:url(https://casper.ghost.org/v1.0.0/images/design.jpg)"></div>
</a>
<div class="post-card-content">
<a class="post-card-content-link" href="/themes/">
<header class="post-card-header">
<span class="post-card-tags">Getting Started</span>
<h2 class="post-card-title">Setting up your own Ghost theme</h2>
</header>
<section class="post-card-excerpt">
<p>Creating a totally custom design for your publication Ghost comes with a beautiful default theme called Casper, which is designed to be a clean, readable publication layout and can be easily adapted for</p>
</section>
</a>
<footer class="post-card-meta">
<ul class="author-list">
<li class="author-list-item">
<div class="author-name-tooltip">
Ghost
</div>
<a class="static-avatar author-profile-image" href="/author/ghost/"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M3.513 18.998C4.749 15.504 8.082 13 12 13s7.251 2.504 8.487 5.998C18.47 21.442 15.417 23 12 23s-6.47-1.558-8.487-4.002zM12 12c2.21 0 4-2.79 4-5s-1.79-4-4-4-4 1.79-4 4 1.79 5 4 5z" fill="#FFF"></path></g></svg>
</a>
</li>
</ul>
<span class="reading-time">1 min read</span>
</footer>
</div>
</article>
</div>
</div>
</aside>
<div class="floating-header">
<div class="floating-header-logo">
<a href="">
<span>user Blog</span>
</a>
</div>
<span class="floating-header-divider">—</span>
<div class="floating-header-title">Advanced Markdown tips</div>
<div class="floating-header-share">
<div class="floating-header-share-label">Share this <svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M7.5 15.5V4a1.5 1.5 0 1 1 3 0v4.5h2a1 1 0 0 1 1 1h2a1 1 0 0 1 1 1H18a1.5 1.5 0 0 1 1.5 1.5v3.099c0 .929-.13 1.854-.385 2.748L17.5 23.5h-9c-1.5-2-5.417-8.673-5.417-8.673a1.2 1.2 0 0 1 1.76-1.605L7.5 15.5zm6-6v2m-3-3.5v3.5m6-1v2"></path>
</svg>
</div>
<a class="floating-header-share-tw" href="https://twitter.com/share?text=Advanced%20Markdown%20tips&amp;url=http://172.20.254.138:80/advanced-markdown/" onclick="window.open(this.href, 'share-twitter', 'width=550,height=235');return false;">
<svg viewbox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M30.063 7.313c-.813 1.125-1.75 2.125-2.875 2.938v.75c0 1.563-.188 3.125-.688 4.625a15.088 15.088 0 0 1-2.063 4.438c-.875 1.438-2 2.688-3.25 3.813a15.015 15.015 0 0 1-4.625 2.563c-1.813.688-3.75 1-5.75 1-3.25 0-6.188-.875-8.875-2.625.438.063.875.125 1.375.125 2.688 0 5.063-.875 7.188-2.5-1.25 0-2.375-.375-3.375-1.125s-1.688-1.688-2.063-2.875c.438.063.813.125 1.125.125.5 0 1-.063 1.5-.25-1.313-.25-2.438-.938-3.313-1.938a5.673 5.673 0 0 1-1.313-3.688v-.063c.813.438 1.688.688 2.625.688a5.228 5.228 0 0 1-1.875-2c-.5-.875-.688-1.813-.688-2.75 0-1.063.25-2.063.75-2.938 1.438 1.75 3.188 3.188 5.25 4.25s4.313 1.688 6.688 1.813a5.579 5.579 0 0 1 1.5-5.438c1.125-1.125 2.5-1.688 4.125-1.688s3.063.625 4.188 1.813a11.48 11.48 0 0 0 3.688-1.375c-.438 1.375-1.313 2.438-2.563 3.188 1.125-.125 2.188-.438 3.313-.875z"></path></svg>
</a>
<a class="floating-header-share-fb" href="https://www.facebook.com/sharer/sharer.php?u=http://172.20.254.138:80/advanced-markdown/" onclick="window.open(this.href, 'share-facebook','width=580,height=296');return false;">
<svg viewbox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M19 6h5V0h-5c-3.86 0-7 3.14-7 7v3H8v6h4v16h6V16h5l1-6h-6V7c0-.542.458-1 1-1z"></path></svg>
</a>
</div>
<progress class="progress" id="reading-progress" value="0">
<div class="progress-container">
<span class="progress-bar"></span>
</div>
</progress>
</div>
<footer class="site-footer outer">
<div class="site-footer-content inner">
<section class="copyright"><a href="">user Blog</a> © 2018</section>
<nav class="site-footer-nav">
<a href="">Latest Posts</a>
<a href="https://ghost.org" rel="noopener" target="_blank">Ghost</a>
</nav>
</div>
</footer>
</div>
<script crossorigin="anonymous" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" src="/jquery-3.2.1.min.js"></script>
<script src="/assets/js/jquery.fitvids.js,qv=8cfc086fe8.pagespeed.jm.nHU73nSfsl.js" type="text/javascript"></script>
<script>$(document).ready(function(){var $postContent=$(".post-full-content");$postContent.fitVids();var progressBar=document.querySelector('#reading-progress');var header=document.querySelector('.floating-header');var title=document.querySelector('.post-full-title');var lastScrollY=window.scrollY;var lastWindowHeight=window.innerHeight;var lastDocumentHeight=$(document).height();var ticking=false;function onScroll(){lastScrollY=window.scrollY;requestTick();}function onResize(){lastWindowHeight=window.innerHeight;lastDocumentHeight=$(document).height();requestTick();}function requestTick(){if(!ticking){requestAnimationFrame(update);}ticking=true;}function update(){var trigger=title.getBoundingClientRect().top+window.scrollY;var triggerOffset=title.offsetHeight+35;var progressMax=lastDocumentHeight-lastWindowHeight;if(lastScrollY>=trigger+triggerOffset){header.classList.add('floating-active');}else{header.classList.remove('floating-active');}progressBar.setAttribute('max',progressMax);progressBar.setAttribute('value',lastScrollY);ticking=false;}window.addEventListener('scroll',onScroll,{passive:true});window.addEventListener('resize',onResize,false);update();});</script>
</body>
</html>

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

Binary file not shown.

After

Width:  |  Height:  |  Size: 34 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 131 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1,174 @@
<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0" xmlns:media="http://search.yahoo.com/mrss/"><channel><title><![CDATA[user Blog]]></title><description><![CDATA[Thoughts, stories and ideas.]]></description><link>http://172.20.254.138:80/</link><image><url>http://172.20.254.138:80/favicon.png</url><title>user Blog</title><link>http://172.20.254.138:80/</link></image><generator>Ghost 1.25</generator><lastBuildDate>Tue, 14 Aug 2018 12:46:03 GMT</lastBuildDate><atom:link href="http://172.20.254.138:80/rss/" rel="self" type="application/rss+xml"/><ttl>60</ttl><item><title><![CDATA[Welcome to Ghost]]></title><description><![CDATA[<div class="kg-card-markdown"><p>Hey! Welcome to Ghost, it's great to have you :)</p>
<p>We know that first impressions are important, so we've populated your new site with some initial <strong>Getting Started</strong> posts that will help you get familiar with everything in no time. This is the first one!</p>
<h3 id="thereareafewthingsthatyoushouldknowupfront">There are a few things that</h3></div>]]></description><link>http://172.20.254.138:80/welcome/</link><guid isPermaLink="false">5b6c1fcd2d07ae3e32c42ae3</guid><category><![CDATA[Getting Started]]></category><dc:creator><![CDATA[Ghost]]></dc:creator><pubDate>Thu, 09 Aug 2018 11:04:52 GMT</pubDate><media:content url="https://casper.ghost.org/v1.0.0/images/welcome.jpg" medium="image"/><content:encoded><![CDATA[<div class="kg-card-markdown"><img src="https://casper.ghost.org/v1.0.0/images/welcome.jpg" alt="Welcome to Ghost"><p>Hey! Welcome to Ghost, it's great to have you :)</p>
<p>We know that first impressions are important, so we've populated your new site with some initial <strong>Getting Started</strong> posts that will help you get familiar with everything in no time. This is the first one!</p>
<h3 id="thereareafewthingsthatyoushouldknowupfront">There are a few things that you should know up-front:</h3>
<ol>
<li>
<p>Ghost is designed for ambitious, professional publishers who want to actively build a business around their content. That's who it works best for. If you're using Ghost for some other purpose, that's fine too - but it might not be the best choice for you.</p>
</li>
<li>
<p>The entire platform can be modified and customized to suit your needs, which is very powerful, but doing so <strong>does</strong> require some knowledge of code. Ghost is not necessarily a good platform for beginners or people who just want a simple personal blog.</p>
</li>
<li>
<p>For the best experience we recommend downloading the <a href="https://ghost.org/downloads/">Ghost Desktop App</a> for your computer, which is the best way to access your Ghost site on a desktop device.</p>
</li>
</ol>
<p>Ghost is made by an independent non-profit organisation called the Ghost Foundation. We are 100% self funded by revenue from our <a href="https://ghost.org/pricing">Ghost(Pro)</a> service, and every penny we make is re-invested into funding further development of free, open source technology for modern journalism.</p>
<p>The main thing you'll want to read about next is probably: <a href="http://172.20.254.138:80/the-editor/">the Ghost editor</a>.</p>
<p>Once you're done reading, you can simply delete the default <strong>Ghost</strong> user from your team to remove all of these introductory posts!</p>
</div>]]></content:encoded></item><item><title><![CDATA[Using the Ghost editor]]></title><description><![CDATA[<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</p></div>]]></description><link>http://172.20.254.138:80/the-editor/</link><guid isPermaLink="false">5b6c1fcd2d07ae3e32c42ae1</guid><category><![CDATA[Getting Started]]></category><dc:creator><![CDATA[Ghost]]></dc:creator><pubDate>Thu, 09 Aug 2018 11:04:51 GMT</pubDate><media:content url="https://casper.ghost.org/v1.0.0/images/writing.jpg" medium="image"/><content:encoded><![CDATA[<div class="kg-card-markdown"><img src="https://casper.ghost.org/v1.0.0/images/writing.jpg" alt="Using the Ghost editor"><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>![Image description](/path/to/image.jpg)</code></p>
<p><img src="https://casper.ghost.org/v1.0.0/images/computer.jpg" alt="Using the Ghost editor"></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>&gt;</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="http://172.20.254.138:80/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="http://172.20.254.138:80/using-tags/">how to use Ghost tags</a>.</p>
</div>]]></content:encoded></item><item><title><![CDATA[Organising your content with tags]]></title><description><![CDATA[<div class="kg-card-markdown"><p>Ghost has a single, powerful organisational taxonomy, called tags.</p>
<p>It doesn't matter whether you want to call them categories, tags, boxes, or anything else. You can think of Ghost tags a lot like Gmail labels. By tagging posts with one or more keyword, you can organise articles into buckets of</p></div>]]></description><link>http://172.20.254.138:80/using-tags/</link><guid isPermaLink="false">5b6c1fcd2d07ae3e32c42adf</guid><category><![CDATA[Getting Started]]></category><dc:creator><![CDATA[Ghost]]></dc:creator><pubDate>Thu, 09 Aug 2018 11:04:50 GMT</pubDate><media:content url="https://casper.ghost.org/v1.0.0/images/tags.jpg" medium="image"/><content:encoded><![CDATA[<div class="kg-card-markdown"><img src="https://casper.ghost.org/v1.0.0/images/tags.jpg" alt="Organising your content with tags"><p>Ghost has a single, powerful organisational taxonomy, called tags.</p>
<p>It doesn't matter whether you want to call them categories, tags, boxes, or anything else. You can think of Ghost tags a lot like Gmail labels. By tagging posts with one or more keyword, you can organise articles into buckets of related content.</p>
<h2 id="basictagging">Basic tagging</h2>
<p>When you write a post, you can assign tags to help differentiate between categories of content. For example, you might tag some posts with <code>News</code> and other posts with <code>Cycling</code>, which would create two distinct categories of content listed on <code>/tag/news/</code> and <code>/tag/cycling/</code>, respectively.</p>
<p>If you tag a post with both <code>News</code> <em>and</em> <code>Cycling</code> - then it appears in both sections.</p>
<p>Tag archives are like dedicated home-pages for each category of content that you have. They have their own pages, their own RSS feeds, and can support their own cover images and meta data.</p>
<h2 id="theprimarytag">The primary tag</h2>
<p>Inside the Ghost editor, you can drag and drop tags into a specific order. The first tag in the list is always given the most importance, and some themes will only display the primary tag (the first tag in the list) by default. So you can add the most important tag which you want to show up in your theme, but also add a bunch of related tags which are less important.</p>
<p><mark><strong>News</strong>, Cycling, Bart Stevens, Extreme Sports</mark></p>
<p>In this example, <strong>News</strong> is the primary tag which will be displayed by the theme, but the post will also still receive all the other tags, and show up in their respective archives.</p>
<h2 id="privatetags">Private tags</h2>
<p>Sometimes you may want to assign a post a specific tag, but you don't necessarily want that tag appearing in the theme or creating an archive page. In Ghost, hashtags are private and can be used for special styling.</p>
<p>For example, if you sometimes publish posts with video content - you might want your theme to adapt and get rid of the sidebar for these posts, to give more space for an embedded video to fill the screen. In this case, you could use private tags to tell your theme what to do.</p>
<p><mark><strong>News</strong>, Cycling, #video</mark></p>
<p>Here, the theme would assign the post publicly displayed tags of <code>News</code>, and <code>Cycling</code> - but it would also keep a private record of the post being tagged with <code>#video</code>.</p>
<p>In your theme, you could then look for private tags conditionally and give them special formatting:</p>
<pre><code>{{#post}}
{{#has tag=&quot;#video&quot;}}
...markup for a nice big video post layout...
{{else}}
...regular markup for a post...
{{/has}}
{{/post}}
</code></pre>
<p>You can find documentation for theme development techniques like this and many more over on Ghost's extensive <a href="https://themes.ghost.org/v1.23.0/">theme documentation</a>.</p>
</div>]]></content:encoded></item><item><title><![CDATA[Managing Ghost users]]></title><description><![CDATA[<div class="kg-card-markdown"><p>Ghost has a number of different user roles for your team</p>
<h3 id="authors">Authors</h3>
<p>The base user level in Ghost is an author. Authors can write posts, edit their own posts, and publish their own posts. Authors are <strong>trusted</strong> users. If you don't trust users to be allowed to publish their own</p></div>]]></description><link>http://172.20.254.138:80/managing-users/</link><guid isPermaLink="false">5b6c1fcd2d07ae3e32c42add</guid><category><![CDATA[Getting Started]]></category><dc:creator><![CDATA[Ghost]]></dc:creator><pubDate>Thu, 09 Aug 2018 11:04:49 GMT</pubDate><media:content url="https://casper.ghost.org/v1.0.0/images/team.jpg" medium="image"/><content:encoded><![CDATA[<div class="kg-card-markdown"><img src="https://casper.ghost.org/v1.0.0/images/team.jpg" alt="Managing Ghost users"><p>Ghost has a number of different user roles for your team</p>
<h3 id="authors">Authors</h3>
<p>The base user level in Ghost is an author. Authors can write posts, edit their own posts, and publish their own posts. Authors are <strong>trusted</strong> users. If you don't trust users to be allowed to publish their own posts, you shouldn't invite them to Ghost admin.</p>
<h3 id="editors">Editors</h3>
<p>Editors are the 2nd user level in Ghost. Editors can do everything that an Author can do, but they can also edit and publish the posts of others - as well as their own. Editors can also invite new authors to the site.</p>
<h3 id="administrators">Administrators</h3>
<p>The top user level in Ghost is Administrator. Again, administrators can do everything that Authors and Editors can do, but they can also edit all site settings and data, not just content. Additionally, administrators have full access to invite, manage or remove any other user of the site.</p>
<h3 id="theowner">The Owner</h3>
<p>There is only ever one owner of a Ghost site. The owner is a special user which has all the same permissions as an Administrator, but with two exceptions: The Owner can never be deleted. And in some circumstances the owner will have access to additional special settings if applicable — for example, billing details, if using Ghost(Pro).</p>
<hr>
<p>It's a good idea to ask all of your users to fill out their user profiles, including bio and social links. These will populate rich structured data for posts and generally create more opportunities for themes to fully populate their design.</p>
</div>]]></content:encoded></item><item><title><![CDATA[Making your site private]]></title><description><![CDATA[<div class="kg-card-markdown"><p>Sometimes you might want to put your site behind closed doors</p>
<p>If you've got a publication that you don't want the world to see yet because it's not ready to launch, you can hide your Ghost site behind a simple shared pass-phrase.</p>
<p>You can toggle this preference on at the</p></div>]]></description><link>http://172.20.254.138:80/private-sites/</link><guid isPermaLink="false">5b6c1fcd2d07ae3e32c42adb</guid><category><![CDATA[Getting Started]]></category><dc:creator><![CDATA[Ghost]]></dc:creator><pubDate>Thu, 09 Aug 2018 11:04:48 GMT</pubDate><media:content url="https://casper.ghost.org/v1.0.0/images/locked.jpg" medium="image"/><content:encoded><![CDATA[<div class="kg-card-markdown"><img src="https://casper.ghost.org/v1.0.0/images/locked.jpg" alt="Making your site private"><p>Sometimes you might want to put your site behind closed doors</p>
<p>If you've got a publication that you don't want the world to see yet because it's not ready to launch, you can hide your Ghost site behind a simple shared pass-phrase.</p>
<p>You can toggle this preference on at the bottom of Ghost's General Settings</p>
<p><img src="https://casper.ghost.org/v1.0.0/images/private.png" alt="Making your site private"></p>
<p>Ghost will give you a short, randomly generated pass-phrase which you can share with anyone who needs access to the site while you're working on it. While this setting is enabled, all search engine optimisation features will be switched off to help keep the site off the radar.</p>
<p>Do remember though, this is <em>not</em> secure authentication. You shouldn't rely on this feature for protecting important private data. It's just a simple, shared pass-phrase for very basic privacy.</p>
</div>]]></content:encoded></item><item><title><![CDATA[Advanced Markdown tips]]></title><description><![CDATA[<div class="kg-card-markdown"><p>There are lots of powerful things you can do with the Ghost editor</p>
<p>If you've gotten pretty comfortable with <a href="http://172.20.254.138:80/the-editor/">all the basics</a> of writing in Ghost, then you may enjoy some more advanced tips about the types of things you can do with Markdown!</p>
<p>As with the last post about</p></div>]]></description><link>http://172.20.254.138:80/advanced-markdown/</link><guid isPermaLink="false">5b6c1fcd2d07ae3e32c42ad9</guid><category><![CDATA[Getting Started]]></category><dc:creator><![CDATA[Ghost]]></dc:creator><pubDate>Thu, 09 Aug 2018 11:04:47 GMT</pubDate><media:content url="https://casper.ghost.org/v1.0.0/images/advanced.jpg" medium="image"/><content:encoded><![CDATA[<div class="kg-card-markdown"><img src="https://casper.ghost.org/v1.0.0/images/advanced.jpg" alt="Advanced Markdown tips"><p>There are lots of powerful things you can do with the Ghost editor</p>
<p>If you've gotten pretty comfortable with <a href="http://172.20.254.138:80/the-editor/">all the basics</a> of writing in Ghost, then you may enjoy some more advanced tips about the types of things you can do with Markdown!</p>
<p>As with the last post about the editor, you'll want to be actually editing this post as you read it so that you can see all the Markdown code we're using.</p>
<h2 id="specialformatting">Special formatting</h2>
<p>As well as bold and italics, you can also use some other special formatting in Markdown when the need arises, for example:</p>
<ul>
<li><s>strike through</s></li>
<li><mark>highlight</mark></li>
<li>*escaped characters*</li>
</ul>
<h2 id="writingcodeblocks">Writing code blocks</h2>
<p>There are two types of code elements which can be inserted in Markdown, the first is inline, and the other is block. Inline code is formatted by wrapping any word or words in back-ticks, <code>like this</code>. Larger snippets of code can be displayed across multiple lines using triple back ticks:</p>
<pre><code>.my-link {
text-decoration: underline;
}
</code></pre>
<p>If you want to get really fancy, you can even add syntax highlighting using <a href="http://prismjs.com/">Prism.js</a>.</p>
<h2 id="fullbleedimages">Full bleed images</h2>
<p>One neat trick which you can use in Markdown to distinguish between different types of images is to add a <code>#hash</code> value to the end of the source URL, and then target images containing the hash with special styling. For example:</p>
<p><img src="https://casper.ghost.org/v1.0.0/images/walking.jpg#full" alt="Advanced Markdown tips"></p>
<p>which is styled with...</p>
<pre><code>img[src$=&quot;#full&quot;] {
max-width: 100vw;
}
</code></pre>
<p>This creates full-bleed images in the Casper theme, which stretch beyond their usual boundaries right up to the edge of the window. Every theme handles these types of things slightly differently, but it's a great trick to play with if you want to have a variety of image sizes and styles.</p>
<h2 id="referencelists">Reference lists</h2>
<p><strong>The quick brown <a href="https://en.wikipedia.org/wiki/Fox" title="Wikipedia: Fox">fox</a>, jumped over the lazy <a href="https://en.wikipedia.org/wiki/Dog" title="Wikipedia: Dog">dog</a>.</strong></p>
<p>Another way to insert links in markdown is using reference lists. You might want to use this style of linking to cite reference material in a Wikipedia-style. All of the links are listed at the end of the document, so you can maintain full separation between content and its source or reference.</p>
<h2 id="creatingfootnotes">Creating footnotes</h2>
<p>The quick brown fox<sup class="footnote-ref"><a href="#fn1" id="fnref1">[1]</a></sup> jumped over the lazy dog<sup class="footnote-ref"><a href="#fn2" id="fnref2">[2]</a></sup>.</p>
<p>Footnotes are a great way to add additional contextual details when appropriate. Ghost will automatically add footnote content to the very end of your post.</p>
<h2 id="fullhtml">Full HTML</h2>
<p>Perhaps the best part of Markdown is that you're never limited to just Markdown. You can write HTML directly in the Ghost editor and it will just work as HTML usually does. No limits! Here's a standard YouTube embed code as an example:</p>
<iframe width="560" height="315" src="https://www.youtube.com/embed/Cniqsc9QfDo?rel=0&amp;showinfo=0" frameborder="0" allowfullscreen></iframe>
<hr class="footnotes-sep">
<section class="footnotes">
<ol class="footnotes-list">
<li id="fn1" class="footnote-item"><p>Foxes are red <a href="#fnref1" class="footnote-backref">↩︎</a></p>
</li>
<li id="fn2" class="footnote-item"><p>Dogs are usually not red <a href="#fnref2" class="footnote-backref">↩︎</a></p>
</li>
</ol>
</section>
</div>]]></content:encoded></item><item><title><![CDATA[Setting up your own Ghost theme]]></title><description><![CDATA[<div class="kg-card-markdown"><p>Creating a totally custom design for your publication</p>
<p>Ghost comes with a beautiful default theme called Casper, which is designed to be a clean, readable publication layout and can be easily adapted for most purposes. However, Ghost can also be completely themed to suit your needs. Rather than just giving</p></div>]]></description><link>http://172.20.254.138:80/themes/</link><guid isPermaLink="false">5b6c1fcd2d07ae3e32c42ad7</guid><category><![CDATA[Getting Started]]></category><dc:creator><![CDATA[Ghost]]></dc:creator><pubDate>Thu, 09 Aug 2018 11:04:46 GMT</pubDate><media:content url="https://casper.ghost.org/v1.0.0/images/design.jpg" medium="image"/><content:encoded><![CDATA[<div class="kg-card-markdown"><img src="https://casper.ghost.org/v1.0.0/images/design.jpg" alt="Setting up your own Ghost theme"><p>Creating a totally custom design for your publication</p>
<p>Ghost comes with a beautiful default theme called Casper, which is designed to be a clean, readable publication layout and can be easily adapted for most purposes. However, Ghost can also be completely themed to suit your needs. Rather than just giving you a few basic settings which act as a poor proxy for code, we just let you write code.</p>
<p>There are a huge range of both free and premium pre-built themes which you can get from the <a href="http://marketplace.ghost.org">Ghost Theme Marketplace</a>, or you can simply create your own from scratch.</p>
<p><a href="http://marketplace.ghost.org"><img src="https://casper.ghost.org/v1.0.0/images/marketplace.jpg" alt="Setting up your own Ghost theme"></a></p>
<blockquote>
<p>Anyone can write a completely custom Ghost theme, with just some solid knowledge of HTML and CSS</p>
</blockquote>
<p>Ghost themes are written with a templating language called handlebars, which has a bunch of dynamic helpers to insert your data into template files. Like <code>{{author.name}}</code>, for example, outputs the name of the current author.</p>
<p>The best way to learn how to write your own Ghost theme is to have a look at <a href="https://github.com/TryGhost/Casper">the source code for Casper</a>, which is heavily commented and should give you a sense of how everything fits together.</p>
<ul>
<li><code>default.hbs</code> is the main template file, all contexts will load inside this file unless specifically told to use a different template.</li>
<li><code>post.hbs</code> is the file used in the context of viewing a post.</li>
<li><code>index.hbs</code> is the file used in the context of viewing the home page.</li>
<li>and so on</li>
</ul>
<p>We've got <a href="http://themes.ghost.org/v1.23.0/docs/about">full and extensive theme documentation</a> which outlines every template file, context and helper that you can use.</p>
<p>If you want to chat with other people making Ghost themes to get any advice or help, there's also a <strong>themes</strong> section on our <a href="https://forum.ghost.org/c/themes">public Ghost forum</a>.</p>
</div>]]></content:encoded></item></channel></rss>

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

Binary file not shown.

After

Width:  |  Height:  |  Size: 78 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 107 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 99 KiB

View File

@ -0,0 +1 @@
;(function($){'use strict';$.fn.fitVids=function(options){var settings={customSelector:null,ignore:null};if(!document.getElementById('fit-vids-style')){var head=document.head||document.getElementsByTagName('head')[0];var css='.fluid-width-video-container{flex-grow: 1;width:100%;}.fluid-width-video-wrapper{width:100%;position:relative;padding:0;}.fluid-width-video-wrapper iframe,.fluid-width-video-wrapper object,.fluid-width-video-wrapper embed {position:absolute;top:0;left:0;width:100%;height:100%;}';var div=document.createElement("div");div.innerHTML='<p>x</p><style id="fit-vids-style">'+css+'</style>';head.appendChild(div.childNodes[1]);}if(options){$.extend(settings,options);}return this.each(function(){var selectors=['iframe[src*="player.vimeo.com"]','iframe[src*="youtube.com"]','iframe[src*="youtube-nocookie.com"]','iframe[src*="kickstarter.com"][src*="video.html"]','object','embed'];if(settings.customSelector){selectors.push(settings.customSelector);}var ignoreList='.fitvidsignore';if(settings.ignore){ignoreList=ignoreList+', '+settings.ignore;}var $allVideos=$(this).find(selectors.join(','));$allVideos=$allVideos.not('object object');$allVideos=$allVideos.not(ignoreList);$allVideos.each(function(){var $this=$(this);if($this.parents(ignoreList).length>0){return;}if(this.tagName.toLowerCase()==='embed'&&$this.parent('object').length||$this.parent('.fluid-width-video-wrapper').length){return;}if((!$this.css('height')&&!$this.css('width'))&&(isNaN($this.attr('height'))||isNaN($this.attr('width')))){$this.attr('height',9);$this.attr('width',16);}var height=(this.tagName.toLowerCase()==='object'||($this.attr('height')&&!isNaN(parseInt($this.attr('height'),10))))?parseInt($this.attr('height'),10):$this.height(),width=!isNaN(parseInt($this.attr('width'),10))?parseInt($this.attr('width'),10):$this.width(),aspectRatio=height/width;if(!$this.attr('name')){var videoName='fitvid'+$.fn.fitVids._count;$this.attr('name',videoName);$.fn.fitVids._count++;}$this.wrap('<div class="fluid-width-video-container"><div class="fluid-width-video-wrapper"></div></div>').parent('.fluid-width-video-wrapper').css('padding-top',(aspectRatio*100)+'%');$this.removeAttr('height').removeAttr('width');});});};$.fn.fitVids._count=0;})(window.jQuery||window.Zepto);

View File

@ -0,0 +1 @@
<svg width="493" height="161" viewBox="0 0 493 161" xmlns="http://www.w3.org/2000/svg"><title>Ghost</title><g fill="none" fill-rule="evenodd"><g fill="#FFF"><path d="M328.52 37.36c-27.017 0-40.97 19.323-40.97 43.16 0 23.837 13.61 43.162 40.97 43.162s40.968-19.325 40.968-43.163c0-23.837-13.954-43.16-40.97-43.16zm20.438 43.237c-.02 15.328-5.126 27.743-20.44 27.743-15.312 0-20.42-12.414-20.435-27.743v-.078c.016-15.327 5.124-27.74 20.437-27.74 15.312 0 20.42 12.413 20.438 27.74v.077zM207.553 5.19c0-1.103.885-2.124 1.984-2.282 0 0 13.577-1.95 14.784-2.115 1.367-.187 3.182.798 3.182 2.744v44.236c3.23-3.105 6.785-5.608 10.66-7.515 3.88-1.906 8.428-2.86 13.653-2.86 4.524 0 8.532.776 12.032 2.33 3.502 1.55 6.423 3.73 8.765 6.533 2.342 2.807 4.12 6.156 5.332 10.05 1.21 3.894 1.817 8.183 1.817 12.867v51.352c0 1.1-.895 1.993-2.004 1.993h-15.942c-1.106 0-2.004-.903-2.004-1.994V69.176c0-5.118-1.17-9.08-3.513-11.888-2.344-2.804-5.857-4.207-10.543-4.207-3.446 0-6.675.79-9.69 2.37-3.016 1.58-5.87 3.73-8.562 6.455v58.617c0 1.104-.896 2-2.004 2h-15.94c-1.108 0-2.005-.893-2.005-1.997V5.188zM451.56 100.517v-43.68h-13.482c-1.1 0-1.742-.87-1.443-1.916l3-10.494c.262-.905.942-1.877 2.308-2.07l9.597-1.353 3.508-23.488c.163-1.092 1.18-2.104 2.274-2.26 0 0 9.192-1.31 10.963-1.578 1.673-.253 3.19.965 3.19 2.808v24.518h17.565c1.106 0 2.002.897 2.002 2.005V54.83c0 1.108-.89 2.006-2.002 2.006h-17.566v43.078c0 6.02 3.623 8.32 7.095 8.32 2.122 0 5.028-1.14 7.197-2.16 1.34-.625 3.417-.16 3.954 1.732l2.45 8.644c.303 1.067-.246 2.364-1.225 2.86 0 0-7.283 4.364-17.053 4.364-13.728 0-22.332-8.08-22.332-23.157zM406.976 52.778c-7.084 0-12.657 2.475-12.657 8.432 0 7.44 12.01 9.606 20.233 12.64 5.497 2.027 20.238 5.98 20.238 22.016 0 19.48-15.993 27.807-33.054 27.807-17.062 0-25.4-5.465-25.4-5.465-.962-.527-1.5-1.822-1.2-2.89 0 0 2.104-7.52 2.64-9.386.485-1.68 2.415-2.27 3.645-1.792 4.392 1.712 12.32 4.092 21.284 4.092 9.075 0 13.465-2.803 13.465-8.777 0-7.95-12.255-10.38-20.36-12.967-5.582-1.78-20.36-5.93-20.36-23.566 0-17.373 15.083-25.524 31.203-25.524 13.645 0 23.507 4.69 23.507 4.69 1.01.427 1.585 1.635 1.284 2.698 0 0-2.24 7.894-2.653 9.357-.488 1.74-1.898 2.537-3.666 1.957-3.888-1.277-11.197-3.322-18.148-3.322zM196.663 37.495c-6.695.776-11.472 3.963-14.562 6.93-6.067-4.81-14.49-7.105-23.943-7.105-18.953 0-33.76 9.252-33.76 29.426 0 11.582 4.873 19.562 12.614 24.26-5.748 2.752-9.576 8.592-9.576 14.333 0 9.603 7.5 12.61 7.5 12.61s-13.115 6.44-13.115 19.322c0 16.49 15.003 23.158 33.337 23.158 26.428 0 44.61-11.04 44.61-31.312 0-12.477-9.44-19.364-30.01-20.183-12.206-.488-20.113-.932-22.072-1.588-2.588-.87-3.86-2.965-3.86-5.28 0-2.554 2.074-4.986 5.345-6.656 2.853.512 5.863.764 8.99.764 18.968 0 33.76-9.225 33.76-29.427 0-4.898-.873-9.15-2.463-12.784 2.787-1.504 8.334-2.246 8.334-2.246 1.092-.174 1.977-1.213 1.976-2.31v-9.132c0-1.88-1.59-2.955-3.103-2.78zm-49.13 85.133s9.954.38 19.9.847c11.172.523 14.654 2.958 14.654 8.81 0 7.15-9.71 14.104-23.28 14.104-12.88 0-19.314-4.534-19.314-12.08 0-4.33 2.26-9.174 8.04-11.682zm10.66-40.536c-8.978 0-15.983-4.824-15.983-15.346 0-10.523 7.01-15.346 15.983-15.346 8.974 0 15.984 4.81 15.984 15.346 0 10.536-7.002 15.346-15.984 15.346z"/></g><g opacity=".7" transform="translate(0 36)" fill="#F6F8FA"><rect x=".209" y="69.017" width="33.643" height="17.014" rx="4"/><rect x="50.672" y="69.017" width="33.622" height="17.014" rx="4"/><rect x=".184" y="34.99" width="84.121" height="17.014" rx="4"/><rect x=".209" y=".964" width="50.469" height="17.013" rx="4"/><rect x="67.494" y=".964" width="16.821" height="17.013" rx="4"/></g></g></svg>

After

Width:  |  Height:  |  Size: 3.5 KiB

View File

@ -0,0 +1,259 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<meta content="IE=edge" http-equiv="X-UA-Compatible"/>
<title>Managing Ghost users</title>
<meta content="True" name="HandheldFriendly"/>
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
<link href="/assets/built/screen.css?v=8cfc086fe8" rel="stylesheet" type="text/css"/>
<link href="/favicon.ico" rel="shortcut icon" type="image/x-icon"/>
<link href="/managing-users/" rel="canonical"/>
<meta content="no-referrer-when-downgrade" name="referrer"/>
<link href="/managing-users/amp/" rel="amphtml"/>
<meta content="user Blog" property="og:site_name"/>
<meta content="article" property="og:type"/>
<meta content="Managing Ghost users" property="og:title"/>
<meta content="Ghost has a number of different user roles for your team Authors The base user level in Ghost is an author. Authors can write posts, edit their own posts, and publish their own posts. Authors are trusted users. If you don't trust users to be allowed to publish their own" property="og:description"/>
<meta content="http://172.20.254.138:80/managing-users/" property="og:url"/>
<meta content="https://casper.ghost.org/v1.0.0/images/team.jpg" property="og:image"/>
<meta content="2018-08-09T11:04:49.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="Managing Ghost users" name="twitter:title"/>
<meta content="Ghost has a number of different user roles for your team Authors The base user level in Ghost is an author. Authors can write posts, edit their own posts, and publish their own posts. Authors are trusted users. If you don't trust users to be allowed to publish their own" name="twitter:description"/>
<meta content="http://172.20.254.138:80/managing-users/" name="twitter:url"/>
<meta content="https://casper.ghost.org/v1.0.0/images/team.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="810" 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": "Managing Ghost users",
"url": "http://172.20.254.138:80/managing-users/",
"datePublished": "2018-08-09T11:04:49.000Z",
"dateModified": "2018-08-09T11:04:45.000Z",
"image": {
"@type": "ImageObject",
"url": "https://casper.ghost.org/v1.0.0/images/team.jpg",
"width": 1400,
"height": 810
},
"keywords": "Getting Started",
"description": "Ghost has a number of different user roles for your team Authors The base user level in Ghost is an author. Authors can write posts, edit their own posts, and publish their own posts. Authors are trusted users. If you don&#x27;t trust users to be allowed to publish their own",
"mainEntityOfPage": {
"@type": "WebPage",
"@id": "http://172.20.254.138:80/"
}
}
</script>
<script>//<![CDATA[
!function(){var o,i,n,e,r="//172.20.254.138:80/ghost/api/v0.1/";n={api:function(){var n,e=Array.prototype.slice.call(arguments),t=r;return(n=e.pop())&&"object"!=typeof n&&(e.push(n),n={}),(n=n||{}).client_id=o,n.client_secret=i,e.length&&e.forEach(function(n){t+=n.replace(/^\/|\/$/g,"")+"/"}),t+function(n){var e,t=[];if(!n)return"";for(e in n)n.hasOwnProperty(e)&&(n[e]||!1===n[e])&&t.push(e+"="+encodeURIComponent(n[e]));return t.length?"?"+t.join("&"):""}(n)}},e=function(n){o=n.clientId?n.clientId:"",i=n.clientSecret?n.clientSecret:"",r=n.url?n.url:r.match(/{\{api-url}}/)?"":r},"undefined"!=typeof window&&(window.ghost=window.ghost||{},window.ghost.url=n,window.ghost.init=e),"undefined"!=typeof module&&(module.exports={url:n,init:e})}();
//]]></script>
<script>ghost.init({clientId:"ghost-frontend",clientSecret:"99616761d626"});</script>
<meta content="Ghost 1.25" name="generator"/>
<link href="/rss/" rel="alternate" title="user Blog" type="application/rss+xml"/>
</head>
<body class="post-template tag-getting-started">
<div class="site-wrapper">
<header class="site-header outer">
<div class="inner">
<nav class="site-nav">
<div class="site-nav-left">
<a class="site-nav-logo" href=""><img alt="user Blog" src="/v1.0.0/images/ghost-logo.svg"/></a>
<ul class="nav" role="menu">
<li class="nav-home" role="menuitem"><a href="/">Home</a></li>
</ul>
</div>
<div class="site-nav-right">
<div class="social-links">
</div>
<a class="rss-button" href="https://feedly.com/i/subscription/feed/http://172.20.254.138:80/rss/" rel="noopener" target="_blank"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><circle cx="6.18" cy="17.82" r="2.18"></circle><path d="M4 4.44v2.83c7.03 0 12.73 5.7 12.73 12.73h2.83c0-8.59-6.97-15.56-15.56-15.56zm0 5.66v2.83c3.9 0 7.07 3.17 7.07 7.07h2.83c0-5.47-4.43-9.9-9.9-9.9z"></path></svg>
</a>
</div>
</nav>
</div>
</header>
<main class="site-main outer" id="site-main">
<div class="inner">
<article class="post-full post tag-getting-started ">
<header class="post-full-header">
<section class="post-full-meta">
<time class="post-full-meta-date" datetime="2018-08-09">9 August 2018</time>
<span class="date-divider">/</span> <a href="/tag/getting-started/">Getting Started</a>
</section>
<h1 class="post-full-title">Managing Ghost users</h1>
</header>
<figure class="post-full-image" style="background-image:url(https://casper.ghost.org/v1.0.0/images/team.jpg)">
</figure>
<section class="post-full-content">
<div class="post-content">
<div class="kg-card-markdown"><p>Ghost has a number of different user roles for your team</p>
<h3 id="authors">Authors</h3>
<p>The base user level in Ghost is an author. Authors can write posts, edit their own posts, and publish their own posts. Authors are <strong>trusted</strong> users. If you don't trust users to be allowed to publish their own posts, you shouldn't invite them to Ghost admin.</p>
<h3 id="editors">Editors</h3>
<p>Editors are the 2nd user level in Ghost. Editors can do everything that an Author can do, but they can also edit and publish the posts of others - as well as their own. Editors can also invite new authors to the site.</p>
<h3 id="administrators">Administrators</h3>
<p>The top user level in Ghost is Administrator. Again, administrators can do everything that Authors and Editors can do, but they can also edit all site settings and data, not just content. Additionally, administrators have full access to invite, manage or remove any other user of the site.</p>
<h3 id="theowner">The Owner</h3>
<p>There is only ever one owner of a Ghost site. The owner is a special user which has all the same permissions as an Administrator, but with two exceptions: The Owner can never be deleted. And in some circumstances the owner will have access to additional special settings if applicable — for example, billing details, if using Ghost(Pro).</p>
<hr/>
<p>It's a good idea to ask all of your users to fill out their user profiles, including bio and social links. These will populate rich structured data for posts and generally create more opportunities for themes to fully populate their design.</p>
</div>
</div>
</section>
<footer class="post-full-footer">
<section class="author-card">
<span class="avatar-wrapper"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M3.513 18.998C4.749 15.504 8.082 13 12 13s7.251 2.504 8.487 5.998C18.47 21.442 15.417 23 12 23s-6.47-1.558-8.487-4.002zM12 12c2.21 0 4-2.79 4-5s-1.79-4-4-4-4 1.79-4 4 1.79 5 4 5z" fill="#FFF"></path></g></svg>
</span>
<section class="author-card-content">
<h4 class="author-card-name"><a href="/author/ghost/">Ghost</a></h4>
<p>You can delete this user to remove all the welcome posts</p>
</section>
</section>
<div class="post-full-footer-right">
<a class="author-card-button" href="/author/ghost/">Read More</a>
</div>
</footer>
</article>
</div>
</main>
<aside class="read-next outer">
<div class="inner">
<div class="read-next-feed">
<article class="read-next-card" style="background-image:url(https://casper.ghost.org/v1.0.0/images/blog-cover.jpg)">
<header class="read-next-card-header">
<small class="read-next-card-header-sitetitle">— user Blog —</small>
<h3 class="read-next-card-header-title"><a href="/tag/getting-started/">Getting Started</a></h3>
</header>
<div class="read-next-divider"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M13 14.5s2 3 5 3 5.5-2.463 5.5-5.5S21 6.5 18 6.5c-5 0-7 11-12 11C2.962 17.5.5 15.037.5 12S3 6.5 6 6.5s4.5 3.5 4.5 3.5"></path></svg>
</div>
<div class="read-next-card-content">
<ul>
<li><a href="/welcome/">Welcome to Ghost</a></li>
<li><a href="/the-editor/">Using the Ghost editor</a></li>
<li><a href="/using-tags/">Organising your content with tags</a></li>
</ul>
</div>
<footer class="read-next-card-footer">
<a href="/tag/getting-started/">See all 6 posts →</a>
</footer>
</article>
<article class="post-card post tag-getting-started">
<a class="post-card-image-link" href="/using-tags/">
<div class="post-card-image" style="background-image:url(https://casper.ghost.org/v1.0.0/images/tags.jpg)"></div>
</a>
<div class="post-card-content">
<a class="post-card-content-link" href="/using-tags/">
<header class="post-card-header">
<span class="post-card-tags">Getting Started</span>
<h2 class="post-card-title">Organising your content with tags</h2>
</header>
<section class="post-card-excerpt">
<p>Ghost has a single, powerful organisational taxonomy, called tags. It doesn't matter whether you want to call them categories, tags, boxes, or anything else. You can think of Ghost tags a lot like</p>
</section>
</a>
<footer class="post-card-meta">
<ul class="author-list">
<li class="author-list-item">
<div class="author-name-tooltip">
Ghost
</div>
<a class="static-avatar author-profile-image" href="/author/ghost/"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M3.513 18.998C4.749 15.504 8.082 13 12 13s7.251 2.504 8.487 5.998C18.47 21.442 15.417 23 12 23s-6.47-1.558-8.487-4.002zM12 12c2.21 0 4-2.79 4-5s-1.79-4-4-4-4 1.79-4 4 1.79 5 4 5z" fill="#FFF"></path></g></svg>
</a>
</li>
</ul>
<span class="reading-time">2 min read</span>
</footer>
</div>
</article>
<article class="post-card post tag-getting-started">
<a class="post-card-image-link" href="/private-sites/">
<div class="post-card-image" style="background-image:url(https://casper.ghost.org/v1.0.0/images/locked.jpg)"></div>
</a>
<div class="post-card-content">
<a class="post-card-content-link" href="/private-sites/">
<header class="post-card-header">
<span class="post-card-tags">Getting Started</span>
<h2 class="post-card-title">Making your site private</h2>
</header>
<section class="post-card-excerpt">
<p>Sometimes you might want to put your site behind closed doors If you've got a publication that you don't want the world to see yet because it's not ready to launch, you can</p>
</section>
</a>
<footer class="post-card-meta">
<ul class="author-list">
<li class="author-list-item">
<div class="author-name-tooltip">
Ghost
</div>
<a class="static-avatar author-profile-image" href="/author/ghost/"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M3.513 18.998C4.749 15.504 8.082 13 12 13s7.251 2.504 8.487 5.998C18.47 21.442 15.417 23 12 23s-6.47-1.558-8.487-4.002zM12 12c2.21 0 4-2.79 4-5s-1.79-4-4-4-4 1.79-4 4 1.79 5 4 5z" fill="#FFF"></path></g></svg>
</a>
</li>
</ul>
<span class="reading-time">1 min read</span>
</footer>
</div>
</article>
</div>
</div>
</aside>
<div class="floating-header">
<div class="floating-header-logo">
<a href="">
<span>user Blog</span>
</a>
</div>
<span class="floating-header-divider">—</span>
<div class="floating-header-title">Managing Ghost users</div>
<div class="floating-header-share">
<div class="floating-header-share-label">Share this <svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M7.5 15.5V4a1.5 1.5 0 1 1 3 0v4.5h2a1 1 0 0 1 1 1h2a1 1 0 0 1 1 1H18a1.5 1.5 0 0 1 1.5 1.5v3.099c0 .929-.13 1.854-.385 2.748L17.5 23.5h-9c-1.5-2-5.417-8.673-5.417-8.673a1.2 1.2 0 0 1 1.76-1.605L7.5 15.5zm6-6v2m-3-3.5v3.5m6-1v2"></path>
</svg>
</div>
<a class="floating-header-share-tw" href="https://twitter.com/share?text=Managing%20Ghost%20users&amp;url=http://172.20.254.138:80/managing-users/" onclick="window.open(this.href, 'share-twitter', 'width=550,height=235');return false;">
<svg viewbox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M30.063 7.313c-.813 1.125-1.75 2.125-2.875 2.938v.75c0 1.563-.188 3.125-.688 4.625a15.088 15.088 0 0 1-2.063 4.438c-.875 1.438-2 2.688-3.25 3.813a15.015 15.015 0 0 1-4.625 2.563c-1.813.688-3.75 1-5.75 1-3.25 0-6.188-.875-8.875-2.625.438.063.875.125 1.375.125 2.688 0 5.063-.875 7.188-2.5-1.25 0-2.375-.375-3.375-1.125s-1.688-1.688-2.063-2.875c.438.063.813.125 1.125.125.5 0 1-.063 1.5-.25-1.313-.25-2.438-.938-3.313-1.938a5.673 5.673 0 0 1-1.313-3.688v-.063c.813.438 1.688.688 2.625.688a5.228 5.228 0 0 1-1.875-2c-.5-.875-.688-1.813-.688-2.75 0-1.063.25-2.063.75-2.938 1.438 1.75 3.188 3.188 5.25 4.25s4.313 1.688 6.688 1.813a5.579 5.579 0 0 1 1.5-5.438c1.125-1.125 2.5-1.688 4.125-1.688s3.063.625 4.188 1.813a11.48 11.48 0 0 0 3.688-1.375c-.438 1.375-1.313 2.438-2.563 3.188 1.125-.125 2.188-.438 3.313-.875z"></path></svg>
</a>
<a class="floating-header-share-fb" href="https://www.facebook.com/sharer/sharer.php?u=http://172.20.254.138:80/managing-users/" onclick="window.open(this.href, 'share-facebook','width=580,height=296');return false;">
<svg viewbox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M19 6h5V0h-5c-3.86 0-7 3.14-7 7v3H8v6h4v16h6V16h5l1-6h-6V7c0-.542.458-1 1-1z"></path></svg>
</a>
</div>
<progress class="progress" id="reading-progress" value="0">
<div class="progress-container">
<span class="progress-bar"></span>
</div>
</progress>
</div>
<footer class="site-footer outer">
<div class="site-footer-content inner">
<section class="copyright"><a href="">user Blog</a> © 2018</section>
<nav class="site-footer-nav">
<a href="">Latest Posts</a>
<a href="https://ghost.org" rel="noopener" target="_blank">Ghost</a>
</nav>
</div>
</footer>
</div>
<script crossorigin="anonymous" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" src="/jquery-3.2.1.min.js"></script>
<script src="/assets/js/jquery.fitvids.js,qv=8cfc086fe8.pagespeed.jm.nHU73nSfsl.js" type="text/javascript"></script>
<script>$(document).ready(function(){var $postContent=$(".post-full-content");$postContent.fitVids();var progressBar=document.querySelector('#reading-progress');var header=document.querySelector('.floating-header');var title=document.querySelector('.post-full-title');var lastScrollY=window.scrollY;var lastWindowHeight=window.innerHeight;var lastDocumentHeight=$(document).height();var ticking=false;function onScroll(){lastScrollY=window.scrollY;requestTick();}function onResize(){lastWindowHeight=window.innerHeight;lastDocumentHeight=$(document).height();requestTick();}function requestTick(){if(!ticking){requestAnimationFrame(update);}ticking=true;}function update(){var trigger=title.getBoundingClientRect().top+window.scrollY;var triggerOffset=title.offsetHeight+35;var progressMax=lastDocumentHeight-lastWindowHeight;if(lastScrollY>=trigger+triggerOffset){header.classList.add('floating-active');}else{header.classList.remove('floating-active');}progressBar.setAttribute('max',progressMax);progressBar.setAttribute('value',lastScrollY);ticking=false;}window.addEventListener('scroll',onScroll,{passive:true});window.addEventListener('resize',onResize,false);update();});</script>
</body>
</html>

View File

@ -0,0 +1,254 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<meta content="IE=edge" http-equiv="X-UA-Compatible"/>
<title>Making your site private</title>
<meta content="True" name="HandheldFriendly"/>
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
<link href="/assets/built/screen.css?v=8cfc086fe8" rel="stylesheet" type="text/css"/>
<link href="/favicon.ico" rel="shortcut icon" type="image/x-icon"/>
<link href="/private-sites/" rel="canonical"/>
<meta content="no-referrer-when-downgrade" name="referrer"/>
<link href="/private-sites/amp/" rel="amphtml"/>
<meta content="user Blog" property="og:site_name"/>
<meta content="article" property="og:type"/>
<meta content="Making your site private" property="og:title"/>
<meta content="Sometimes you might want to put your site behind closed doors If you've got a publication that you don't want the world to see yet because it's not ready to launch, you can hide your Ghost site behind a simple shared pass-phrase. You can toggle this preference on at the" property="og:description"/>
<meta content="http://172.20.254.138:80/private-sites/" property="og:url"/>
<meta content="https://casper.ghost.org/v1.0.0/images/locked.jpg" property="og:image"/>
<meta content="2018-08-09T11:04:48.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="Making your site private" name="twitter:title"/>
<meta content="Sometimes you might want to put your site behind closed doors If you've got a publication that you don't want the world to see yet because it's not ready to launch, you can hide your Ghost site behind a simple shared pass-phrase. You can toggle this preference on at the" name="twitter:description"/>
<meta content="http://172.20.254.138:80/private-sites/" name="twitter:url"/>
<meta content="https://casper.ghost.org/v1.0.0/images/locked.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="979" 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": "Making your site private",
"url": "http://172.20.254.138:80/private-sites/",
"datePublished": "2018-08-09T11:04:48.000Z",
"dateModified": "2018-08-09T11:04:45.000Z",
"image": {
"@type": "ImageObject",
"url": "https://casper.ghost.org/v1.0.0/images/locked.jpg",
"width": 1400,
"height": 979
},
"keywords": "Getting Started",
"description": "Sometimes you might want to put your site behind closed doors If you&#x27;ve got a publication that you don&#x27;t want the world to see yet because it&#x27;s not ready to launch, you can hide your Ghost site behind a simple shared pass-phrase. You can toggle this preference on at the",
"mainEntityOfPage": {
"@type": "WebPage",
"@id": "http://172.20.254.138:80/"
}
}
</script>
<script>//<![CDATA[
!function(){var o,i,n,e,r="//172.20.254.138:80/ghost/api/v0.1/";n={api:function(){var n,e=Array.prototype.slice.call(arguments),t=r;return(n=e.pop())&&"object"!=typeof n&&(e.push(n),n={}),(n=n||{}).client_id=o,n.client_secret=i,e.length&&e.forEach(function(n){t+=n.replace(/^\/|\/$/g,"")+"/"}),t+function(n){var e,t=[];if(!n)return"";for(e in n)n.hasOwnProperty(e)&&(n[e]||!1===n[e])&&t.push(e+"="+encodeURIComponent(n[e]));return t.length?"?"+t.join("&"):""}(n)}},e=function(n){o=n.clientId?n.clientId:"",i=n.clientSecret?n.clientSecret:"",r=n.url?n.url:r.match(/{\{api-url}}/)?"":r},"undefined"!=typeof window&&(window.ghost=window.ghost||{},window.ghost.url=n,window.ghost.init=e),"undefined"!=typeof module&&(module.exports={url:n,init:e})}();
//]]></script>
<script>ghost.init({clientId:"ghost-frontend",clientSecret:"99616761d626"});</script>
<meta content="Ghost 1.25" name="generator"/>
<link href="/rss/" rel="alternate" title="user Blog" type="application/rss+xml"/>
</head>
<body class="post-template tag-getting-started">
<div class="site-wrapper">
<header class="site-header outer">
<div class="inner">
<nav class="site-nav">
<div class="site-nav-left">
<a class="site-nav-logo" href=""><img alt="user Blog" src="/v1.0.0/images/ghost-logo.svg"/></a>
<ul class="nav" role="menu">
<li class="nav-home" role="menuitem"><a href="/">Home</a></li>
</ul>
</div>
<div class="site-nav-right">
<div class="social-links">
</div>
<a class="rss-button" href="https://feedly.com/i/subscription/feed/http://172.20.254.138:80/rss/" rel="noopener" target="_blank"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><circle cx="6.18" cy="17.82" r="2.18"></circle><path d="M4 4.44v2.83c7.03 0 12.73 5.7 12.73 12.73h2.83c0-8.59-6.97-15.56-15.56-15.56zm0 5.66v2.83c3.9 0 7.07 3.17 7.07 7.07h2.83c0-5.47-4.43-9.9-9.9-9.9z"></path></svg>
</a>
</div>
</nav>
</div>
</header>
<main class="site-main outer" id="site-main">
<div class="inner">
<article class="post-full post tag-getting-started ">
<header class="post-full-header">
<section class="post-full-meta">
<time class="post-full-meta-date" datetime="2018-08-09">9 August 2018</time>
<span class="date-divider">/</span> <a href="/tag/getting-started/">Getting Started</a>
</section>
<h1 class="post-full-title">Making your site private</h1>
</header>
<figure class="post-full-image" style="background-image:url(https://casper.ghost.org/v1.0.0/images/locked.jpg)">
</figure>
<section class="post-full-content">
<div class="post-content">
<div class="kg-card-markdown"><p>Sometimes you might want to put your site behind closed doors</p>
<p>If you've got a publication that you don't want the world to see yet because it's not ready to launch, you can hide your Ghost site behind a simple shared pass-phrase.</p>
<p>You can toggle this preference on at the bottom of Ghost's General Settings</p>
<p><img alt="private" src="/v1.0.0/images/private.png"/></p>
<p>Ghost will give you a short, randomly generated pass-phrase which you can share with anyone who needs access to the site while you're working on it. While this setting is enabled, all search engine optimisation features will be switched off to help keep the site off the radar.</p>
<p>Do remember though, this is <em>not</em> secure authentication. You shouldn't rely on this feature for protecting important private data. It's just a simple, shared pass-phrase for very basic privacy.</p>
</div>
</div>
</section>
<footer class="post-full-footer">
<section class="author-card">
<span class="avatar-wrapper"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M3.513 18.998C4.749 15.504 8.082 13 12 13s7.251 2.504 8.487 5.998C18.47 21.442 15.417 23 12 23s-6.47-1.558-8.487-4.002zM12 12c2.21 0 4-2.79 4-5s-1.79-4-4-4-4 1.79-4 4 1.79 5 4 5z" fill="#FFF"></path></g></svg>
</span>
<section class="author-card-content">
<h4 class="author-card-name"><a href="/author/ghost/">Ghost</a></h4>
<p>You can delete this user to remove all the welcome posts</p>
</section>
</section>
<div class="post-full-footer-right">
<a class="author-card-button" href="/author/ghost/">Read More</a>
</div>
</footer>
</article>
</div>
</main>
<aside class="read-next outer">
<div class="inner">
<div class="read-next-feed">
<article class="read-next-card" style="background-image:url(https://casper.ghost.org/v1.0.0/images/blog-cover.jpg)">
<header class="read-next-card-header">
<small class="read-next-card-header-sitetitle">— user Blog —</small>
<h3 class="read-next-card-header-title"><a href="/tag/getting-started/">Getting Started</a></h3>
</header>
<div class="read-next-divider"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M13 14.5s2 3 5 3 5.5-2.463 5.5-5.5S21 6.5 18 6.5c-5 0-7 11-12 11C2.962 17.5.5 15.037.5 12S3 6.5 6 6.5s4.5 3.5 4.5 3.5"></path></svg>
</div>
<div class="read-next-card-content">
<ul>
<li><a href="/welcome/">Welcome to Ghost</a></li>
<li><a href="/the-editor/">Using the Ghost editor</a></li>
<li><a href="/using-tags/">Organising your content with tags</a></li>
</ul>
</div>
<footer class="read-next-card-footer">
<a href="/tag/getting-started/">See all 6 posts →</a>
</footer>
</article>
<article class="post-card post tag-getting-started">
<a class="post-card-image-link" href="/managing-users/">
<div class="post-card-image" style="background-image:url(https://casper.ghost.org/v1.0.0/images/team.jpg)"></div>
</a>
<div class="post-card-content">
<a class="post-card-content-link" href="/managing-users/">
<header class="post-card-header">
<span class="post-card-tags">Getting Started</span>
<h2 class="post-card-title">Managing Ghost users</h2>
</header>
<section class="post-card-excerpt">
<p>Ghost has a number of different user roles for your team Authors The base user level in Ghost is an author. Authors can write posts, edit their own posts, and publish their own</p>
</section>
</a>
<footer class="post-card-meta">
<ul class="author-list">
<li class="author-list-item">
<div class="author-name-tooltip">
Ghost
</div>
<a class="static-avatar author-profile-image" href="/author/ghost/"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M3.513 18.998C4.749 15.504 8.082 13 12 13s7.251 2.504 8.487 5.998C18.47 21.442 15.417 23 12 23s-6.47-1.558-8.487-4.002zM12 12c2.21 0 4-2.79 4-5s-1.79-4-4-4-4 1.79-4 4 1.79 5 4 5z" fill="#FFF"></path></g></svg>
</a>
</li>
</ul>
<span class="reading-time">1 min read</span>
</footer>
</div>
</article>
<article class="post-card post tag-getting-started">
<a class="post-card-image-link" href="/advanced-markdown/">
<div class="post-card-image" style="background-image:url(https://casper.ghost.org/v1.0.0/images/advanced.jpg)"></div>
</a>
<div class="post-card-content">
<a class="post-card-content-link" href="/advanced-markdown/">
<header class="post-card-header">
<span class="post-card-tags">Getting Started</span>
<h2 class="post-card-title">Advanced Markdown tips</h2>
</header>
<section class="post-card-excerpt">
<p>There are lots of powerful things you can do with the Ghost editor If you've gotten pretty comfortable with all the basics of writing in Ghost, then you may enjoy some more advanced</p>
</section>
</a>
<footer class="post-card-meta">
<ul class="author-list">
<li class="author-list-item">
<div class="author-name-tooltip">
Ghost
</div>
<a class="static-avatar author-profile-image" href="/author/ghost/"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M3.513 18.998C4.749 15.504 8.082 13 12 13s7.251 2.504 8.487 5.998C18.47 21.442 15.417 23 12 23s-6.47-1.558-8.487-4.002zM12 12c2.21 0 4-2.79 4-5s-1.79-4-4-4-4 1.79-4 4 1.79 5 4 5z" fill="#FFF"></path></g></svg>
</a>
</li>
</ul>
<span class="reading-time">2 min read</span>
</footer>
</div>
</article>
</div>
</div>
</aside>
<div class="floating-header">
<div class="floating-header-logo">
<a href="">
<span>user Blog</span>
</a>
</div>
<span class="floating-header-divider">—</span>
<div class="floating-header-title">Making your site private</div>
<div class="floating-header-share">
<div class="floating-header-share-label">Share this <svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M7.5 15.5V4a1.5 1.5 0 1 1 3 0v4.5h2a1 1 0 0 1 1 1h2a1 1 0 0 1 1 1H18a1.5 1.5 0 0 1 1.5 1.5v3.099c0 .929-.13 1.854-.385 2.748L17.5 23.5h-9c-1.5-2-5.417-8.673-5.417-8.673a1.2 1.2 0 0 1 1.76-1.605L7.5 15.5zm6-6v2m-3-3.5v3.5m6-1v2"></path>
</svg>
</div>
<a class="floating-header-share-tw" href="https://twitter.com/share?text=Making%20your%20site%20private&amp;url=http://172.20.254.138:80/private-sites/" onclick="window.open(this.href, 'share-twitter', 'width=550,height=235');return false;">
<svg viewbox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M30.063 7.313c-.813 1.125-1.75 2.125-2.875 2.938v.75c0 1.563-.188 3.125-.688 4.625a15.088 15.088 0 0 1-2.063 4.438c-.875 1.438-2 2.688-3.25 3.813a15.015 15.015 0 0 1-4.625 2.563c-1.813.688-3.75 1-5.75 1-3.25 0-6.188-.875-8.875-2.625.438.063.875.125 1.375.125 2.688 0 5.063-.875 7.188-2.5-1.25 0-2.375-.375-3.375-1.125s-1.688-1.688-2.063-2.875c.438.063.813.125 1.125.125.5 0 1-.063 1.5-.25-1.313-.25-2.438-.938-3.313-1.938a5.673 5.673 0 0 1-1.313-3.688v-.063c.813.438 1.688.688 2.625.688a5.228 5.228 0 0 1-1.875-2c-.5-.875-.688-1.813-.688-2.75 0-1.063.25-2.063.75-2.938 1.438 1.75 3.188 3.188 5.25 4.25s4.313 1.688 6.688 1.813a5.579 5.579 0 0 1 1.5-5.438c1.125-1.125 2.5-1.688 4.125-1.688s3.063.625 4.188 1.813a11.48 11.48 0 0 0 3.688-1.375c-.438 1.375-1.313 2.438-2.563 3.188 1.125-.125 2.188-.438 3.313-.875z"></path></svg>
</a>
<a class="floating-header-share-fb" href="https://www.facebook.com/sharer/sharer.php?u=http://172.20.254.138:80/private-sites/" onclick="window.open(this.href, 'share-facebook','width=580,height=296');return false;">
<svg viewbox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M19 6h5V0h-5c-3.86 0-7 3.14-7 7v3H8v6h4v16h6V16h5l1-6h-6V7c0-.542.458-1 1-1z"></path></svg>
</a>
</div>
<progress class="progress" id="reading-progress" value="0">
<div class="progress-container">
<span class="progress-bar"></span>
</div>
</progress>
</div>
<footer class="site-footer outer">
<div class="site-footer-content inner">
<section class="copyright"><a href="">user Blog</a> © 2018</section>
<nav class="site-footer-nav">
<a href="">Latest Posts</a>
<a href="https://ghost.org" rel="noopener" target="_blank">Ghost</a>
</nav>
</div>
</footer>
</div>
<script crossorigin="anonymous" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" src="/jquery-3.2.1.min.js"></script>
<script src="/assets/js/jquery.fitvids.js,qv=8cfc086fe8.pagespeed.jm.nHU73nSfsl.js" type="text/javascript"></script>
<script>$(document).ready(function(){var $postContent=$(".post-full-content");$postContent.fitVids();var progressBar=document.querySelector('#reading-progress');var header=document.querySelector('.floating-header');var title=document.querySelector('.post-full-title');var lastScrollY=window.scrollY;var lastWindowHeight=window.innerHeight;var lastDocumentHeight=$(document).height();var ticking=false;function onScroll(){lastScrollY=window.scrollY;requestTick();}function onResize(){lastWindowHeight=window.innerHeight;lastDocumentHeight=$(document).height();requestTick();}function requestTick(){if(!ticking){requestAnimationFrame(update);}ticking=true;}function update(){var trigger=title.getBoundingClientRect().top+window.scrollY;var triggerOffset=title.offsetHeight+35;var progressMax=lastDocumentHeight-lastWindowHeight;if(lastScrollY>=trigger+triggerOffset){header.classList.add('floating-active');}else{header.classList.remove('floating-active');}progressBar.setAttribute('max',progressMax);progressBar.setAttribute('value',lastScrollY);ticking=false;}window.addEventListener('scroll',onScroll,{passive:true});window.addEventListener('resize',onResize,false);update();});</script>
</body>
</html>

View File

@ -0,0 +1,42 @@
(self.AMP=self.AMP||[]).push({n:"amp-iframe",v:"1533253141109",f:(function(AMP,_){
var l;function aa(a,b){function c(){}c.prototype=b.prototype;a.prototype=new c;a.prototype.constructor=a;for(var d in b)if(Object.defineProperties){var e=Object.getOwnPropertyDescriptor(b,d);e&&Object.defineProperty(a,d,e)}else a[d]=b[d]}function q(a,b){b=void 0===b?"":b;try{return decodeURIComponent(a)}catch(c){return b}};var ba=/(?:^[#?]?|&)([^=&]+)(?:=([^&]*))?/g;self.log=self.log||{user:null,dev:null,userForEmbed:null};var t=self.log;function u(){if(!t.user)throw Error("failed to call initLogConstructor");return t.user}function v(){if(t.dev)return t.dev;throw Error("failed to call initLogConstructor");};function x(){var a,b=Object.create(null);a&&Object.assign(b,a);return b}function y(a){return a||{}};function z(a,b){var c=a.length-b.length;return 0<=c&&a.indexOf(b,c)==c};var A=self.AMP_CONFIG||{},ca={thirdParty:A.thirdPartyUrl||"https://3p.ampproject.net",thirdPartyFrameHost:A.thirdPartyFrameHost||"ampproject.net",thirdPartyFrameRegex:("string"==typeof A.thirdPartyFrameRegex?new RegExp(A.thirdPartyFrameRegex):A.thirdPartyFrameRegex)||/^d-\d+\.ampproject\.net$/,cdn:A.cdnUrl||"https://cdn.ampproject.org",cdnProxyRegex:("string"==typeof A.cdnProxyRegex?new RegExp(A.cdnProxyRegex):A.cdnProxyRegex)||/^https:\/\/([a-zA-Z0-9_-]+\.)?cdn\.ampproject\.org$/,localhostRegex:/^https?:\/\/localhost(:\d+)?$/,
errorReporting:A.errorReportingUrl||"https://amp-error-reporting.appspot.com/r",localDev:A.localDev||!1};function B(a){this.Z=a;this.K=this.T=0;this.C=Object.create(null)}B.prototype.has=function(a){return!!this.C[a]};B.prototype.get=function(a){var b=this.C[a];if(b)return b.access=++this.K,b.payload};B.prototype.put=function(a,b){this.has(a)||this.T++;this.C[a]={payload:b,access:this.K};if(!(this.T<=this.Z)){v().warn("lru-cache","Trimming LRU cache");a=this.C;var c=this.K+1,d,e;for(e in a){var f=a[e].access;f<c&&(c=f,d=e)}void 0!==d&&(delete a[d],this.T--)}};y({c:!0,v:!0,a:!0,ad:!0});var C,D;function da(a){var b="iframe-messaging",c;if(a.__AMP__EXPERIMENT_TOGGLES)c=a.__AMP__EXPERIMENT_TOGGLES;else{a.__AMP__EXPERIMENT_TOGGLES=Object.create(null);c=a.__AMP__EXPERIMENT_TOGGLES;if(a.AMP_CONFIG)for(var d in a.AMP_CONFIG){var e=a.AMP_CONFIG[d];"number"===typeof e&&0<=e&&1>=e&&(c[d]=Math.random()<e)}if(a.AMP_CONFIG&&Array.isArray(a.AMP_CONFIG["allow-doc-opt-in"])&&0<a.AMP_CONFIG["allow-doc-opt-in"].length&&(d=a.AMP_CONFIG["allow-doc-opt-in"],e=a.document.head.querySelector('meta[name="amp-experiments-opt-in"]')))for(var e=
e.getAttribute("content").split(","),f=0;f<e.length;f++)-1!=d.indexOf(e[f])&&(c[e[f]]=!0);Object.assign(c,ea(a));if(a.AMP_CONFIG&&Array.isArray(a.AMP_CONFIG["allow-url-opt-in"])&&0<a.AMP_CONFIG["allow-url-opt-in"].length){d=a.AMP_CONFIG["allow-url-opt-in"];e=a.location.originalHash||a.location.hash;a=Object.create(null);if(e)for(var g;g=ba.exec(e);)f=q(g[1],g[1]),g=g[2]?q(g[2],g[2]):"",a[f]=g;for(e=0;e<d.length;e++)f=a["e-"+d[e]],"1"==f&&(c[d[e]]=!0),"0"==f&&(c[d[e]]=!1)}}var h=c;return!!h[b]}
function ea(a){a:{var b;try{b=a.document.cookie}catch(g){b=""}if(a=b)for(a=a.split(";"),b=0;b<a.length;b++){var c=a[b].trim(),d=c.indexOf("=");if(-1!=d&&"AMP_EXP"==q(c.substring(0,d).trim(),void 0)){a=c.substring(d+1).trim();a=q(a,a);break a}}a=null}var e=a,f=e?e.split(/\s*,\s*/g):[];a=Object.create(null);for(b=0;b<f.length;b++)0!=f[b].length&&("-"==f[b][0]?a[f[b].substr(1)]=!1:a[f[b]]=!0);return a};function F(a,b){if(a.nodeType){var c=(a.ownerDocument||a).defaultView;if(c=c!=(c.__AMP_TOP||c)&&G(c,b)?H(c,b):null)return c}c=I(a);c=I(c);c=c.isSingleDoc()?c.win:c;return H(c,b)}function J(a,b){a=a.__AMP_TOP||a;return H(a,b)}function I(a){return a.nodeType?J((a.ownerDocument||a).defaultView,"ampdoc").getAmpDoc(a):a}function H(a,b){G(a,b);var c=a.services;c||(c=a.services={});var d=c;a=d[b];a.obj||(a.obj=new a.ctor(a.context),a.ctor=null,a.context=null,a.resolve&&a.resolve(a.obj));return a.obj}
function G(a,b){a=a.services&&a.services[b];return!(!a||!a.ctor&&!a.obj)};/*
https://mths.be/cssescape v1.5.1 by @mathias | MIT license */
function fa(a,b){for(var c,d=a;d&&d!==c;d=d.parentElement)if(b(d))return d;return null}function ga(a){return a.closest?a.closest(".i-amphtml-overlay"):fa(a,function(a){var b=a.matches||a.webkitMatchesSelector||a.mozMatchesSelector||a.msMatchesSelector||a.oMatchesSelector;return b?b.call(a,".i-amphtml-overlay"):!1})};function ha(a,b){try{return JSON.parse(a)}catch(c){b&&b(c)}};var K,L="Webkit webkit Moz moz ms O o".split(" ");function M(a,b){var c,d;d=a.style;K||(K=x());var e=K.zIndex;if(!e){e="zIndex";if(void 0===d.zIndex){var f;b:{for(f=0;f<L.length;f++){var g=L[f]+"ZIndex";if(void 0!==d[g]){f=g;break b}}f=""}void 0!==d[f]&&(e=f)}K.zIndex=e}d=e;d&&(a.style[d]=c?b+c:b)};function N(a,b,c,d){return{left:a,top:b,width:c,height:d,bottom:b+d,right:a+c,x:a,y:b}}function ia(a){for(var b=-Infinity,c=Infinity,d=-Infinity,e=Infinity,f=0;f<arguments.length;f++){var g=arguments[f];if(g&&(b=Math.max(b,g.left),c=Math.min(c,g.left+g.width),d=Math.max(d,g.top),e=Math.min(e,g.top+g.height),c<b||e<d))return null}return Infinity==c?null:N(b,d,c-b,e-d)}function O(a,b,c){return 0==b&&0==c||0==a.width&&0==a.height?a:N(a.left+b,a.top+c,a.width,a.height)};function ja(a){if(!P(a))return null;var b=a.indexOf("{");try{return JSON.parse(a.substr(b))}catch(c){return v().error("MESSAGING","Failed to parse message: "+a,c),null}}function P(a){return"string"==typeof a&&0==a.indexOf("amp-")&&-1!=a.indexOf("{")};var ka={"AMP-FX-FLYING-CARPET":!0,"AMP-LIGHTBOX":!0,"AMP-STICKY-AD":!0,"AMP-LIGHTBOX-GALLERY":!0};function la(a,b){for(var c=[],d=0,e=0;e<a.length;e++){var f=a[e];b(f,e,a)?(d<e&&(a[d]=f),d++):c.push(f)}d<a.length&&(a.length=d)};function Q(a,b,c){var d=a.listeningFors;!d&&c&&(d=a.listeningFors=Object.create(null));a=d||null;if(!a)return a;var e=a[b];!e&&c&&(e=a[b]=[]);return e||null}
function ma(a,b,c){var d=b.src;C||(C=self.document.createElement("a"),D=self.UrlCache||(self.UrlCache=new B(100)));var e=D,f=C;if(e&&e.has(d))d=e.get(d);else{f.href=d;f.protocol||(f.href=f.href);var g={href:f.href,protocol:f.protocol,host:f.host,hostname:f.hostname,port:"0"==f.port?"":f.port,pathname:f.pathname,search:f.search,hash:f.hash,origin:null};"/"!==g.pathname[0]&&(g.pathname="/"+g.pathname);if("http:"==g.protocol&&80==g.port||"https:"==g.protocol&&443==g.port)g.port="",g.host=g.hostname;
g.origin=f.origin&&"null"!=f.origin?f.origin:"data:"!=g.protocol&&g.host?g.protocol+"//"+g.host:g.href;e&&e.put(d,g);d=g}d=d.origin;e=c?b.getAttribute("data-amp-3p-sentinel"):"amp";a=Q(a,e,!0);for(var h,e=0;e<a.length;e++){var n=a[e];if(n.frame===b){h=n;break}}h||(h={frame:b,origin:d,events:Object.create(null)},a.push(h));return h.events}
function na(a){for(var b=y({sentinel:"unlisten"}),c=a.length-1;0<=c;c--){var d=a[c];if(!d.frame.contentWindow){a.splice(c,1);var e=d.events,f;for(f in e)e[f].splice(0,Infinity).forEach(function(a){a(b)})}}}
function oa(a){if(!a.listeningFors){var b=function(b){if(b.data){var c=pa(b.data);if(c&&c.sentinel){var e;e=c.sentinel;var f=b.origin,g=b.source,h=Q(a,e);if(h){for(var n,k=0;k<h.length;k++){var m=h[k],r=m.frame.contentWindow;if(r)if("amp"===e){if(m.origin===f&&r==g){n=m;break}}else{var p;if(!(p=g==r))b:{for(p=g;p&&p!=p.parent;p=p.parent)if(p==r){p=!0;break b}p=!1}if(p){n=m;break}}else setTimeout(na,0,h)}e=n?n.events:null}else e=h;var E=e;if(E){var w=E[c.type];if(w)for(w=w.slice(),e=0;e<w.length;e++)(0,w[e])(c,
b.source,b.origin)}}}};a.addEventListener("message",b)}}function R(a,b,c,d,e){function f(b,d,f){if(e||d==a.contentWindow)"unlisten"==b.sentinel?n():c(b,d,f)}var g=a.ownerDocument.defaultView;oa(g);d=ma(g,a,d);var h=d[b]||(d[b]=[]),n;h.push(f);return n=function(){if(f){var a=h.indexOf(f);-1<a&&h.splice(a,1);c=h=f=null}}}
function qa(a,b,c,d,e){if(a.contentWindow)for(d.type=c,d.sentinel=e?a.getAttribute("data-amp-3p-sentinel"):"amp",a=d,e&&(a="amp-"+JSON.stringify(d)),d=0;d<b.length;d++)e=b[d],e.win.postMessage(a,e.origin)}function pa(a){"string"==typeof a&&(a="{"==a.charAt(0)?ha(a,function(a){v().warn("IFRAME-HELPER","Postmessage could not be parsed. Is it in a valid JSON format?",a)})||null:P(a)?ja(a):null);return a}
function S(a,b,c,d){var e=this;this.h=a;this.N=c;this.w=[];this.aa=R(this.h,b,function(a,b,c){e.w.some(function(a){return a.win==b})||e.w.push({win:b,origin:c});d(a,b,c)},this.N,this.N)}S.prototype.send=function(a,b){la(this.w,function(a){return!!a.win.parent});qa(this.h,this.w,a,b,this.N)};S.prototype.destroy=function(){this.aa();this.w.length=0};var T=[[300,250],[320,50],[300,50],[320,100]];var ra=[0,.05,.1,.15,.2,.25,.3,.35,.4,.45,.5,.55,.6,.65,.7,.75,.8,.85,.9,.95,1],sa=Date.now();function U(a,b,c){var d=this;this.L=a;this.A=null;this.P=this.S=!1;this.I=null;this.J=a.getViewport();this.U=new S(b,"send-intersections",c||!1,function(){ta(d)});this.A=new V(function(a){for(var b=0;b<a.length;b++)delete a[b].target;d.U.send("intersection",y({changes:a}))},{threshold:ra});this.A.tick(this.J.getRect());this.fire=function(){d.S&&d.P&&d.A.tick(d.J.getRect())}}
function ta(a){a.S=!0;a.A.observe(a.L.element);a.L.getVsync().measure(function(){a.P=a.L.isInViewport();a.fire()});var b=a.J.onScroll(a.fire),c=a.J.onChanged(a.fire);a.I=function(){b();c()}}U.prototype.onViewportCallback=function(a){this.P=a};U.prototype.destroy=function(){this.S=!1;this.A=null;this.I&&(this.I(),this.I=null);this.U.destroy();this.U=null};
function V(a,b){this.W=a;var c=b&&b.threshold,c=c?Array.isArray(c)?c:[c]:[0];for(a=0;a<c.length;a++);this.$=c.sort();this.R=null;this.Y=void 0;this.j=[]}V.prototype.disconnect=function(){this.j.length=0};V.prototype.observe=function(a){for(var b=0;b<this.j.length;b++)if(this.j[b].element===a){v().warn("INTERSECTION-OBSERVER","should observe same element once");return}var c={element:a,currentThresholdSlot:0};this.R&&(a=W(this,c,this.R,this.Y))&&this.W([a]);this.j.push(c)};
V.prototype.unobserve=function(a){for(var b=0;b<this.j.length;b++)if(this.j[b].element===a){this.j.splice(b,1);return}v().warn("INTERSECTION-OBSERVER","unobserve non-observed element")};V.prototype.tick=function(a,b){b&&(a=O(a,-b.left,-b.top),b=O(b,-b.left,-b.top));this.R=a;this.Y=b;for(var c=[],d=0;d<this.j.length;d++){var e=W(this,this.j[d],a,b);e&&c.push(e)}c.length&&this.W(c)};
function W(a,b,c,d){var e=b.element,f=null,g=e.getLayoutBox(),h=e.getOwner(),f=h&&h.getLayoutBox(),n=ia(g,f,c,d)||N(0,0,0,0),h=n,k=g,h=h.width*h.height/(k.width*k.height);a=a.$;var k=0,m=a.length;if(0==h)a=0;else{for(var r=(k+m)/2|0;k<r;)h<a[r]?m=r:k=r,r=(k+m)/2|0;a=m}var p=a;if(p==b.currentThresholdSlot)return null;b.currentThresholdSlot=p;c=d?null:c;d=n;a=g;if(k=c)d=O(d,-c.left,-c.top),a=O(a,-c.left,-c.top),k=O(k,-c.left,-c.top);var E={time:"undefined"!==typeof performance&&performance.now?performance.now():
Date.now()-sa,rootBounds:k,boundingClientRect:a,intersectionRect:d,intersectionRatio:h,target:e};return E};var ua="allowfullscreen allowpaymentrequest allowtransparency allow frameborder referrerpolicy scrolling".split(" "),va=0,X=0;function Y(a){a=AMP.BaseElement.call(this,a)||this;a.H=null;a.F=!1;a.O=!1;a.B=!1;a.X=!1;a.M=null;a.h=null;a.G=!1;a.l=null;a.o="";a.iframeSrc=null;a.D=null;a.m=null;return a}aa(Y,AMP.BaseElement);l=Y.prototype;l.isLayoutSupported=function(a){return"fixed"==a||"fixed-height"==a||"responsive"==a||"fill"==a||"flex-item"==a||"fluid"==a||"intrinsic"==a};
function Z(a,b,c){var d=window.location.href;c=void 0===c?"":c;a=a.element;var e=F(a,"url"),f=e.parse(b),g=f.hostname,h=f.protocol,f=f.origin;u().assert(e.isSecure(b)||"data:"==h,"Invalid <amp-iframe> src. Must start with https://. Found %s",a);var n=e.parse(d);u().assert(!wa(c,"allow-same-origin")||f!=n.origin&&"data:"!=h,"Origin of <amp-iframe> must not be equal to container %sif allow-same-origin is set. See https://github.com/ampproject/amphtml/blob/master/spec/amp-iframe-origin-policy.md for details.",
a);u().assert(!(z(g,"."+ca.thirdPartyFrameHost)||z(g,".ampproject.org")),"amp-iframe does not allow embedding of frames from ampproject.*: %s",b);return b}
function xa(a){var b=a.element.getLayoutBox(),c=Math.min(600,.75*a.getViewport().getSize().height);u().assert(b.top>=c,"<amp-iframe> elements must be positioned outside the first 75% of the viewport or 600px from the top (whichever is smaller): %s Current position %s. Min: %sPositioning rules don't apply for iframes that use `placeholder`.See https://github.com/ampproject/amphtml/blob/master/extensions/amp-iframe/amp-iframe.md#iframe-with-placeholder for details.",a.element,b.top,c)}
function wa(a,b){var c=new RegExp("\\s"+b+"\\s","i");return c.test(" "+a+" ")}function ya(a,b){if(b){a=F(a.element,"url").parse(b);var c=a.hash;"data:"==a.protocol||c&&"#"!=c||(a=b.indexOf("#"),b=(-1==a?b:b.substring(0,a))+"#amp=1");return b}}
l.firstAttachedCallback=function(){this.o=this.element.getAttribute("sandbox");var a;if(!(a=ya(this,this.element.getAttribute("src")))){a=this.element.getAttribute("srcdoc");var b=this.o;if(a){u().assert(!(" "+b+" ").match(/\s+allow-same-origin\s+/i),"allow-same-origin is not allowed with the srcdoc attribute %s.",this.element);if("undefined"!==typeof TextEncoder)b=(new TextEncoder("utf-8")).encode(a);else{a=unescape(encodeURIComponent(a));for(var b=new Uint8Array(a.length),c=0;c<a.length;c++)b[c]=
a.charCodeAt(c)}a=btoa;for(var c=Array(b.length),d=0;d<b.length;d++)c[d]=String.fromCharCode(b[d]);a="data:text/html;charset=utf-8;base64,"+a(c.join(""))}else a=void 0}var e=a;this.iframeSrc=Z(this,e,this.o)};l.preconnectCallback=function(a){this.iframeSrc&&this.preconnect.url(this.iframeSrc,a)};
l.buildCallback=function(){this.H=this.getPlaceholder();this.F=!!this.H;(this.G=this.element.hasAttribute("resizable"))&&this.element.setAttribute("scrolling","no");this.element.hasAttribute("frameborder")||this.element.setAttribute("frameborder","0");var a;a=this.element;if("no"!=a.getAttribute("scrolling")){var b=a.ownerDocument.createElement("i-amphtml-scroll-container");a.appendChild(b);a=b}this.D=a;za(this)};
l.onLayoutMeasure=function(){Aa(this);var a=this.element,b;a:{var c=a.getLayoutBox();b=c.height;for(var c=c.width,d=0;d<T.length;d++){var e=T[d][0],f=T[d][1];if(!(f>b||e>c)&&20>=b-f&&20>=c-e){b=!0;break a}}b=!1}this.O=b;b=this.element;c=b.getLayoutBox();this.B=10<c.width||10<c.height?!1:!ga(b);if(b=this.O){b=this.win;c=!1;d=0;do ka[a.tagName]?(d++,c=!1):(e=(b.getComputedStyle(a)||x()).position,"fixed"!=e&&"sticky"!=e||(c=!0)),a=a.parentElement;while(a&&"BODY"!=a.tagName);b=!(!c&&1>=d)}this.X=b;this.l&&
this.l.fire()};function Aa(a){if(a.h){var b=a.getViewport().getLayoutRect(a.h),c=a.getLayoutBox();a.M=O(b,-c.left,-c.top)}}l.getIntersectionElementLayoutBox=function(){if(!this.h)return AMP.BaseElement.prototype.getIntersectionElementLayoutBox.call(this);var a=this.getLayoutBox();this.M||Aa(this);return O(this.M,a.left,a.top)};
l.layoutCallback=function(){var a=this;u().assert(!this.X,"amp-iframe is not used for displaying fixed ad. Please use amp-sticky-ad and amp-ad instead.");this.F||xa(this);this.G&&u().assert(this.getOverflowElement(),"Overflow element must be defined for resizable frames: %s",this.element);if(!this.iframeSrc)return Promise.resolve();if(this.B&&(X++,1<X))return console.error("Only 1 analytics/tracking iframe allowed per page. Please use amp-analytics instead or file a GitHub issue for your use case: https://github.com/ampproject/amphtml/issues/new"),
Promise.resolve();var b=this.element.ownerDocument.createElement("iframe");this.h=b;this.applyFillContent(b);b.name="amp_iframe"+va++;this.F&&M(b,-1);this.propagateAttributes(ua,b);Ba(b,this.o);b.src=this.iframeSrc;this.B||(this.l=new U(this,b));b.onload=function(){b.readyState="complete";a.V();a.B&&(a.iframeSrc=null,J(a.win,"timer").promise(5E3).then(function(){b.parentElement&&b.parentElement.removeChild(b);a.element.setAttribute("amp-removed","");a.h=null}))};R(b,"embed-size",function(b){Ca(a,
b.height,b.width)});this.F&&R(b,"embed-ready",this.V.bind(this));this.D.appendChild(b);return this.loadPromise(b).then(function(){a.D!=a.element&&J(a.win,"timer").delay(function(){a.mutateElement(function(){a.D.classList.add("amp-active")})},1E3)})};l.unlayoutOnPause=function(){return!0};l.unlayoutCallback=function(){if(this.h){var a=this.h;a.parentElement&&a.parentElement.removeChild(a);this.H&&this.togglePlaceholder(!0);this.h=null;this.l&&(this.l.destroy(),this.l=null)}return!0};
l.viewportCallback=function(a){if(this.l)this.l.onViewportCallback(a)};l.getLayoutPriority=function(){return this.O?2:this.B?1:AMP.BaseElement.prototype.getLayoutPriority.call(this)};l.mutatedAttributesCallback=function(a){var b=a.src;void 0!==b&&(this.iframeSrc=ya(this,b),this.h&&(this.h.src=Z(this,this.iframeSrc,this.o)))};l.V=function(){var a=this;this.H&&this.getVsync().mutate(function(){a.h&&(M(a.h,0),a.togglePlaceholder(!1))})};l.firstLayoutCompleted=function(){};
l.throwIfCannotNavigate=function(){if(!wa(this.o,"allow-top-navigation"))throw u().createError('"AMP.navigateTo" is only allowed on <amp-iframe> when its "sandbox" attribute contains "allow-top-navigation".');};
function Ca(a,b,c){if(a.G)if(100>b)a.user().error("amp-iframe","Ignoring embed-size request because the resize height is less than 100px. If you are using amp-iframe to display ads, consider using amp-ad instead.",a.element);else{var d,e;b=parseInt(b,10);isNaN(b)||(d=Math.max(b+(a.element.offsetHeight-a.h.offsetHeight),b));c=parseInt(c,10);isNaN(c)||(e=Math.max(c+(a.element.offsetWidth-a.h.offsetWidth),c));void 0!==d||void 0!==e?a.attemptChangeSize(d,e).then(function(){void 0!==d&&a.element.setAttribute("height",
d);void 0!==e&&a.element.setAttribute("width",e)},function(){}):a.user().error("amp-iframe","Ignoring embed-size request because no width or height value is provided",a.element)}else a.user().error("amp-iframe","Ignoring embed-size request because this iframe is not resizable",a.element)}
function za(a){if(da(a.win)){var b=a.element,c=b.getAttribute("src");c&&(a.m=F(b,"url").parse(c).origin);a.registerAction("postMessage",function(b){a.m?a.h.contentWindow.postMessage(b.args,a.m):u().error("amp-iframe",'"postMessage" action is only allowed with "src"attribute with an origin.')},100);if(a.m){var d=10,e=0,f=function(b){if(b.source===a.h.contentWindow)if(b.origin!==a.m)u().error("amp-iframe",'"message" received from unexpected origin: '+b.origin+". Only allowed from: "+a.m);else{var c;
a.getAmpDoc().getRootNode().activeElement!==a.h?c=!1:(c=a.win.document.createElement("audio"),c.play(),c=c.paused?!1:!0);if(c){var g=b.data,k;try{k=JSON.parse(JSON.stringify(g))}catch(p){u().error("amp-iframe",'Data from "message" event must be JSON.');return}var m=a.win;b=y({data:k});c={detail:b};Object.assign(c,void 0);"function"==typeof m.CustomEvent?b=new m.CustomEvent("amp-iframe:message",c):(m=m.document.createEvent("CustomEvent"),m.initCustomEvent("amp-iframe:message",!!c.bubbles,!!c.cancelable,
b),b=m);var r=F(a.getAmpDoc(),"action");r.trigger(a.element,"message",b,100)}else e++,u().error("amp-iframe",'"message" event may only be triggered from a user gesture.'),e>=d&&(u().error("amp-iframe",'Too many non-gesture-triggered "message" events; detaching event listener.'),a.win.removeEventListener("message",f))}};a.win.addEventListener("message",f)}}}l.ba=function(a){this.m=a};function Ba(a,b){var c=b||"";a.setAttribute("sandbox",c)}(function(a){a.registerElement("amp-iframe",Y)})(self.AMP);
})});
//# sourceMappingURL=amp-iframe-0.1.js.map

Binary file not shown.

After

Width:  |  Height:  |  Size: 77 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 133 KiB

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1,99 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<meta content="IE=edge" http-equiv="X-UA-Compatible"/>
<title>user Blog</title>
<meta content="True" name="HandheldFriendly"/>
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
<link href="/assets/built/screen.css?v=8cfc086fe8" rel="stylesheet" type="text/css"/>
</head>
<body class="error-template">
<div class="site-wrapper">
<header class="site-header outer no-cover">
<div class="inner">
<nav class="site-nav-center">
<a class="site-nav-logo" href=""><img alt="user Blog" src="/v1.0.0/images/ghost-logo.svg"/></a>
</nav>
</div>
</header>
<main class="site-main outer" id="site-main">
<div class="inner">
<section class="error-message">
<h1 class="error-code">404</h1>
<p class="error-description">Page not found</p>
<a class="error-link" href="">Go to the front page →</a>
</section>
</div>
</main>
<aside class="outer">
<div class="inner">
<div class="post-feed">
<article class="post-card post">
<a class="post-card-image-link" href="/welcome/">
<div class="post-card-image" style="background-image: url(https://casper.ghost.org/v1.0.0/images/welcome.jpg)"></div>
</a>
<div class="post-card-content">
<a class="post-card-content-link" href="/welcome/">
<header class="post-card-header">
<h2 class="post-card-title">Welcome to Ghost</h2>
</header>
<section class="post-card-excerpt">
<p>Hey! Welcome to Ghost, it's great to have you :) We know that first impressions are important, so we've populated your new site with some initial Getting Started posts that will help you get</p>
</section>
</a>
<footer class="post-card-meta">
<ul class="author-list">
</ul>
<span class="reading-time">1 min read</span>
</footer>
</div>
</article>
<article class="post-card post">
<a class="post-card-image-link" href="/the-editor/">
<div class="post-card-image" style="background-image: url(https://casper.ghost.org/v1.0.0/images/writing.jpg)"></div>
</a>
<div class="post-card-content">
<a class="post-card-content-link" href="/the-editor/">
<header class="post-card-header">
<h2 class="post-card-title">Using the Ghost editor</h2>
</header>
<section class="post-card-excerpt">
<p>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</p>
</section>
</a>
<footer class="post-card-meta">
<ul class="author-list">
</ul>
<span class="reading-time">3 min read</span>
</footer>
</div>
</article>
<article class="post-card post">
<a class="post-card-image-link" href="/using-tags/">
<div class="post-card-image" style="background-image: url(https://casper.ghost.org/v1.0.0/images/tags.jpg)"></div>
</a>
<div class="post-card-content">
<a class="post-card-content-link" href="/using-tags/">
<header class="post-card-header">
<h2 class="post-card-title">Organising your content with tags</h2>
</header>
<section class="post-card-excerpt">
<p>Ghost has a single, powerful organisational taxonomy, called tags. It doesn't matter whether you want to call them categories, tags, boxes, or anything else. You can think of Ghost tags a lot like</p>
</section>
</a>
<footer class="post-card-meta">
<ul class="author-list">
</ul>
<span class="reading-time">2 min read</span>
</footer>
</div>
</article>
</div>
</div>
</aside>
</div>
</body>
</html>

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

Binary file not shown.

After

Width:  |  Height:  |  Size: 118 KiB

View File

@ -0,0 +1,99 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<meta content="IE=edge" http-equiv="X-UA-Compatible"/>
<title>user Blog</title>
<meta content="True" name="HandheldFriendly"/>
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
<link href="/assets/built/screen.css?v=8cfc086fe8" rel="stylesheet" type="text/css"/>
</head>
<body class="error-template">
<div class="site-wrapper">
<header class="site-header outer no-cover">
<div class="inner">
<nav class="site-nav-center">
<a class="site-nav-logo" href=""><img alt="user Blog" src="/v1.0.0/images/ghost-logo.svg"/></a>
</nav>
</div>
</header>
<main class="site-main outer" id="site-main">
<div class="inner">
<section class="error-message">
<h1 class="error-code">404</h1>
<p class="error-description">Page not found</p>
<a class="error-link" href="">Go to the front page →</a>
</section>
</div>
</main>
<aside class="outer">
<div class="inner">
<div class="post-feed">
<article class="post-card post">
<a class="post-card-image-link" href="/welcome/">
<div class="post-card-image" style="background-image: url(https://casper.ghost.org/v1.0.0/images/welcome.jpg)"></div>
</a>
<div class="post-card-content">
<a class="post-card-content-link" href="/welcome/">
<header class="post-card-header">
<h2 class="post-card-title">Welcome to Ghost</h2>
</header>
<section class="post-card-excerpt">
<p>Hey! Welcome to Ghost, it's great to have you :) We know that first impressions are important, so we've populated your new site with some initial Getting Started posts that will help you get</p>
</section>
</a>
<footer class="post-card-meta">
<ul class="author-list">
</ul>
<span class="reading-time">1 min read</span>
</footer>
</div>
</article>
<article class="post-card post">
<a class="post-card-image-link" href="/the-editor/">
<div class="post-card-image" style="background-image: url(https://casper.ghost.org/v1.0.0/images/writing.jpg)"></div>
</a>
<div class="post-card-content">
<a class="post-card-content-link" href="/the-editor/">
<header class="post-card-header">
<h2 class="post-card-title">Using the Ghost editor</h2>
</header>
<section class="post-card-excerpt">
<p>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</p>
</section>
</a>
<footer class="post-card-meta">
<ul class="author-list">
</ul>
<span class="reading-time">3 min read</span>
</footer>
</div>
</article>
<article class="post-card post">
<a class="post-card-image-link" href="/using-tags/">
<div class="post-card-image" style="background-image: url(https://casper.ghost.org/v1.0.0/images/tags.jpg)"></div>
</a>
<div class="post-card-content">
<a class="post-card-content-link" href="/using-tags/">
<header class="post-card-header">
<h2 class="post-card-title">Organising your content with tags</h2>
</header>
<section class="post-card-excerpt">
<p>Ghost has a single, powerful organisational taxonomy, called tags. It doesn't matter whether you want to call them categories, tags, boxes, or anything else. You can think of Ghost tags a lot like</p>
</section>
</a>
<footer class="post-card-meta">
<ul class="author-list">
</ul>
<span class="reading-time">2 min read</span>
</footer>
</div>
</article>
</div>
</div>
</aside>
</div>
</body>
</html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 95 KiB

View File

@ -0,0 +1,99 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<meta content="IE=edge" http-equiv="X-UA-Compatible"/>
<title>user Blog</title>
<meta content="True" name="HandheldFriendly"/>
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
<link href="/assets/built/screen.css?v=8cfc086fe8" rel="stylesheet" type="text/css"/>
</head>
<body class="error-template">
<div class="site-wrapper">
<header class="site-header outer no-cover">
<div class="inner">
<nav class="site-nav-center">
<a class="site-nav-logo" href=""><img alt="user Blog" src="/v1.0.0/images/ghost-logo.svg"/></a>
</nav>
</div>
</header>
<main class="site-main outer" id="site-main">
<div class="inner">
<section class="error-message">
<h1 class="error-code">404</h1>
<p class="error-description">Page not found</p>
<a class="error-link" href="">Go to the front page →</a>
</section>
</div>
</main>
<aside class="outer">
<div class="inner">
<div class="post-feed">
<article class="post-card post">
<a class="post-card-image-link" href="/welcome/">
<div class="post-card-image" style="background-image: url(https://casper.ghost.org/v1.0.0/images/welcome.jpg)"></div>
</a>
<div class="post-card-content">
<a class="post-card-content-link" href="/welcome/">
<header class="post-card-header">
<h2 class="post-card-title">Welcome to Ghost</h2>
</header>
<section class="post-card-excerpt">
<p>Hey! Welcome to Ghost, it's great to have you :) We know that first impressions are important, so we've populated your new site with some initial Getting Started posts that will help you get</p>
</section>
</a>
<footer class="post-card-meta">
<ul class="author-list">
</ul>
<span class="reading-time">1 min read</span>
</footer>
</div>
</article>
<article class="post-card post">
<a class="post-card-image-link" href="/the-editor/">
<div class="post-card-image" style="background-image: url(https://casper.ghost.org/v1.0.0/images/writing.jpg)"></div>
</a>
<div class="post-card-content">
<a class="post-card-content-link" href="/the-editor/">
<header class="post-card-header">
<h2 class="post-card-title">Using the Ghost editor</h2>
</header>
<section class="post-card-excerpt">
<p>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</p>
</section>
</a>
<footer class="post-card-meta">
<ul class="author-list">
</ul>
<span class="reading-time">3 min read</span>
</footer>
</div>
</article>
<article class="post-card post">
<a class="post-card-image-link" href="/using-tags/">
<div class="post-card-image" style="background-image: url(https://casper.ghost.org/v1.0.0/images/tags.jpg)"></div>
</a>
<div class="post-card-content">
<a class="post-card-content-link" href="/using-tags/">
<header class="post-card-header">
<h2 class="post-card-title">Organising your content with tags</h2>
</header>
<section class="post-card-excerpt">
<p>Ghost has a single, powerful organisational taxonomy, called tags. It doesn't matter whether you want to call them categories, tags, boxes, or anything else. You can think of Ghost tags a lot like</p>
</section>
</a>
<footer class="post-card-meta">
<ul class="author-list">
</ul>
<span class="reading-time">2 min read</span>
</footer>
</div>
</article>
</div>
</div>
</aside>
</div>
</body>
</html>

View File

@ -0,0 +1,302 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<meta content="IE=edge" http-equiv="X-UA-Compatible"/>
<title>user Blog</title>
<meta content="True" name="HandheldFriendly"/>
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
<link href="/assets/built/screen.css?v=8cfc086fe8" rel="stylesheet" type="text/css"/>
<meta content="Thoughts, stories and ideas." name="description"/>
<link href="/favicon.ico" rel="shortcut icon" type="image/x-icon"/>
<link href="/" rel="canonical"/>
<meta content="no-referrer-when-downgrade" name="referrer"/>
<meta content="user Blog" property="og:site_name"/>
<meta content="website" property="og:type"/>
<meta content="user Blog" property="og:title"/>
<meta content="Thoughts, stories and ideas." property="og:description"/>
<meta content="http://172.20.254.138:80/" property="og:url"/>
<meta content="https://casper.ghost.org/v1.0.0/images/blog-cover.jpg" property="og:image"/>
<meta content="summary_large_image" name="twitter:card"/>
<meta content="user Blog" name="twitter:title"/>
<meta content="Thoughts, stories and ideas." name="twitter:description"/>
<meta content="http://172.20.254.138:80/" name="twitter:url"/>
<meta content="https://casper.ghost.org/v1.0.0/images/blog-cover.jpg" name="twitter:image"/>
<meta content="2000" property="og:image:width"/>
<meta content="666" property="og:image:height"/>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebSite",
"publisher": {
"@type": "Organization",
"name": "user Blog",
"logo": "https://casper.ghost.org/v1.0.0/images/ghost-logo.svg"
},
"url": "http://172.20.254.138:80/",
"image": {
"@type": "ImageObject",
"url": "https://casper.ghost.org/v1.0.0/images/blog-cover.jpg",
"width": 2000,
"height": 666
},
"mainEntityOfPage": {
"@type": "WebPage",
"@id": "http://172.20.254.138:80/"
},
"description": "Thoughts, stories and ideas."
}
</script>
<script>//<![CDATA[
!function(){var o,i,n,e,r="//172.20.254.138:80/ghost/api/v0.1/";n={api:function(){var n,e=Array.prototype.slice.call(arguments),t=r;return(n=e.pop())&&"object"!=typeof n&&(e.push(n),n={}),(n=n||{}).client_id=o,n.client_secret=i,e.length&&e.forEach(function(n){t+=n.replace(/^\/|\/$/g,"")+"/"}),t+function(n){var e,t=[];if(!n)return"";for(e in n)n.hasOwnProperty(e)&&(n[e]||!1===n[e])&&t.push(e+"="+encodeURIComponent(n[e]));return t.length?"?"+t.join("&"):""}(n)}},e=function(n){o=n.clientId?n.clientId:"",i=n.clientSecret?n.clientSecret:"",r=n.url?n.url:r.match(/{\{api-url}}/)?"":r},"undefined"!=typeof window&&(window.ghost=window.ghost||{},window.ghost.url=n,window.ghost.init=e),"undefined"!=typeof module&&(module.exports={url:n,init:e})}();
//]]></script>
<script>ghost.init({clientId:"ghost-frontend",clientSecret:"99616761d626"});</script>
<meta content="Ghost 1.25" name="generator"/>
<link href="/rss/" rel="alternate" title="user Blog" type="application/rss+xml"/>
</head>
<body class="home-template">
<div class="site-wrapper">
<header class="site-header outer " style="background-image:url(https://casper.ghost.org/v1.0.0/images/blog-cover.jpg)">
<div class="inner">
<div class="site-header-content">
<h1 class="site-title">
<img alt="user Blog" class="site-logo" src="/v1.0.0/images/ghost-logo.svg"/>
</h1>
<h2 class="site-description">Thoughts, stories and ideas.</h2>
</div>
<nav class="site-nav">
<div class="site-nav-left">
<ul class="nav" role="menu">
<li class="nav-home nav-current" role="menuitem"><a href="/">Home</a></li>
</ul>
</div>
<div class="site-nav-right">
<div class="social-links">
</div>
<a class="rss-button" href="https://feedly.com/i/subscription/feed/http://172.20.254.138:80/rss/" rel="noopener" target="_blank"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><circle cx="6.18" cy="17.82" r="2.18"></circle><path d="M4 4.44v2.83c7.03 0 12.73 5.7 12.73 12.73h2.83c0-8.59-6.97-15.56-15.56-15.56zm0 5.66v2.83c3.9 0 7.07 3.17 7.07 7.07h2.83c0-5.47-4.43-9.9-9.9-9.9z"></path></svg>
</a>
</div>
</nav>
</div>
</header>
<main class="site-main outer" id="site-main">
<div class="inner">
<div class="post-feed">
<article class="post-card post tag-getting-started">
<a class="post-card-image-link" href="/welcome/">
<div class="post-card-image" style="background-image:url(https://casper.ghost.org/v1.0.0/images/welcome.jpg)"></div>
</a>
<div class="post-card-content">
<a class="post-card-content-link" href="/welcome/">
<header class="post-card-header">
<span class="post-card-tags">Getting Started</span>
<h2 class="post-card-title">Welcome to Ghost</h2>
</header>
<section class="post-card-excerpt">
<p>Hey! Welcome to Ghost, it's great to have you :) We know that first impressions are important, so we've populated your new site with some initial Getting Started posts that will help you get</p>
</section>
</a>
<footer class="post-card-meta">
<ul class="author-list">
<li class="author-list-item">
<div class="author-name-tooltip">
Ghost
</div>
<a class="static-avatar author-profile-image" href="/author/ghost/"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M3.513 18.998C4.749 15.504 8.082 13 12 13s7.251 2.504 8.487 5.998C18.47 21.442 15.417 23 12 23s-6.47-1.558-8.487-4.002zM12 12c2.21 0 4-2.79 4-5s-1.79-4-4-4-4 1.79-4 4 1.79 5 4 5z" fill="#FFF"></path></g></svg>
</a>
</li>
</ul>
<span class="reading-time">1 min read</span>
</footer>
</div>
</article>
<article class="post-card post tag-getting-started">
<a class="post-card-image-link" href="/the-editor/">
<div class="post-card-image" style="background-image:url(https://casper.ghost.org/v1.0.0/images/writing.jpg)"></div>
</a>
<div class="post-card-content">
<a class="post-card-content-link" href="/the-editor/">
<header class="post-card-header">
<span class="post-card-tags">Getting Started</span>
<h2 class="post-card-title">Using the Ghost editor</h2>
</header>
<section class="post-card-excerpt">
<p>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</p>
</section>
</a>
<footer class="post-card-meta">
<ul class="author-list">
<li class="author-list-item">
<div class="author-name-tooltip">
Ghost
</div>
<a class="static-avatar author-profile-image" href="/author/ghost/"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M3.513 18.998C4.749 15.504 8.082 13 12 13s7.251 2.504 8.487 5.998C18.47 21.442 15.417 23 12 23s-6.47-1.558-8.487-4.002zM12 12c2.21 0 4-2.79 4-5s-1.79-4-4-4-4 1.79-4 4 1.79 5 4 5z" fill="#FFF"></path></g></svg>
</a>
</li>
</ul>
<span class="reading-time">3 min read</span>
</footer>
</div>
</article>
<article class="post-card post tag-getting-started">
<a class="post-card-image-link" href="/using-tags/">
<div class="post-card-image" style="background-image:url(https://casper.ghost.org/v1.0.0/images/tags.jpg)"></div>
</a>
<div class="post-card-content">
<a class="post-card-content-link" href="/using-tags/">
<header class="post-card-header">
<span class="post-card-tags">Getting Started</span>
<h2 class="post-card-title">Organising your content with tags</h2>
</header>
<section class="post-card-excerpt">
<p>Ghost has a single, powerful organisational taxonomy, called tags. It doesn't matter whether you want to call them categories, tags, boxes, or anything else. You can think of Ghost tags a lot like</p>
</section>
</a>
<footer class="post-card-meta">
<ul class="author-list">
<li class="author-list-item">
<div class="author-name-tooltip">
Ghost
</div>
<a class="static-avatar author-profile-image" href="/author/ghost/"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M3.513 18.998C4.749 15.504 8.082 13 12 13s7.251 2.504 8.487 5.998C18.47 21.442 15.417 23 12 23s-6.47-1.558-8.487-4.002zM12 12c2.21 0 4-2.79 4-5s-1.79-4-4-4-4 1.79-4 4 1.79 5 4 5z" fill="#FFF"></path></g></svg>
</a>
</li>
</ul>
<span class="reading-time">2 min read</span>
</footer>
</div>
</article>
<article class="post-card post tag-getting-started">
<a class="post-card-image-link" href="/managing-users/">
<div class="post-card-image" style="background-image:url(https://casper.ghost.org/v1.0.0/images/team.jpg)"></div>
</a>
<div class="post-card-content">
<a class="post-card-content-link" href="/managing-users/">
<header class="post-card-header">
<span class="post-card-tags">Getting Started</span>
<h2 class="post-card-title">Managing Ghost users</h2>
</header>
<section class="post-card-excerpt">
<p>Ghost has a number of different user roles for your team Authors The base user level in Ghost is an author. Authors can write posts, edit their own posts, and publish their own</p>
</section>
</a>
<footer class="post-card-meta">
<ul class="author-list">
<li class="author-list-item">
<div class="author-name-tooltip">
Ghost
</div>
<a class="static-avatar author-profile-image" href="/author/ghost/"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M3.513 18.998C4.749 15.504 8.082 13 12 13s7.251 2.504 8.487 5.998C18.47 21.442 15.417 23 12 23s-6.47-1.558-8.487-4.002zM12 12c2.21 0 4-2.79 4-5s-1.79-4-4-4-4 1.79-4 4 1.79 5 4 5z" fill="#FFF"></path></g></svg>
</a>
</li>
</ul>
<span class="reading-time">1 min read</span>
</footer>
</div>
</article>
<article class="post-card post tag-getting-started">
<a class="post-card-image-link" href="/private-sites/">
<div class="post-card-image" style="background-image:url(https://casper.ghost.org/v1.0.0/images/locked.jpg)"></div>
</a>
<div class="post-card-content">
<a class="post-card-content-link" href="/private-sites/">
<header class="post-card-header">
<span class="post-card-tags">Getting Started</span>
<h2 class="post-card-title">Making your site private</h2>
</header>
<section class="post-card-excerpt">
<p>Sometimes you might want to put your site behind closed doors If you've got a publication that you don't want the world to see yet because it's not ready to launch, you can</p>
</section>
</a>
<footer class="post-card-meta">
<ul class="author-list">
<li class="author-list-item">
<div class="author-name-tooltip">
Ghost
</div>
<a class="static-avatar author-profile-image" href="/author/ghost/"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M3.513 18.998C4.749 15.504 8.082 13 12 13s7.251 2.504 8.487 5.998C18.47 21.442 15.417 23 12 23s-6.47-1.558-8.487-4.002zM12 12c2.21 0 4-2.79 4-5s-1.79-4-4-4-4 1.79-4 4 1.79 5 4 5z" fill="#FFF"></path></g></svg>
</a>
</li>
</ul>
<span class="reading-time">1 min read</span>
</footer>
</div>
</article>
<article class="post-card post tag-getting-started">
<a class="post-card-image-link" href="/advanced-markdown/">
<div class="post-card-image" style="background-image:url(https://casper.ghost.org/v1.0.0/images/advanced.jpg)"></div>
</a>
<div class="post-card-content">
<a class="post-card-content-link" href="/advanced-markdown/">
<header class="post-card-header">
<span class="post-card-tags">Getting Started</span>
<h2 class="post-card-title">Advanced Markdown tips</h2>
</header>
<section class="post-card-excerpt">
<p>There are lots of powerful things you can do with the Ghost editor If you've gotten pretty comfortable with all the basics of writing in Ghost, then you may enjoy some more advanced</p>
</section>
</a>
<footer class="post-card-meta">
<ul class="author-list">
<li class="author-list-item">
<div class="author-name-tooltip">
Ghost
</div>
<a class="static-avatar author-profile-image" href="/author/ghost/"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M3.513 18.998C4.749 15.504 8.082 13 12 13s7.251 2.504 8.487 5.998C18.47 21.442 15.417 23 12 23s-6.47-1.558-8.487-4.002zM12 12c2.21 0 4-2.79 4-5s-1.79-4-4-4-4 1.79-4 4 1.79 5 4 5z" fill="#FFF"></path></g></svg>
</a>
</li>
</ul>
<span class="reading-time">2 min read</span>
</footer>
</div>
</article>
<article class="post-card post tag-getting-started">
<a class="post-card-image-link" href="/themes/">
<div class="post-card-image" style="background-image:url(https://casper.ghost.org/v1.0.0/images/design.jpg)"></div>
</a>
<div class="post-card-content">
<a class="post-card-content-link" href="/themes/">
<header class="post-card-header">
<span class="post-card-tags">Getting Started</span>
<h2 class="post-card-title">Setting up your own Ghost theme</h2>
</header>
<section class="post-card-excerpt">
<p>Creating a totally custom design for your publication Ghost comes with a beautiful default theme called Casper, which is designed to be a clean, readable publication layout and can be easily adapted for</p>
</section>
</a>
<footer class="post-card-meta">
<ul class="author-list">
<li class="author-list-item">
<div class="author-name-tooltip">
Ghost
</div>
<a class="static-avatar author-profile-image" href="/author/ghost/"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M3.513 18.998C4.749 15.504 8.082 13 12 13s7.251 2.504 8.487 5.998C18.47 21.442 15.417 23 12 23s-6.47-1.558-8.487-4.002zM12 12c2.21 0 4-2.79 4-5s-1.79-4-4-4-4 1.79-4 4 1.79 5 4 5z" fill="#FFF"></path></g></svg>
</a>
</li>
</ul>
<span class="reading-time">1 min read</span>
</footer>
</div>
</article>
</div>
</div>
</main>
<footer class="site-footer outer">
<div class="site-footer-content inner">
<section class="copyright"><a href="">user Blog</a> © 2018</section>
<nav class="site-footer-nav">
<a href="">Latest Posts</a>
<a href="https://ghost.org" rel="noopener" target="_blank">Ghost</a>
</nav>
</div>
</footer>
</div>
<script crossorigin="anonymous" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" src="/jquery-3.2.1.min.js"></script>
<script src="/assets/js/jquery.fitvids.js,qv=8cfc086fe8.pagespeed.jm.nHU73nSfsl.js" type="text/javascript"></script>
<script>var maxPages=parseInt('1');</script>
<script>//<![CDATA[
$(function($){var currentPage=1;var pathname=window.location.pathname;var $document=$(document);var $result=$('.post-feed');var buffer=300;var ticking=false;var isLoading=false;var lastScrollY=window.scrollY;var lastWindowHeight=window.innerHeight;var lastDocumentHeight=$document.height();function onScroll(){lastScrollY=window.scrollY;requestTick();}function onResize(){lastWindowHeight=window.innerHeight;lastDocumentHeight=$document.height();requestTick();}function requestTick(){if(!ticking){requestAnimationFrame(infiniteScroll);}ticking=true;}function sanitizePathname(path){var paginationRegex=/(?:page\/)(\d)(?:\/)$/i;path=path.replace(/#(.*)$/g,'').replace('////g','/');if(path.match(paginationRegex)){currentPage=parseInt(path.match(paginationRegex)[1]);path=path.replace(paginationRegex,'');}return path;}function infiniteScroll(){pathname=sanitizePathname(pathname);if(isLoading){return;}if(lastScrollY+lastWindowHeight<=lastDocumentHeight-buffer){ticking=false;return;}if(currentPage>=maxPages){window.removeEventListener('scroll',onScroll,{passive:true});window.removeEventListener('resize',onResize);return;}isLoading=true;currentPage+=1;var nextPage=pathname+'page/'+currentPage+'/';$.get(nextPage,function(content){var parse=document.createRange().createContextualFragment(content);var posts=parse.querySelectorAll('.post');if(posts.length){[].forEach.call(posts,function(post){$result[0].appendChild(post);});}}).fail(function(xhr){if(xhr.status===404){window.removeEventListener('scroll',onScroll,{passive:true});window.removeEventListener('resize',onResize);}}).always(function(){lastDocumentHeight=$document.height();isLoading=false;ticking=false;});}window.addEventListener('scroll',onScroll,{passive:true});window.addEventListener('resize',onResize);infiniteScroll();});
//]]></script>
</body>
</html>

View File

@ -0,0 +1,237 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<meta content="IE=edge" http-equiv="X-UA-Compatible"/>
<title>Setting up your own Ghost theme</title>
<meta content="True" name="HandheldFriendly"/>
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
<link href="/assets/built/screen.css?v=8cfc086fe8" rel="stylesheet" type="text/css"/>
<link href="/favicon.ico" rel="shortcut icon" type="image/x-icon"/>
<link href="/themes/" rel="canonical"/>
<meta content="no-referrer-when-downgrade" name="referrer"/>
<link href="/themes/amp/" rel="amphtml"/>
<meta content="user Blog" property="og:site_name"/>
<meta content="article" property="og:type"/>
<meta content="Setting up your own Ghost theme" property="og:title"/>
<meta content="Creating a totally custom design for your publication Ghost comes with a beautiful default theme called Casper, which is designed to be a clean, readable publication layout and can be easily adapted for most purposes. However, Ghost can also be completely themed to suit your needs. Rather than just giving" property="og:description"/>
<meta content="http://172.20.254.138:80/themes/" property="og:url"/>
<meta content="https://casper.ghost.org/v1.0.0/images/design.jpg" property="og:image"/>
<meta content="2018-08-09T11:04:46.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="Setting up your own Ghost theme" name="twitter:title"/>
<meta content="Creating a totally custom design for your publication Ghost comes with a beautiful default theme called Casper, which is designed to be a clean, readable publication layout and can be easily adapted for most purposes. However, Ghost can also be completely themed to suit your needs. Rather than just giving" name="twitter:description"/>
<meta content="http://172.20.254.138:80/themes/" name="twitter:url"/>
<meta content="https://casper.ghost.org/v1.0.0/images/design.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="1050" 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": "Setting up your own Ghost theme",
"url": "http://172.20.254.138:80/themes/",
"datePublished": "2018-08-09T11:04:46.000Z",
"dateModified": "2018-08-09T11:04:45.000Z",
"image": {
"@type": "ImageObject",
"url": "https://casper.ghost.org/v1.0.0/images/design.jpg",
"width": 1400,
"height": 1050
},
"keywords": "Getting Started",
"description": "Creating a totally custom design for your publication Ghost comes with a beautiful default theme called Casper, which is designed to be a clean, readable publication layout and can be easily adapted for most purposes. However, Ghost can also be completely themed to suit your needs. Rather than just giving",
"mainEntityOfPage": {
"@type": "WebPage",
"@id": "http://172.20.254.138:80/"
}
}
</script>
<script>//<![CDATA[
!function(){var o,i,n,e,r="//172.20.254.138:80/ghost/api/v0.1/";n={api:function(){var n,e=Array.prototype.slice.call(arguments),t=r;return(n=e.pop())&&"object"!=typeof n&&(e.push(n),n={}),(n=n||{}).client_id=o,n.client_secret=i,e.length&&e.forEach(function(n){t+=n.replace(/^\/|\/$/g,"")+"/"}),t+function(n){var e,t=[];if(!n)return"";for(e in n)n.hasOwnProperty(e)&&(n[e]||!1===n[e])&&t.push(e+"="+encodeURIComponent(n[e]));return t.length?"?"+t.join("&"):""}(n)}},e=function(n){o=n.clientId?n.clientId:"",i=n.clientSecret?n.clientSecret:"",r=n.url?n.url:r.match(/{\{api-url}}/)?"":r},"undefined"!=typeof window&&(window.ghost=window.ghost||{},window.ghost.url=n,window.ghost.init=e),"undefined"!=typeof module&&(module.exports={url:n,init:e})}();
//]]></script>
<script>ghost.init({clientId:"ghost-frontend",clientSecret:"99616761d626"});</script>
<meta content="Ghost 1.25" name="generator"/>
<link href="/rss/" rel="alternate" title="user Blog" type="application/rss+xml"/>
</head>
<body class="post-template tag-getting-started">
<div class="site-wrapper">
<header class="site-header outer">
<div class="inner">
<nav class="site-nav">
<div class="site-nav-left">
<a class="site-nav-logo" href=""><img alt="user Blog" src="/v1.0.0/images/ghost-logo.svg"/></a>
<ul class="nav" role="menu">
<li class="nav-home" role="menuitem"><a href="/">Home</a></li>
</ul>
</div>
<div class="site-nav-right">
<div class="social-links">
</div>
<a class="rss-button" href="https://feedly.com/i/subscription/feed/http://172.20.254.138:80/rss/" rel="noopener" target="_blank"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><circle cx="6.18" cy="17.82" r="2.18"></circle><path d="M4 4.44v2.83c7.03 0 12.73 5.7 12.73 12.73h2.83c0-8.59-6.97-15.56-15.56-15.56zm0 5.66v2.83c3.9 0 7.07 3.17 7.07 7.07h2.83c0-5.47-4.43-9.9-9.9-9.9z"></path></svg>
</a>
</div>
</nav>
</div>
</header>
<main class="site-main outer" id="site-main">
<div class="inner">
<article class="post-full post tag-getting-started ">
<header class="post-full-header">
<section class="post-full-meta">
<time class="post-full-meta-date" datetime="2018-08-09">9 August 2018</time>
<span class="date-divider">/</span> <a href="/tag/getting-started/">Getting Started</a>
</section>
<h1 class="post-full-title">Setting up your own Ghost theme</h1>
</header>
<figure class="post-full-image" style="background-image:url(https://casper.ghost.org/v1.0.0/images/design.jpg)">
</figure>
<section class="post-full-content">
<div class="post-content">
<div class="kg-card-markdown"><p>Creating a totally custom design for your publication</p>
<p>Ghost comes with a beautiful default theme called Casper, which is designed to be a clean, readable publication layout and can be easily adapted for most purposes. However, Ghost can also be completely themed to suit your needs. Rather than just giving you a few basic settings which act as a poor proxy for code, we just let you write code.</p>
<p>There are a huge range of both free and premium pre-built themes which you can get from the <a href="http://marketplace.ghost.org">Ghost Theme Marketplace</a>, or you can simply create your own from scratch.</p>
<p><a href="http://marketplace.ghost.org"><img alt="marketplace" src="/v1.0.0/images/marketplace.jpg"/></a></p>
<blockquote>
<p>Anyone can write a completely custom Ghost theme, with just some solid knowledge of HTML and CSS</p>
</blockquote>
<p>Ghost themes are written with a templating language called handlebars, which has a bunch of dynamic helpers to insert your data into template files. Like <code>{{author.name}}</code>, for example, outputs the name of the current author.</p>
<p>The best way to learn how to write your own Ghost theme is to have a look at <a href="https://github.com/TryGhost/Casper">the source code for Casper</a>, which is heavily commented and should give you a sense of how everything fits together.</p>
<ul>
<li><code>default.hbs</code> is the main template file, all contexts will load inside this file unless specifically told to use a different template.</li>
<li><code>post.hbs</code> is the file used in the context of viewing a post.</li>
<li><code>index.hbs</code> is the file used in the context of viewing the home page.</li>
<li>and so on</li>
</ul>
<p>We've got <a href="http://themes.ghost.org/v1.23.0/docs/about">full and extensive theme documentation</a> which outlines every template file, context and helper that you can use.</p>
<p>If you want to chat with other people making Ghost themes to get any advice or help, there's also a <strong>themes</strong> section on our <a href="https://forum.ghost.org/c/themes">public Ghost forum</a>.</p>
</div>
</div>
</section>
<footer class="post-full-footer">
<section class="author-card">
<span class="avatar-wrapper"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M3.513 18.998C4.749 15.504 8.082 13 12 13s7.251 2.504 8.487 5.998C18.47 21.442 15.417 23 12 23s-6.47-1.558-8.487-4.002zM12 12c2.21 0 4-2.79 4-5s-1.79-4-4-4-4 1.79-4 4 1.79 5 4 5z" fill="#FFF"></path></g></svg>
</span>
<section class="author-card-content">
<h4 class="author-card-name"><a href="/author/ghost/">Ghost</a></h4>
<p>You can delete this user to remove all the welcome posts</p>
</section>
</section>
<div class="post-full-footer-right">
<a class="author-card-button" href="/author/ghost/">Read More</a>
</div>
</footer>
</article>
</div>
</main>
<aside class="read-next outer">
<div class="inner">
<div class="read-next-feed">
<article class="read-next-card" style="background-image:url(https://casper.ghost.org/v1.0.0/images/blog-cover.jpg)">
<header class="read-next-card-header">
<small class="read-next-card-header-sitetitle">— user Blog —</small>
<h3 class="read-next-card-header-title"><a href="/tag/getting-started/">Getting Started</a></h3>
</header>
<div class="read-next-divider"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M13 14.5s2 3 5 3 5.5-2.463 5.5-5.5S21 6.5 18 6.5c-5 0-7 11-12 11C2.962 17.5.5 15.037.5 12S3 6.5 6 6.5s4.5 3.5 4.5 3.5"></path></svg>
</div>
<div class="read-next-card-content">
<ul>
<li><a href="/welcome/">Welcome to Ghost</a></li>
<li><a href="/the-editor/">Using the Ghost editor</a></li>
<li><a href="/using-tags/">Organising your content with tags</a></li>
</ul>
</div>
<footer class="read-next-card-footer">
<a href="/tag/getting-started/">See all 6 posts →</a>
</footer>
</article>
<article class="post-card post tag-getting-started">
<a class="post-card-image-link" href="/advanced-markdown/">
<div class="post-card-image" style="background-image:url(https://casper.ghost.org/v1.0.0/images/advanced.jpg)"></div>
</a>
<div class="post-card-content">
<a class="post-card-content-link" href="/advanced-markdown/">
<header class="post-card-header">
<span class="post-card-tags">Getting Started</span>
<h2 class="post-card-title">Advanced Markdown tips</h2>
</header>
<section class="post-card-excerpt">
<p>There are lots of powerful things you can do with the Ghost editor If you've gotten pretty comfortable with all the basics of writing in Ghost, then you may enjoy some more advanced</p>
</section>
</a>
<footer class="post-card-meta">
<ul class="author-list">
<li class="author-list-item">
<div class="author-name-tooltip">
Ghost
</div>
<a class="static-avatar author-profile-image" href="/author/ghost/"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M3.513 18.998C4.749 15.504 8.082 13 12 13s7.251 2.504 8.487 5.998C18.47 21.442 15.417 23 12 23s-6.47-1.558-8.487-4.002zM12 12c2.21 0 4-2.79 4-5s-1.79-4-4-4-4 1.79-4 4 1.79 5 4 5z" fill="#FFF"></path></g></svg>
</a>
</li>
</ul>
<span class="reading-time">2 min read</span>
</footer>
</div>
</article>
</div>
</div>
</aside>
<div class="floating-header">
<div class="floating-header-logo">
<a href="">
<span>user Blog</span>
</a>
</div>
<span class="floating-header-divider">—</span>
<div class="floating-header-title">Setting up your own Ghost theme</div>
<div class="floating-header-share">
<div class="floating-header-share-label">Share this <svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M7.5 15.5V4a1.5 1.5 0 1 1 3 0v4.5h2a1 1 0 0 1 1 1h2a1 1 0 0 1 1 1H18a1.5 1.5 0 0 1 1.5 1.5v3.099c0 .929-.13 1.854-.385 2.748L17.5 23.5h-9c-1.5-2-5.417-8.673-5.417-8.673a1.2 1.2 0 0 1 1.76-1.605L7.5 15.5zm6-6v2m-3-3.5v3.5m6-1v2"></path>
</svg>
</div>
<a class="floating-header-share-tw" href="https://twitter.com/share?text=Setting%20up%20your%20own%20Ghost%20theme&amp;url=http://172.20.254.138:80/themes/" onclick="window.open(this.href, 'share-twitter', 'width=550,height=235');return false;">
<svg viewbox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M30.063 7.313c-.813 1.125-1.75 2.125-2.875 2.938v.75c0 1.563-.188 3.125-.688 4.625a15.088 15.088 0 0 1-2.063 4.438c-.875 1.438-2 2.688-3.25 3.813a15.015 15.015 0 0 1-4.625 2.563c-1.813.688-3.75 1-5.75 1-3.25 0-6.188-.875-8.875-2.625.438.063.875.125 1.375.125 2.688 0 5.063-.875 7.188-2.5-1.25 0-2.375-.375-3.375-1.125s-1.688-1.688-2.063-2.875c.438.063.813.125 1.125.125.5 0 1-.063 1.5-.25-1.313-.25-2.438-.938-3.313-1.938a5.673 5.673 0 0 1-1.313-3.688v-.063c.813.438 1.688.688 2.625.688a5.228 5.228 0 0 1-1.875-2c-.5-.875-.688-1.813-.688-2.75 0-1.063.25-2.063.75-2.938 1.438 1.75 3.188 3.188 5.25 4.25s4.313 1.688 6.688 1.813a5.579 5.579 0 0 1 1.5-5.438c1.125-1.125 2.5-1.688 4.125-1.688s3.063.625 4.188 1.813a11.48 11.48 0 0 0 3.688-1.375c-.438 1.375-1.313 2.438-2.563 3.188 1.125-.125 2.188-.438 3.313-.875z"></path></svg>
</a>
<a class="floating-header-share-fb" href="https://www.facebook.com/sharer/sharer.php?u=http://172.20.254.138:80/themes/" onclick="window.open(this.href, 'share-facebook','width=580,height=296');return false;">
<svg viewbox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M19 6h5V0h-5c-3.86 0-7 3.14-7 7v3H8v6h4v16h6V16h5l1-6h-6V7c0-.542.458-1 1-1z"></path></svg>
</a>
</div>
<progress class="progress" id="reading-progress" value="0">
<div class="progress-container">
<span class="progress-bar"></span>
</div>
</progress>
</div>
<footer class="site-footer outer">
<div class="site-footer-content inner">
<section class="copyright"><a href="">user Blog</a> © 2018</section>
<nav class="site-footer-nav">
<a href="">Latest Posts</a>
<a href="https://ghost.org" rel="noopener" target="_blank">Ghost</a>
</nav>
</div>
</footer>
</div>
<script crossorigin="anonymous" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" src="/jquery-3.2.1.min.js"></script>
<script src="/assets/js/jquery.fitvids.js,qv=8cfc086fe8.pagespeed.jm.nHU73nSfsl.js" type="text/javascript"></script>
<script>$(document).ready(function(){var $postContent=$(".post-full-content");$postContent.fitVids();var progressBar=document.querySelector('#reading-progress');var header=document.querySelector('.floating-header');var title=document.querySelector('.post-full-title');var lastScrollY=window.scrollY;var lastWindowHeight=window.innerHeight;var lastDocumentHeight=$(document).height();var ticking=false;function onScroll(){lastScrollY=window.scrollY;requestTick();}function onResize(){lastWindowHeight=window.innerHeight;lastDocumentHeight=$(document).height();requestTick();}function requestTick(){if(!ticking){requestAnimationFrame(update);}ticking=true;}function update(){var trigger=title.getBoundingClientRect().top+window.scrollY;var triggerOffset=title.offsetHeight+35;var progressMax=lastDocumentHeight-lastWindowHeight;if(lastScrollY>=trigger+triggerOffset){header.classList.add('floating-active');}else{header.classList.remove('floating-active');}progressBar.setAttribute('max',progressMax);progressBar.setAttribute('value',lastScrollY);ticking=false;}window.addEventListener('scroll',onScroll,{passive:true});window.addEventListener('resize',onResize,false);update();});</script>
</body>
</html>

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1,237 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<meta content="IE=edge" http-equiv="X-UA-Compatible"/>
<title>Welcome to Ghost</title>
<meta content="True" name="HandheldFriendly"/>
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
<link href="/assets/built/screen.css?v=8cfc086fe8" rel="stylesheet" type="text/css"/>
<link href="/favicon.ico" rel="shortcut icon" type="image/x-icon"/>
<link href="/welcome/" rel="canonical"/>
<meta content="no-referrer-when-downgrade" name="referrer"/>
<link href="/welcome/amp/" rel="amphtml"/>
<meta content="user Blog" property="og:site_name"/>
<meta content="article" property="og:type"/>
<meta content="Welcome to Ghost" property="og:title"/>
<meta content="Hey! Welcome to Ghost, it's great to have you :) We know that first impressions are important, so we've populated your new site with some initial Getting Started posts that will help you get familiar with everything in no time. This is the first one! There are a few things that" property="og:description"/>
<meta content="http://172.20.254.138:80/welcome/" property="og:url"/>
<meta content="https://casper.ghost.org/v1.0.0/images/welcome.jpg" property="og:image"/>
<meta content="2018-08-09T11:04:52.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="Welcome to Ghost" name="twitter:title"/>
<meta content="Hey! Welcome to Ghost, it's great to have you :) We know that first impressions are important, so we've populated your new site with some initial Getting Started posts that will help you get familiar with everything in no time. This is the first one! There are a few things that" name="twitter:description"/>
<meta content="http://172.20.254.138:80/welcome/" name="twitter:url"/>
<meta content="https://casper.ghost.org/v1.0.0/images/welcome.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="933" 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": "Welcome to Ghost",
"url": "http://172.20.254.138:80/welcome/",
"datePublished": "2018-08-09T11:04:52.000Z",
"dateModified": "2018-08-09T11:04:45.000Z",
"image": {
"@type": "ImageObject",
"url": "https://casper.ghost.org/v1.0.0/images/welcome.jpg",
"width": 1400,
"height": 933
},
"keywords": "Getting Started",
"description": "Hey! Welcome to Ghost, it&#x27;s great to have you :) We know that first impressions are important, so we&#x27;ve populated your new site with some initial Getting Started posts that will help you get familiar with everything in no time. This is the first one! There are a few things that",
"mainEntityOfPage": {
"@type": "WebPage",
"@id": "http://172.20.254.138:80/"
}
}
</script>
<script>//<![CDATA[
!function(){var o,i,n,e,r="//172.20.254.138:80/ghost/api/v0.1/";n={api:function(){var n,e=Array.prototype.slice.call(arguments),t=r;return(n=e.pop())&&"object"!=typeof n&&(e.push(n),n={}),(n=n||{}).client_id=o,n.client_secret=i,e.length&&e.forEach(function(n){t+=n.replace(/^\/|\/$/g,"")+"/"}),t+function(n){var e,t=[];if(!n)return"";for(e in n)n.hasOwnProperty(e)&&(n[e]||!1===n[e])&&t.push(e+"="+encodeURIComponent(n[e]));return t.length?"?"+t.join("&"):""}(n)}},e=function(n){o=n.clientId?n.clientId:"",i=n.clientSecret?n.clientSecret:"",r=n.url?n.url:r.match(/{\{api-url}}/)?"":r},"undefined"!=typeof window&&(window.ghost=window.ghost||{},window.ghost.url=n,window.ghost.init=e),"undefined"!=typeof module&&(module.exports={url:n,init:e})}();
//]]></script>
<script>ghost.init({clientId:"ghost-frontend",clientSecret:"99616761d626"});</script>
<meta content="Ghost 1.25" name="generator"/>
<link href="/rss/" rel="alternate" title="user Blog" type="application/rss+xml"/>
</head>
<body class="post-template tag-getting-started">
<div class="site-wrapper">
<header class="site-header outer">
<div class="inner">
<nav class="site-nav">
<div class="site-nav-left">
<a class="site-nav-logo" href=""><img alt="user Blog" src="/v1.0.0/images/ghost-logo.svg"/></a>
<ul class="nav" role="menu">
<li class="nav-home" role="menuitem"><a href="/">Home</a></li>
</ul>
</div>
<div class="site-nav-right">
<div class="social-links">
</div>
<a class="rss-button" href="https://feedly.com/i/subscription/feed/http://172.20.254.138:80/rss/" rel="noopener" target="_blank"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><circle cx="6.18" cy="17.82" r="2.18"></circle><path d="M4 4.44v2.83c7.03 0 12.73 5.7 12.73 12.73h2.83c0-8.59-6.97-15.56-15.56-15.56zm0 5.66v2.83c3.9 0 7.07 3.17 7.07 7.07h2.83c0-5.47-4.43-9.9-9.9-9.9z"></path></svg>
</a>
</div>
</nav>
</div>
</header>
<main class="site-main outer" id="site-main">
<div class="inner">
<article class="post-full post tag-getting-started ">
<header class="post-full-header">
<section class="post-full-meta">
<time class="post-full-meta-date" datetime="2018-08-09">9 August 2018</time>
<span class="date-divider">/</span> <a href="/tag/getting-started/">Getting Started</a>
</section>
<h1 class="post-full-title">Welcome to Ghost</h1>
</header>
<figure class="post-full-image" style="background-image:url(https://casper.ghost.org/v1.0.0/images/welcome.jpg)">
</figure>
<section class="post-full-content">
<div class="post-content">
<div class="kg-card-markdown"><p>Hey! Welcome to Ghost, it's great to have you :)</p>
<p>We know that first impressions are important, so we've populated your new site with some initial <strong>Getting Started</strong> posts that will help you get familiar with everything in no time. This is the first one!</p>
<h3 id="thereareafewthingsthatyoushouldknowupfront">There are a few things that you should know up-front:</h3>
<ol>
<li>
<p>Ghost is designed for ambitious, professional publishers who want to actively build a business around their content. That's who it works best for. If you're using Ghost for some other purpose, that's fine too - but it might not be the best choice for you.</p>
</li>
<li>
<p>The entire platform can be modified and customized to suit your needs, which is very powerful, but doing so <strong>does</strong> require some knowledge of code. Ghost is not necessarily a good platform for beginners or people who just want a simple personal blog.</p>
</li>
<li>
<p>For the best experience we recommend downloading the <a href="https://ghost.org/downloads/">Ghost Desktop App</a> for your computer, which is the best way to access your Ghost site on a desktop device.</p>
</li>
</ol>
<p>Ghost is made by an independent non-profit organisation called the Ghost Foundation. We are 100% self funded by revenue from our <a href="https://ghost.org/pricing">Ghost(Pro)</a> service, and every penny we make is re-invested into funding further development of free, open source technology for modern journalism.</p>
<p>The main thing you'll want to read about next is probably: <a href="/the-editor/">the Ghost editor</a>.</p>
<p>Once you're done reading, you can simply delete the default <strong>Ghost</strong> user from your team to remove all of these introductory posts!</p>
</div>
</div>
</section>
<footer class="post-full-footer">
<section class="author-card">
<span class="avatar-wrapper"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M3.513 18.998C4.749 15.504 8.082 13 12 13s7.251 2.504 8.487 5.998C18.47 21.442 15.417 23 12 23s-6.47-1.558-8.487-4.002zM12 12c2.21 0 4-2.79 4-5s-1.79-4-4-4-4 1.79-4 4 1.79 5 4 5z" fill="#FFF"></path></g></svg>
</span>
<section class="author-card-content">
<h4 class="author-card-name"><a href="/author/ghost/">Ghost</a></h4>
<p>You can delete this user to remove all the welcome posts</p>
</section>
</section>
<div class="post-full-footer-right">
<a class="author-card-button" href="/author/ghost/">Read More</a>
</div>
</footer>
</article>
</div>
</main>
<aside class="read-next outer">
<div class="inner">
<div class="read-next-feed">
<article class="read-next-card" style="background-image:url(https://casper.ghost.org/v1.0.0/images/blog-cover.jpg)">
<header class="read-next-card-header">
<small class="read-next-card-header-sitetitle">— user Blog —</small>
<h3 class="read-next-card-header-title"><a href="/tag/getting-started/">Getting Started</a></h3>
</header>
<div class="read-next-divider"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M13 14.5s2 3 5 3 5.5-2.463 5.5-5.5S21 6.5 18 6.5c-5 0-7 11-12 11C2.962 17.5.5 15.037.5 12S3 6.5 6 6.5s4.5 3.5 4.5 3.5"></path></svg>
</div>
<div class="read-next-card-content">
<ul>
<li><a href="/the-editor/">Using the Ghost editor</a></li>
<li><a href="/using-tags/">Organising your content with tags</a></li>
<li><a href="/managing-users/">Managing Ghost users</a></li>
</ul>
</div>
<footer class="read-next-card-footer">
<a href="/tag/getting-started/">See all 6 posts →</a>
</footer>
</article>
<article class="post-card post tag-getting-started">
<a class="post-card-image-link" href="/the-editor/">
<div class="post-card-image" style="background-image:url(https://casper.ghost.org/v1.0.0/images/writing.jpg)"></div>
</a>
<div class="post-card-content">
<a class="post-card-content-link" href="/the-editor/">
<header class="post-card-header">
<span class="post-card-tags">Getting Started</span>
<h2 class="post-card-title">Using the Ghost editor</h2>
</header>
<section class="post-card-excerpt">
<p>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</p>
</section>
</a>
<footer class="post-card-meta">
<ul class="author-list">
<li class="author-list-item">
<div class="author-name-tooltip">
Ghost
</div>
<a class="static-avatar author-profile-image" href="/author/ghost/"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M3.513 18.998C4.749 15.504 8.082 13 12 13s7.251 2.504 8.487 5.998C18.47 21.442 15.417 23 12 23s-6.47-1.558-8.487-4.002zM12 12c2.21 0 4-2.79 4-5s-1.79-4-4-4-4 1.79-4 4 1.79 5 4 5z" fill="#FFF"></path></g></svg>
</a>
</li>
</ul>
<span class="reading-time">3 min read</span>
</footer>
</div>
</article>
</div>
</div>
</aside>
<div class="floating-header">
<div class="floating-header-logo">
<a href="">
<span>user Blog</span>
</a>
</div>
<span class="floating-header-divider">—</span>
<div class="floating-header-title">Welcome to Ghost</div>
<div class="floating-header-share">
<div class="floating-header-share-label">Share this <svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M7.5 15.5V4a1.5 1.5 0 1 1 3 0v4.5h2a1 1 0 0 1 1 1h2a1 1 0 0 1 1 1H18a1.5 1.5 0 0 1 1.5 1.5v3.099c0 .929-.13 1.854-.385 2.748L17.5 23.5h-9c-1.5-2-5.417-8.673-5.417-8.673a1.2 1.2 0 0 1 1.76-1.605L7.5 15.5zm6-6v2m-3-3.5v3.5m6-1v2"></path>
</svg>
</div>
<a class="floating-header-share-tw" href="https://twitter.com/share?text=Welcome%20to%20Ghost&amp;url=http://172.20.254.138:80/welcome/" onclick="window.open(this.href, 'share-twitter', 'width=550,height=235');return false;">
<svg viewbox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M30.063 7.313c-.813 1.125-1.75 2.125-2.875 2.938v.75c0 1.563-.188 3.125-.688 4.625a15.088 15.088 0 0 1-2.063 4.438c-.875 1.438-2 2.688-3.25 3.813a15.015 15.015 0 0 1-4.625 2.563c-1.813.688-3.75 1-5.75 1-3.25 0-6.188-.875-8.875-2.625.438.063.875.125 1.375.125 2.688 0 5.063-.875 7.188-2.5-1.25 0-2.375-.375-3.375-1.125s-1.688-1.688-2.063-2.875c.438.063.813.125 1.125.125.5 0 1-.063 1.5-.25-1.313-.25-2.438-.938-3.313-1.938a5.673 5.673 0 0 1-1.313-3.688v-.063c.813.438 1.688.688 2.625.688a5.228 5.228 0 0 1-1.875-2c-.5-.875-.688-1.813-.688-2.75 0-1.063.25-2.063.75-2.938 1.438 1.75 3.188 3.188 5.25 4.25s4.313 1.688 6.688 1.813a5.579 5.579 0 0 1 1.5-5.438c1.125-1.125 2.5-1.688 4.125-1.688s3.063.625 4.188 1.813a11.48 11.48 0 0 0 3.688-1.375c-.438 1.375-1.313 2.438-2.563 3.188 1.125-.125 2.188-.438 3.313-.875z"></path></svg>
</a>
<a class="floating-header-share-fb" href="https://www.facebook.com/sharer/sharer.php?u=http://172.20.254.138:80/welcome/" onclick="window.open(this.href, 'share-facebook','width=580,height=296');return false;">
<svg viewbox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M19 6h5V0h-5c-3.86 0-7 3.14-7 7v3H8v6h4v16h6V16h5l1-6h-6V7c0-.542.458-1 1-1z"></path></svg>
</a>
</div>
<progress class="progress" id="reading-progress" value="0">
<div class="progress-container">
<span class="progress-bar"></span>
</div>
</progress>
</div>
<footer class="site-footer outer">
<div class="site-footer-content inner">
<section class="copyright"><a href="">user Blog</a> © 2018</section>
<nav class="site-footer-nav">
<a href="">Latest Posts</a>
<a href="https://ghost.org" rel="noopener" target="_blank">Ghost</a>
</nav>
</div>
</footer>
</div>
<script crossorigin="anonymous" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" src="/jquery-3.2.1.min.js"></script>
<script src="/assets/js/jquery.fitvids.js,qv=8cfc086fe8.pagespeed.jm.nHU73nSfsl.js" type="text/javascript"></script>
<script>$(document).ready(function(){var $postContent=$(".post-full-content");$postContent.fitVids();var progressBar=document.querySelector('#reading-progress');var header=document.querySelector('.floating-header');var title=document.querySelector('.post-full-title');var lastScrollY=window.scrollY;var lastWindowHeight=window.innerHeight;var lastDocumentHeight=$(document).height();var ticking=false;function onScroll(){lastScrollY=window.scrollY;requestTick();}function onResize(){lastWindowHeight=window.innerHeight;lastDocumentHeight=$(document).height();requestTick();}function requestTick(){if(!ticking){requestAnimationFrame(update);}ticking=true;}function update(){var trigger=title.getBoundingClientRect().top+window.scrollY;var triggerOffset=title.offsetHeight+35;var progressMax=lastDocumentHeight-lastWindowHeight;if(lastScrollY>=trigger+triggerOffset){header.classList.add('floating-active');}else{header.classList.remove('floating-active');}progressBar.setAttribute('max',progressMax);progressBar.setAttribute('value',lastScrollY);ticking=false;}window.addEventListener('scroll',onScroll,{passive:true});window.addEventListener('resize',onResize,false);update();});</script>
</body>
</html>

View File

@ -0,0 +1,290 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<meta content="IE=edge" http-equiv="X-UA-Compatible"/>
<title>Using the Ghost editor</title>
<meta content="True" name="HandheldFriendly"/>
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
<link href="/assets/built/screen.css?v=8cfc086fe8" rel="stylesheet" type="text/css"/>
<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"/>
<link href="/the-editor/amp/" rel="amphtml"/>
<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>
<script>//<![CDATA[
!function(){var o,i,n,e,r="//172.20.254.138:80/ghost/api/v0.1/";n={api:function(){var n,e=Array.prototype.slice.call(arguments),t=r;return(n=e.pop())&&"object"!=typeof n&&(e.push(n),n={}),(n=n||{}).client_id=o,n.client_secret=i,e.length&&e.forEach(function(n){t+=n.replace(/^\/|\/$/g,"")+"/"}),t+function(n){var e,t=[];if(!n)return"";for(e in n)n.hasOwnProperty(e)&&(n[e]||!1===n[e])&&t.push(e+"="+encodeURIComponent(n[e]));return t.length?"?"+t.join("&"):""}(n)}},e=function(n){o=n.clientId?n.clientId:"",i=n.clientSecret?n.clientSecret:"",r=n.url?n.url:r.match(/{\{api-url}}/)?"":r},"undefined"!=typeof window&&(window.ghost=window.ghost||{},window.ghost.url=n,window.ghost.init=e),"undefined"!=typeof module&&(module.exports={url:n,init:e})}();
//]]></script>
<script>ghost.init({clientId:"ghost-frontend",clientSecret:"99616761d626"});</script>
<meta content="Ghost 1.25" name="generator"/>
<link href="/rss/" rel="alternate" title="user Blog" type="application/rss+xml"/>
</head>
<body class="post-template tag-getting-started">
<div class="site-wrapper">
<header class="site-header outer">
<div class="inner">
<nav class="site-nav">
<div class="site-nav-left">
<a class="site-nav-logo" href=""><img alt="user Blog" src="/v1.0.0/images/ghost-logo.svg"/></a>
<ul class="nav" role="menu">
<li class="nav-home" role="menuitem"><a href="/">Home</a></li>
</ul>
</div>
<div class="site-nav-right">
<div class="social-links">
</div>
<a class="rss-button" href="https://feedly.com/i/subscription/feed/http://172.20.254.138:80/rss/" rel="noopener" target="_blank"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><circle cx="6.18" cy="17.82" r="2.18"></circle><path d="M4 4.44v2.83c7.03 0 12.73 5.7 12.73 12.73h2.83c0-8.59-6.97-15.56-15.56-15.56zm0 5.66v2.83c3.9 0 7.07 3.17 7.07 7.07h2.83c0-5.47-4.43-9.9-9.9-9.9z"></path></svg>
</a>
</div>
</nav>
</div>
</header>
<main class="site-main outer" id="site-main">
<div class="inner">
<article class="post-full post tag-getting-started ">
<header class="post-full-header">
<section class="post-full-meta">
<time class="post-full-meta-date" datetime="2018-08-09">9 August 2018</time>
<span class="date-divider">/</span> <a href="/tag/getting-started/">Getting Started</a>
</section>
<h1 class="post-full-title">Using the Ghost editor</h1>
</header>
<figure class="post-full-image" style="background-image:url(https://casper.ghost.org/v1.0.0/images/writing.jpg)">
</figure>
<section class="post-full-content">
<div 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>![Image description](/path/to/image.jpg)</code></p>
<p><img alt="Computer" src="/v1.0.0/images/computer.jpg"/></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>&gt;</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>
</div>
</section>
<footer class="post-full-footer">
<section class="author-card">
<span class="avatar-wrapper"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M3.513 18.998C4.749 15.504 8.082 13 12 13s7.251 2.504 8.487 5.998C18.47 21.442 15.417 23 12 23s-6.47-1.558-8.487-4.002zM12 12c2.21 0 4-2.79 4-5s-1.79-4-4-4-4 1.79-4 4 1.79 5 4 5z" fill="#FFF"></path></g></svg>
</span>
<section class="author-card-content">
<h4 class="author-card-name"><a href="/author/ghost/">Ghost</a></h4>
<p>You can delete this user to remove all the welcome posts</p>
</section>
</section>
<div class="post-full-footer-right">
<a class="author-card-button" href="/author/ghost/">Read More</a>
</div>
</footer>
</article>
</div>
</main>
<aside class="read-next outer">
<div class="inner">
<div class="read-next-feed">
<article class="read-next-card" style="background-image:url(https://casper.ghost.org/v1.0.0/images/blog-cover.jpg)">
<header class="read-next-card-header">
<small class="read-next-card-header-sitetitle">— user Blog —</small>
<h3 class="read-next-card-header-title"><a href="/tag/getting-started/">Getting Started</a></h3>
</header>
<div class="read-next-divider"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M13 14.5s2 3 5 3 5.5-2.463 5.5-5.5S21 6.5 18 6.5c-5 0-7 11-12 11C2.962 17.5.5 15.037.5 12S3 6.5 6 6.5s4.5 3.5 4.5 3.5"></path></svg>
</div>
<div class="read-next-card-content">
<ul>
<li><a href="/welcome/">Welcome to Ghost</a></li>
<li><a href="/using-tags/">Organising your content with tags</a></li>
<li><a href="/managing-users/">Managing Ghost users</a></li>
</ul>
</div>
<footer class="read-next-card-footer">
<a href="/tag/getting-started/">See all 6 posts →</a>
</footer>
</article>
<article class="post-card post tag-getting-started">
<a class="post-card-image-link" href="/welcome/">
<div class="post-card-image" style="background-image:url(https://casper.ghost.org/v1.0.0/images/welcome.jpg)"></div>
</a>
<div class="post-card-content">
<a class="post-card-content-link" href="/welcome/">
<header class="post-card-header">
<span class="post-card-tags">Getting Started</span>
<h2 class="post-card-title">Welcome to Ghost</h2>
</header>
<section class="post-card-excerpt">
<p>Hey! Welcome to Ghost, it's great to have you :) We know that first impressions are important, so we've populated your new site with some initial Getting Started posts that will help you get</p>
</section>
</a>
<footer class="post-card-meta">
<ul class="author-list">
<li class="author-list-item">
<div class="author-name-tooltip">
Ghost
</div>
<a class="static-avatar author-profile-image" href="/author/ghost/"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M3.513 18.998C4.749 15.504 8.082 13 12 13s7.251 2.504 8.487 5.998C18.47 21.442 15.417 23 12 23s-6.47-1.558-8.487-4.002zM12 12c2.21 0 4-2.79 4-5s-1.79-4-4-4-4 1.79-4 4 1.79 5 4 5z" fill="#FFF"></path></g></svg>
</a>
</li>
</ul>
<span class="reading-time">1 min read</span>
</footer>
</div>
</article>
<article class="post-card post tag-getting-started">
<a class="post-card-image-link" href="/using-tags/">
<div class="post-card-image" style="background-image:url(https://casper.ghost.org/v1.0.0/images/tags.jpg)"></div>
</a>
<div class="post-card-content">
<a class="post-card-content-link" href="/using-tags/">
<header class="post-card-header">
<span class="post-card-tags">Getting Started</span>
<h2 class="post-card-title">Organising your content with tags</h2>
</header>
<section class="post-card-excerpt">
<p>Ghost has a single, powerful organisational taxonomy, called tags. It doesn't matter whether you want to call them categories, tags, boxes, or anything else. You can think of Ghost tags a lot like</p>
</section>
</a>
<footer class="post-card-meta">
<ul class="author-list">
<li class="author-list-item">
<div class="author-name-tooltip">
Ghost
</div>
<a class="static-avatar author-profile-image" href="/author/ghost/"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M3.513 18.998C4.749 15.504 8.082 13 12 13s7.251 2.504 8.487 5.998C18.47 21.442 15.417 23 12 23s-6.47-1.558-8.487-4.002zM12 12c2.21 0 4-2.79 4-5s-1.79-4-4-4-4 1.79-4 4 1.79 5 4 5z" fill="#FFF"></path></g></svg>
</a>
</li>
</ul>
<span class="reading-time">2 min read</span>
</footer>
</div>
</article>
</div>
</div>
</aside>
<div class="floating-header">
<div class="floating-header-logo">
<a href="">
<span>user Blog</span>
</a>
</div>
<span class="floating-header-divider">—</span>
<div class="floating-header-title">Using the Ghost editor</div>
<div class="floating-header-share">
<div class="floating-header-share-label">Share this <svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M7.5 15.5V4a1.5 1.5 0 1 1 3 0v4.5h2a1 1 0 0 1 1 1h2a1 1 0 0 1 1 1H18a1.5 1.5 0 0 1 1.5 1.5v3.099c0 .929-.13 1.854-.385 2.748L17.5 23.5h-9c-1.5-2-5.417-8.673-5.417-8.673a1.2 1.2 0 0 1 1.76-1.605L7.5 15.5zm6-6v2m-3-3.5v3.5m6-1v2"></path>
</svg>
</div>
<a class="floating-header-share-tw" href="https://twitter.com/share?text=Using%20the%20Ghost%20editor&amp;url=http://172.20.254.138:80/the-editor/" onclick="window.open(this.href, 'share-twitter', 'width=550,height=235');return false;">
<svg viewbox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M30.063 7.313c-.813 1.125-1.75 2.125-2.875 2.938v.75c0 1.563-.188 3.125-.688 4.625a15.088 15.088 0 0 1-2.063 4.438c-.875 1.438-2 2.688-3.25 3.813a15.015 15.015 0 0 1-4.625 2.563c-1.813.688-3.75 1-5.75 1-3.25 0-6.188-.875-8.875-2.625.438.063.875.125 1.375.125 2.688 0 5.063-.875 7.188-2.5-1.25 0-2.375-.375-3.375-1.125s-1.688-1.688-2.063-2.875c.438.063.813.125 1.125.125.5 0 1-.063 1.5-.25-1.313-.25-2.438-.938-3.313-1.938a5.673 5.673 0 0 1-1.313-3.688v-.063c.813.438 1.688.688 2.625.688a5.228 5.228 0 0 1-1.875-2c-.5-.875-.688-1.813-.688-2.75 0-1.063.25-2.063.75-2.938 1.438 1.75 3.188 3.188 5.25 4.25s4.313 1.688 6.688 1.813a5.579 5.579 0 0 1 1.5-5.438c1.125-1.125 2.5-1.688 4.125-1.688s3.063.625 4.188 1.813a11.48 11.48 0 0 0 3.688-1.375c-.438 1.375-1.313 2.438-2.563 3.188 1.125-.125 2.188-.438 3.313-.875z"></path></svg>
</a>
<a class="floating-header-share-fb" href="https://www.facebook.com/sharer/sharer.php?u=http://172.20.254.138:80/the-editor/" onclick="window.open(this.href, 'share-facebook','width=580,height=296');return false;">
<svg viewbox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M19 6h5V0h-5c-3.86 0-7 3.14-7 7v3H8v6h4v16h6V16h5l1-6h-6V7c0-.542.458-1 1-1z"></path></svg>
</a>
</div>
<progress class="progress" id="reading-progress" value="0">
<div class="progress-container">
<span class="progress-bar"></span>
</div>
</progress>
</div>
<footer class="site-footer outer">
<div class="site-footer-content inner">
<section class="copyright"><a href="">user Blog</a> © 2018</section>
<nav class="site-footer-nav">
<a href="">Latest Posts</a>
<a href="https://ghost.org" rel="noopener" target="_blank">Ghost</a>
</nav>
</div>
</footer>
</div>
<script crossorigin="anonymous" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" src="/jquery-3.2.1.min.js"></script>
<script src="/assets/js/jquery.fitvids.js,qv=8cfc086fe8.pagespeed.jm.nHU73nSfsl.js" type="text/javascript"></script>
<script>$(document).ready(function(){var $postContent=$(".post-full-content");$postContent.fitVids();var progressBar=document.querySelector('#reading-progress');var header=document.querySelector('.floating-header');var title=document.querySelector('.post-full-title');var lastScrollY=window.scrollY;var lastWindowHeight=window.innerHeight;var lastDocumentHeight=$(document).height();var ticking=false;function onScroll(){lastScrollY=window.scrollY;requestTick();}function onResize(){lastWindowHeight=window.innerHeight;lastDocumentHeight=$(document).height();requestTick();}function requestTick(){if(!ticking){requestAnimationFrame(update);}ticking=true;}function update(){var trigger=title.getBoundingClientRect().top+window.scrollY;var triggerOffset=title.offsetHeight+35;var progressMax=lastDocumentHeight-lastWindowHeight;if(lastScrollY>=trigger+triggerOffset){header.classList.add('floating-active');}else{header.classList.remove('floating-active');}progressBar.setAttribute('max',progressMax);progressBar.setAttribute('value',lastScrollY);ticking=false;}window.addEventListener('scroll',onScroll,{passive:true});window.addEventListener('resize',onResize,false);update();});</script>
</body>
</html>

View File

@ -0,0 +1,273 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<meta content="IE=edge" http-equiv="X-UA-Compatible"/>
<title>Organising your content with tags</title>
<meta content="True" name="HandheldFriendly"/>
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
<link href="/assets/built/screen.css?v=8cfc086fe8" rel="stylesheet" type="text/css"/>
<link href="/favicon.ico" rel="shortcut icon" type="image/x-icon"/>
<link href="/using-tags/" rel="canonical"/>
<meta content="no-referrer-when-downgrade" name="referrer"/>
<link href="/using-tags/amp/" rel="amphtml"/>
<meta content="user Blog" property="og:site_name"/>
<meta content="article" property="og:type"/>
<meta content="Organising your content with tags" property="og:title"/>
<meta content="Ghost has a single, powerful organisational taxonomy, called tags. It doesn't matter whether you want to call them categories, tags, boxes, or anything else. You can think of Ghost tags a lot like Gmail labels. By tagging posts with one or more keyword, you can organise articles into buckets of" property="og:description"/>
<meta content="http://172.20.254.138:80/using-tags/" property="og:url"/>
<meta content="https://casper.ghost.org/v1.0.0/images/tags.jpg" property="og:image"/>
<meta content="2018-08-09T11:04:50.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="Organising your content with tags" name="twitter:title"/>
<meta content="Ghost has a single, powerful organisational taxonomy, called tags. It doesn't matter whether you want to call them categories, tags, boxes, or anything else. You can think of Ghost tags a lot like Gmail labels. By tagging posts with one or more keyword, you can organise articles into buckets of" name="twitter:description"/>
<meta content="http://172.20.254.138:80/using-tags/" name="twitter:url"/>
<meta content="https://casper.ghost.org/v1.0.0/images/tags.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="933" 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": "Organising your content with tags",
"url": "http://172.20.254.138:80/using-tags/",
"datePublished": "2018-08-09T11:04:50.000Z",
"dateModified": "2018-08-09T11:04:45.000Z",
"image": {
"@type": "ImageObject",
"url": "https://casper.ghost.org/v1.0.0/images/tags.jpg",
"width": 1400,
"height": 933
},
"keywords": "Getting Started",
"description": "Ghost has a single, powerful organisational taxonomy, called tags. It doesn&#x27;t matter whether you want to call them categories, tags, boxes, or anything else. You can think of Ghost tags a lot like Gmail labels. By tagging posts with one or more keyword, you can organise articles into buckets of",
"mainEntityOfPage": {
"@type": "WebPage",
"@id": "http://172.20.254.138:80/"
}
}
</script>
<script>//<![CDATA[
!function(){var o,i,n,e,r="//172.20.254.138:80/ghost/api/v0.1/";n={api:function(){var n,e=Array.prototype.slice.call(arguments),t=r;return(n=e.pop())&&"object"!=typeof n&&(e.push(n),n={}),(n=n||{}).client_id=o,n.client_secret=i,e.length&&e.forEach(function(n){t+=n.replace(/^\/|\/$/g,"")+"/"}),t+function(n){var e,t=[];if(!n)return"";for(e in n)n.hasOwnProperty(e)&&(n[e]||!1===n[e])&&t.push(e+"="+encodeURIComponent(n[e]));return t.length?"?"+t.join("&"):""}(n)}},e=function(n){o=n.clientId?n.clientId:"",i=n.clientSecret?n.clientSecret:"",r=n.url?n.url:r.match(/{\{api-url}}/)?"":r},"undefined"!=typeof window&&(window.ghost=window.ghost||{},window.ghost.url=n,window.ghost.init=e),"undefined"!=typeof module&&(module.exports={url:n,init:e})}();
//]]></script>
<script>ghost.init({clientId:"ghost-frontend",clientSecret:"99616761d626"});</script>
<meta content="Ghost 1.25" name="generator"/>
<link href="/rss/" rel="alternate" title="user Blog" type="application/rss+xml"/>
</head>
<body class="post-template tag-getting-started">
<div class="site-wrapper">
<header class="site-header outer">
<div class="inner">
<nav class="site-nav">
<div class="site-nav-left">
<a class="site-nav-logo" href=""><img alt="user Blog" src="/v1.0.0/images/ghost-logo.svg"/></a>
<ul class="nav" role="menu">
<li class="nav-home" role="menuitem"><a href="/">Home</a></li>
</ul>
</div>
<div class="site-nav-right">
<div class="social-links">
</div>
<a class="rss-button" href="https://feedly.com/i/subscription/feed/http://172.20.254.138:80/rss/" rel="noopener" target="_blank"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><circle cx="6.18" cy="17.82" r="2.18"></circle><path d="M4 4.44v2.83c7.03 0 12.73 5.7 12.73 12.73h2.83c0-8.59-6.97-15.56-15.56-15.56zm0 5.66v2.83c3.9 0 7.07 3.17 7.07 7.07h2.83c0-5.47-4.43-9.9-9.9-9.9z"></path></svg>
</a>
</div>
</nav>
</div>
</header>
<main class="site-main outer" id="site-main">
<div class="inner">
<article class="post-full post tag-getting-started ">
<header class="post-full-header">
<section class="post-full-meta">
<time class="post-full-meta-date" datetime="2018-08-09">9 August 2018</time>
<span class="date-divider">/</span> <a href="/tag/getting-started/">Getting Started</a>
</section>
<h1 class="post-full-title">Organising your content with tags</h1>
</header>
<figure class="post-full-image" style="background-image:url(https://casper.ghost.org/v1.0.0/images/tags.jpg)">
</figure>
<section class="post-full-content">
<div class="post-content">
<div class="kg-card-markdown"><p>Ghost has a single, powerful organisational taxonomy, called tags.</p>
<p>It doesn't matter whether you want to call them categories, tags, boxes, or anything else. You can think of Ghost tags a lot like Gmail labels. By tagging posts with one or more keyword, you can organise articles into buckets of related content.</p>
<h2 id="basictagging">Basic tagging</h2>
<p>When you write a post, you can assign tags to help differentiate between categories of content. For example, you might tag some posts with <code>News</code> and other posts with <code>Cycling</code>, which would create two distinct categories of content listed on <code>/tag/news/</code> and <code>/tag/cycling/</code>, respectively.</p>
<p>If you tag a post with both <code>News</code> <em>and</em> <code>Cycling</code> - then it appears in both sections.</p>
<p>Tag archives are like dedicated home-pages for each category of content that you have. They have their own pages, their own RSS feeds, and can support their own cover images and meta data.</p>
<h2 id="theprimarytag">The primary tag</h2>
<p>Inside the Ghost editor, you can drag and drop tags into a specific order. The first tag in the list is always given the most importance, and some themes will only display the primary tag (the first tag in the list) by default. So you can add the most important tag which you want to show up in your theme, but also add a bunch of related tags which are less important.</p>
<p><mark><strong>News</strong>, Cycling, Bart Stevens, Extreme Sports</mark></p>
<p>In this example, <strong>News</strong> is the primary tag which will be displayed by the theme, but the post will also still receive all the other tags, and show up in their respective archives.</p>
<h2 id="privatetags">Private tags</h2>
<p>Sometimes you may want to assign a post a specific tag, but you don't necessarily want that tag appearing in the theme or creating an archive page. In Ghost, hashtags are private and can be used for special styling.</p>
<p>For example, if you sometimes publish posts with video content - you might want your theme to adapt and get rid of the sidebar for these posts, to give more space for an embedded video to fill the screen. In this case, you could use private tags to tell your theme what to do.</p>
<p><mark><strong>News</strong>, Cycling, #video</mark></p>
<p>Here, the theme would assign the post publicly displayed tags of <code>News</code>, and <code>Cycling</code> - but it would also keep a private record of the post being tagged with <code>#video</code>.</p>
<p>In your theme, you could then look for private tags conditionally and give them special formatting:</p>
<pre><code>{{#post}}
{{#has tag="#video"}}
...markup for a nice big video post layout...
{{else}}
...regular markup for a post...
{{/has}}
{{/post}}
</code></pre>
<p>You can find documentation for theme development techniques like this and many more over on Ghost's extensive <a href="https://themes.ghost.org/v1.23.0/">theme documentation</a>.</p>
</div>
</div>
</section>
<footer class="post-full-footer">
<section class="author-card">
<span class="avatar-wrapper"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M3.513 18.998C4.749 15.504 8.082 13 12 13s7.251 2.504 8.487 5.998C18.47 21.442 15.417 23 12 23s-6.47-1.558-8.487-4.002zM12 12c2.21 0 4-2.79 4-5s-1.79-4-4-4-4 1.79-4 4 1.79 5 4 5z" fill="#FFF"></path></g></svg>
</span>
<section class="author-card-content">
<h4 class="author-card-name"><a href="/author/ghost/">Ghost</a></h4>
<p>You can delete this user to remove all the welcome posts</p>
</section>
</section>
<div class="post-full-footer-right">
<a class="author-card-button" href="/author/ghost/">Read More</a>
</div>
</footer>
</article>
</div>
</main>
<aside class="read-next outer">
<div class="inner">
<div class="read-next-feed">
<article class="read-next-card" style="background-image:url(https://casper.ghost.org/v1.0.0/images/blog-cover.jpg)">
<header class="read-next-card-header">
<small class="read-next-card-header-sitetitle">— user Blog —</small>
<h3 class="read-next-card-header-title"><a href="/tag/getting-started/">Getting Started</a></h3>
</header>
<div class="read-next-divider"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M13 14.5s2 3 5 3 5.5-2.463 5.5-5.5S21 6.5 18 6.5c-5 0-7 11-12 11C2.962 17.5.5 15.037.5 12S3 6.5 6 6.5s4.5 3.5 4.5 3.5"></path></svg>
</div>
<div class="read-next-card-content">
<ul>
<li><a href="/welcome/">Welcome to Ghost</a></li>
<li><a href="/the-editor/">Using the Ghost editor</a></li>
<li><a href="/managing-users/">Managing Ghost users</a></li>
</ul>
</div>
<footer class="read-next-card-footer">
<a href="/tag/getting-started/">See all 6 posts →</a>
</footer>
</article>
<article class="post-card post tag-getting-started">
<a class="post-card-image-link" href="/the-editor/">
<div class="post-card-image" style="background-image:url(https://casper.ghost.org/v1.0.0/images/writing.jpg)"></div>
</a>
<div class="post-card-content">
<a class="post-card-content-link" href="/the-editor/">
<header class="post-card-header">
<span class="post-card-tags">Getting Started</span>
<h2 class="post-card-title">Using the Ghost editor</h2>
</header>
<section class="post-card-excerpt">
<p>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</p>
</section>
</a>
<footer class="post-card-meta">
<ul class="author-list">
<li class="author-list-item">
<div class="author-name-tooltip">
Ghost
</div>
<a class="static-avatar author-profile-image" href="/author/ghost/"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M3.513 18.998C4.749 15.504 8.082 13 12 13s7.251 2.504 8.487 5.998C18.47 21.442 15.417 23 12 23s-6.47-1.558-8.487-4.002zM12 12c2.21 0 4-2.79 4-5s-1.79-4-4-4-4 1.79-4 4 1.79 5 4 5z" fill="#FFF"></path></g></svg>
</a>
</li>
</ul>
<span class="reading-time">3 min read</span>
</footer>
</div>
</article>
<article class="post-card post tag-getting-started">
<a class="post-card-image-link" href="/managing-users/">
<div class="post-card-image" style="background-image:url(https://casper.ghost.org/v1.0.0/images/team.jpg)"></div>
</a>
<div class="post-card-content">
<a class="post-card-content-link" href="/managing-users/">
<header class="post-card-header">
<span class="post-card-tags">Getting Started</span>
<h2 class="post-card-title">Managing Ghost users</h2>
</header>
<section class="post-card-excerpt">
<p>Ghost has a number of different user roles for your team Authors The base user level in Ghost is an author. Authors can write posts, edit their own posts, and publish their own</p>
</section>
</a>
<footer class="post-card-meta">
<ul class="author-list">
<li class="author-list-item">
<div class="author-name-tooltip">
Ghost
</div>
<a class="static-avatar author-profile-image" href="/author/ghost/"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M3.513 18.998C4.749 15.504 8.082 13 12 13s7.251 2.504 8.487 5.998C18.47 21.442 15.417 23 12 23s-6.47-1.558-8.487-4.002zM12 12c2.21 0 4-2.79 4-5s-1.79-4-4-4-4 1.79-4 4 1.79 5 4 5z" fill="#FFF"></path></g></svg>
</a>
</li>
</ul>
<span class="reading-time">1 min read</span>
</footer>
</div>
</article>
</div>
</div>
</aside>
<div class="floating-header">
<div class="floating-header-logo">
<a href="">
<span>user Blog</span>
</a>
</div>
<span class="floating-header-divider">—</span>
<div class="floating-header-title">Organising your content with tags</div>
<div class="floating-header-share">
<div class="floating-header-share-label">Share this <svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M7.5 15.5V4a1.5 1.5 0 1 1 3 0v4.5h2a1 1 0 0 1 1 1h2a1 1 0 0 1 1 1H18a1.5 1.5 0 0 1 1.5 1.5v3.099c0 .929-.13 1.854-.385 2.748L17.5 23.5h-9c-1.5-2-5.417-8.673-5.417-8.673a1.2 1.2 0 0 1 1.76-1.605L7.5 15.5zm6-6v2m-3-3.5v3.5m6-1v2"></path>
</svg>
</div>
<a class="floating-header-share-tw" href="https://twitter.com/share?text=Organising%20your%20content%20with%20tags&amp;url=http://172.20.254.138:80/using-tags/" onclick="window.open(this.href, 'share-twitter', 'width=550,height=235');return false;">
<svg viewbox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M30.063 7.313c-.813 1.125-1.75 2.125-2.875 2.938v.75c0 1.563-.188 3.125-.688 4.625a15.088 15.088 0 0 1-2.063 4.438c-.875 1.438-2 2.688-3.25 3.813a15.015 15.015 0 0 1-4.625 2.563c-1.813.688-3.75 1-5.75 1-3.25 0-6.188-.875-8.875-2.625.438.063.875.125 1.375.125 2.688 0 5.063-.875 7.188-2.5-1.25 0-2.375-.375-3.375-1.125s-1.688-1.688-2.063-2.875c.438.063.813.125 1.125.125.5 0 1-.063 1.5-.25-1.313-.25-2.438-.938-3.313-1.938a5.673 5.673 0 0 1-1.313-3.688v-.063c.813.438 1.688.688 2.625.688a5.228 5.228 0 0 1-1.875-2c-.5-.875-.688-1.813-.688-2.75 0-1.063.25-2.063.75-2.938 1.438 1.75 3.188 3.188 5.25 4.25s4.313 1.688 6.688 1.813a5.579 5.579 0 0 1 1.5-5.438c1.125-1.125 2.5-1.688 4.125-1.688s3.063.625 4.188 1.813a11.48 11.48 0 0 0 3.688-1.375c-.438 1.375-1.313 2.438-2.563 3.188 1.125-.125 2.188-.438 3.313-.875z"></path></svg>
</a>
<a class="floating-header-share-fb" href="https://www.facebook.com/sharer/sharer.php?u=http://172.20.254.138:80/using-tags/" onclick="window.open(this.href, 'share-facebook','width=580,height=296');return false;">
<svg viewbox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M19 6h5V0h-5c-3.86 0-7 3.14-7 7v3H8v6h4v16h6V16h5l1-6h-6V7c0-.542.458-1 1-1z"></path></svg>
</a>
</div>
<progress class="progress" id="reading-progress" value="0">
<div class="progress-container">
<span class="progress-bar"></span>
</div>
</progress>
</div>
<footer class="site-footer outer">
<div class="site-footer-content inner">
<section class="copyright"><a href="">user Blog</a> © 2018</section>
<nav class="site-footer-nav">
<a href="">Latest Posts</a>
<a href="https://ghost.org" rel="noopener" target="_blank">Ghost</a>
</nav>
</div>
</footer>
</div>
<script crossorigin="anonymous" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" src="/jquery-3.2.1.min.js"></script>
<script src="/assets/js/jquery.fitvids.js,qv=8cfc086fe8.pagespeed.jm.nHU73nSfsl.js" type="text/javascript"></script>
<script>$(document).ready(function(){var $postContent=$(".post-full-content");$postContent.fitVids();var progressBar=document.querySelector('#reading-progress');var header=document.querySelector('.floating-header');var title=document.querySelector('.post-full-title');var lastScrollY=window.scrollY;var lastWindowHeight=window.innerHeight;var lastDocumentHeight=$(document).height();var ticking=false;function onScroll(){lastScrollY=window.scrollY;requestTick();}function onResize(){lastWindowHeight=window.innerHeight;lastDocumentHeight=$(document).height();requestTick();}function requestTick(){if(!ticking){requestAnimationFrame(update);}ticking=true;}function update(){var trigger=title.getBoundingClientRect().top+window.scrollY;var triggerOffset=title.offsetHeight+35;var progressMax=lastDocumentHeight-lastWindowHeight;if(lastScrollY>=trigger+triggerOffset){header.classList.add('floating-active');}else{header.classList.remove('floating-active');}progressBar.setAttribute('max',progressMax);progressBar.setAttribute('value',lastScrollY);ticking=false;}window.addEventListener('scroll',onScroll,{passive:true});window.addEventListener('resize',onResize,false);update();});</script>
</body>
</html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 141 KiB

View File

@ -0,0 +1,99 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<meta content="IE=edge" http-equiv="X-UA-Compatible"/>
<title>user Blog</title>
<meta content="True" name="HandheldFriendly"/>
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
<link href="/assets/built/screen.css?v=8cfc086fe8" rel="stylesheet" type="text/css"/>
</head>
<body class="error-template">
<div class="site-wrapper">
<header class="site-header outer no-cover">
<div class="inner">
<nav class="site-nav-center">
<a class="site-nav-logo" href=""><img alt="user Blog" src="/v1.0.0/images/ghost-logo.svg"/></a>
</nav>
</div>
</header>
<main class="site-main outer" id="site-main">
<div class="inner">
<section class="error-message">
<h1 class="error-code">404</h1>
<p class="error-description">Page not found</p>
<a class="error-link" href="">Go to the front page →</a>
</section>
</div>
</main>
<aside class="outer">
<div class="inner">
<div class="post-feed">
<article class="post-card post">
<a class="post-card-image-link" href="/welcome/">
<div class="post-card-image" style="background-image: url(https://casper.ghost.org/v1.0.0/images/welcome.jpg)"></div>
</a>
<div class="post-card-content">
<a class="post-card-content-link" href="/welcome/">
<header class="post-card-header">
<h2 class="post-card-title">Welcome to Ghost</h2>
</header>
<section class="post-card-excerpt">
<p>Hey! Welcome to Ghost, it's great to have you :) We know that first impressions are important, so we've populated your new site with some initial Getting Started posts that will help you get</p>
</section>
</a>
<footer class="post-card-meta">
<ul class="author-list">
</ul>
<span class="reading-time">1 min read</span>
</footer>
</div>
</article>
<article class="post-card post">
<a class="post-card-image-link" href="/the-editor/">
<div class="post-card-image" style="background-image: url(https://casper.ghost.org/v1.0.0/images/writing.jpg)"></div>
</a>
<div class="post-card-content">
<a class="post-card-content-link" href="/the-editor/">
<header class="post-card-header">
<h2 class="post-card-title">Using the Ghost editor</h2>
</header>
<section class="post-card-excerpt">
<p>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</p>
</section>
</a>
<footer class="post-card-meta">
<ul class="author-list">
</ul>
<span class="reading-time">3 min read</span>
</footer>
</div>
</article>
<article class="post-card post">
<a class="post-card-image-link" href="/using-tags/">
<div class="post-card-image" style="background-image: url(https://casper.ghost.org/v1.0.0/images/tags.jpg)"></div>
</a>
<div class="post-card-content">
<a class="post-card-content-link" href="/using-tags/">
<header class="post-card-header">
<h2 class="post-card-title">Organising your content with tags</h2>
</header>
<section class="post-card-excerpt">
<p>Ghost has a single, powerful organisational taxonomy, called tags. It doesn't matter whether you want to call them categories, tags, boxes, or anything else. You can think of Ghost tags a lot like</p>
</section>
</a>
<footer class="post-card-meta">
<ul class="author-list">
</ul>
<span class="reading-time">2 min read</span>
</footer>
</div>
</article>
</div>
</div>
</aside>
</div>
</body>
</html>

View File

@ -0,0 +1,291 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<meta content="IE=edge" http-equiv="X-UA-Compatible"/>
<title>Ghost - user Blog</title>
<meta content="True" name="HandheldFriendly"/>
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
<link href="/assets/built/screen.css?v=8cfc086fe8" rel="stylesheet" type="text/css"/>
<link href="/favicon.ico" rel="shortcut icon" type="image/x-icon"/>
<link href="/author/ghost/" rel="canonical"/>
<meta content="no-referrer-when-downgrade" name="referrer"/>
<meta content="user Blog" property="og:site_name"/>
<meta content="profile" property="og:type"/>
<meta content="Ghost - user Blog" property="og:title"/>
<meta content="http://172.20.254.138:80/author/ghost/" property="og:url"/>
<meta content="summary" name="twitter:card"/>
<meta content="Ghost - user Blog" name="twitter:title"/>
<meta content="http://172.20.254.138:80/author/ghost/" name="twitter:url"/>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Person",
"sameAs": [],
"name": "Ghost",
"url": "http://172.20.254.138:80/author/ghost/",
"mainEntityOfPage": {
"@type": "WebPage",
"@id": "http://172.20.254.138:80/"
}
}
</script>
<script>//<![CDATA[
!function(){var o,i,n,e,r="//172.20.254.138:80/ghost/api/v0.1/";n={api:function(){var n,e=Array.prototype.slice.call(arguments),t=r;return(n=e.pop())&&"object"!=typeof n&&(e.push(n),n={}),(n=n||{}).client_id=o,n.client_secret=i,e.length&&e.forEach(function(n){t+=n.replace(/^\/|\/$/g,"")+"/"}),t+function(n){var e,t=[];if(!n)return"";for(e in n)n.hasOwnProperty(e)&&(n[e]||!1===n[e])&&t.push(e+"="+encodeURIComponent(n[e]));return t.length?"?"+t.join("&"):""}(n)}},e=function(n){o=n.clientId?n.clientId:"",i=n.clientSecret?n.clientSecret:"",r=n.url?n.url:r.match(/{\{api-url}}/)?"":r},"undefined"!=typeof window&&(window.ghost=window.ghost||{},window.ghost.url=n,window.ghost.init=e),"undefined"!=typeof module&&(module.exports={url:n,init:e})}();
//]]></script>
<script>ghost.init({clientId:"ghost-frontend",clientSecret:"99616761d626"});</script>
<meta content="Ghost 1.25" name="generator"/>
<link href="/rss/" rel="alternate" title="user Blog" type="application/rss+xml"/>
</head>
<body class="author-template author-ghost">
<div class="site-wrapper">
<header class="site-header outer no-cover">
<div class="inner">
<nav class="site-nav">
<div class="site-nav-left">
<a class="site-nav-logo" href=""><img alt="user Blog" src="/v1.0.0/images/ghost-logo.svg"/></a>
<ul class="nav" role="menu">
<li class="nav-home" role="menuitem"><a href="/">Home</a></li>
</ul>
</div>
<div class="site-nav-right">
<div class="social-links">
</div>
<a class="rss-button" href="https://feedly.com/i/subscription/feed/http://172.20.254.138:80/rss/" rel="noopener" target="_blank"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><circle cx="6.18" cy="17.82" r="2.18"></circle><path d="M4 4.44v2.83c7.03 0 12.73 5.7 12.73 12.73h2.83c0-8.59-6.97-15.56-15.56-15.56zm0 5.66v2.83c3.9 0 7.07 3.17 7.07 7.07h2.83c0-5.47-4.43-9.9-9.9-9.9z"></path></svg>
</a>
</div>
</nav>
<div class="site-header-content">
<h1 class="site-title">Ghost</h1>
<h2 class="author-bio">You can delete this user to remove all the welcome posts</h2>
<div class="author-meta">
<div class="author-stats">
7 posts <span class="bull">•</span>
</div>
<a class="social-link social-link-rss" href="https://feedly.com/i/subscription/feed/http://172.20.254.138:80/author/ghost/rss/" rel="noopener" target="_blank"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><circle cx="6.18" cy="17.82" r="2.18"></circle><path d="M4 4.44v2.83c7.03 0 12.73 5.7 12.73 12.73h2.83c0-8.59-6.97-15.56-15.56-15.56zm0 5.66v2.83c3.9 0 7.07 3.17 7.07 7.07h2.83c0-5.47-4.43-9.9-9.9-9.9z"></path></svg>
</a>
</div>
</div>
</div>
</header>
<main class="site-main outer" id="site-main">
<div class="inner">
<div class="post-feed">
<article class="post-card post tag-getting-started">
<a class="post-card-image-link" href="/welcome/">
<div class="post-card-image" style="background-image:url(https://casper.ghost.org/v1.0.0/images/welcome.jpg)"></div>
</a>
<div class="post-card-content">
<a class="post-card-content-link" href="/welcome/">
<header class="post-card-header">
<span class="post-card-tags">Getting Started</span>
<h2 class="post-card-title">Welcome to Ghost</h2>
</header>
<section class="post-card-excerpt">
<p>Hey! Welcome to Ghost, it's great to have you :) We know that first impressions are important, so we've populated your new site with some initial Getting Started posts that will help you get</p>
</section>
</a>
<footer class="post-card-meta">
<ul class="author-list">
<li class="author-list-item">
<div class="author-name-tooltip">
Ghost
</div>
<a class="static-avatar author-profile-image" href="/author/ghost/"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M3.513 18.998C4.749 15.504 8.082 13 12 13s7.251 2.504 8.487 5.998C18.47 21.442 15.417 23 12 23s-6.47-1.558-8.487-4.002zM12 12c2.21 0 4-2.79 4-5s-1.79-4-4-4-4 1.79-4 4 1.79 5 4 5z" fill="#FFF"></path></g></svg>
</a>
</li>
</ul>
<span class="reading-time">1 min read</span>
</footer>
</div>
</article>
<article class="post-card post tag-getting-started">
<a class="post-card-image-link" href="/the-editor/">
<div class="post-card-image" style="background-image:url(https://casper.ghost.org/v1.0.0/images/writing.jpg)"></div>
</a>
<div class="post-card-content">
<a class="post-card-content-link" href="/the-editor/">
<header class="post-card-header">
<span class="post-card-tags">Getting Started</span>
<h2 class="post-card-title">Using the Ghost editor</h2>
</header>
<section class="post-card-excerpt">
<p>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</p>
</section>
</a>
<footer class="post-card-meta">
<ul class="author-list">
<li class="author-list-item">
<div class="author-name-tooltip">
Ghost
</div>
<a class="static-avatar author-profile-image" href="/author/ghost/"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M3.513 18.998C4.749 15.504 8.082 13 12 13s7.251 2.504 8.487 5.998C18.47 21.442 15.417 23 12 23s-6.47-1.558-8.487-4.002zM12 12c2.21 0 4-2.79 4-5s-1.79-4-4-4-4 1.79-4 4 1.79 5 4 5z" fill="#FFF"></path></g></svg>
</a>
</li>
</ul>
<span class="reading-time">3 min read</span>
</footer>
</div>
</article>
<article class="post-card post tag-getting-started">
<a class="post-card-image-link" href="/using-tags/">
<div class="post-card-image" style="background-image:url(https://casper.ghost.org/v1.0.0/images/tags.jpg)"></div>
</a>
<div class="post-card-content">
<a class="post-card-content-link" href="/using-tags/">
<header class="post-card-header">
<span class="post-card-tags">Getting Started</span>
<h2 class="post-card-title">Organising your content with tags</h2>
</header>
<section class="post-card-excerpt">
<p>Ghost has a single, powerful organisational taxonomy, called tags. It doesn't matter whether you want to call them categories, tags, boxes, or anything else. You can think of Ghost tags a lot like</p>
</section>
</a>
<footer class="post-card-meta">
<ul class="author-list">
<li class="author-list-item">
<div class="author-name-tooltip">
Ghost
</div>
<a class="static-avatar author-profile-image" href="/author/ghost/"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M3.513 18.998C4.749 15.504 8.082 13 12 13s7.251 2.504 8.487 5.998C18.47 21.442 15.417 23 12 23s-6.47-1.558-8.487-4.002zM12 12c2.21 0 4-2.79 4-5s-1.79-4-4-4-4 1.79-4 4 1.79 5 4 5z" fill="#FFF"></path></g></svg>
</a>
</li>
</ul>
<span class="reading-time">2 min read</span>
</footer>
</div>
</article>
<article class="post-card post tag-getting-started">
<a class="post-card-image-link" href="/managing-users/">
<div class="post-card-image" style="background-image:url(https://casper.ghost.org/v1.0.0/images/team.jpg)"></div>
</a>
<div class="post-card-content">
<a class="post-card-content-link" href="/managing-users/">
<header class="post-card-header">
<span class="post-card-tags">Getting Started</span>
<h2 class="post-card-title">Managing Ghost users</h2>
</header>
<section class="post-card-excerpt">
<p>Ghost has a number of different user roles for your team Authors The base user level in Ghost is an author. Authors can write posts, edit their own posts, and publish their own</p>
</section>
</a>
<footer class="post-card-meta">
<ul class="author-list">
<li class="author-list-item">
<div class="author-name-tooltip">
Ghost
</div>
<a class="static-avatar author-profile-image" href="/author/ghost/"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M3.513 18.998C4.749 15.504 8.082 13 12 13s7.251 2.504 8.487 5.998C18.47 21.442 15.417 23 12 23s-6.47-1.558-8.487-4.002zM12 12c2.21 0 4-2.79 4-5s-1.79-4-4-4-4 1.79-4 4 1.79 5 4 5z" fill="#FFF"></path></g></svg>
</a>
</li>
</ul>
<span class="reading-time">1 min read</span>
</footer>
</div>
</article>
<article class="post-card post tag-getting-started">
<a class="post-card-image-link" href="/private-sites/">
<div class="post-card-image" style="background-image:url(https://casper.ghost.org/v1.0.0/images/locked.jpg)"></div>
</a>
<div class="post-card-content">
<a class="post-card-content-link" href="/private-sites/">
<header class="post-card-header">
<span class="post-card-tags">Getting Started</span>
<h2 class="post-card-title">Making your site private</h2>
</header>
<section class="post-card-excerpt">
<p>Sometimes you might want to put your site behind closed doors If you've got a publication that you don't want the world to see yet because it's not ready to launch, you can</p>
</section>
</a>
<footer class="post-card-meta">
<ul class="author-list">
<li class="author-list-item">
<div class="author-name-tooltip">
Ghost
</div>
<a class="static-avatar author-profile-image" href="/author/ghost/"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M3.513 18.998C4.749 15.504 8.082 13 12 13s7.251 2.504 8.487 5.998C18.47 21.442 15.417 23 12 23s-6.47-1.558-8.487-4.002zM12 12c2.21 0 4-2.79 4-5s-1.79-4-4-4-4 1.79-4 4 1.79 5 4 5z" fill="#FFF"></path></g></svg>
</a>
</li>
</ul>
<span class="reading-time">1 min read</span>
</footer>
</div>
</article>
<article class="post-card post tag-getting-started">
<a class="post-card-image-link" href="/advanced-markdown/">
<div class="post-card-image" style="background-image:url(https://casper.ghost.org/v1.0.0/images/advanced.jpg)"></div>
</a>
<div class="post-card-content">
<a class="post-card-content-link" href="/advanced-markdown/">
<header class="post-card-header">
<span class="post-card-tags">Getting Started</span>
<h2 class="post-card-title">Advanced Markdown tips</h2>
</header>
<section class="post-card-excerpt">
<p>There are lots of powerful things you can do with the Ghost editor If you've gotten pretty comfortable with all the basics of writing in Ghost, then you may enjoy some more advanced</p>
</section>
</a>
<footer class="post-card-meta">
<ul class="author-list">
<li class="author-list-item">
<div class="author-name-tooltip">
Ghost
</div>
<a class="static-avatar author-profile-image" href="/author/ghost/"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M3.513 18.998C4.749 15.504 8.082 13 12 13s7.251 2.504 8.487 5.998C18.47 21.442 15.417 23 12 23s-6.47-1.558-8.487-4.002zM12 12c2.21 0 4-2.79 4-5s-1.79-4-4-4-4 1.79-4 4 1.79 5 4 5z" fill="#FFF"></path></g></svg>
</a>
</li>
</ul>
<span class="reading-time">2 min read</span>
</footer>
</div>
</article>
<article class="post-card post tag-getting-started">
<a class="post-card-image-link" href="/themes/">
<div class="post-card-image" style="background-image:url(https://casper.ghost.org/v1.0.0/images/design.jpg)"></div>
</a>
<div class="post-card-content">
<a class="post-card-content-link" href="/themes/">
<header class="post-card-header">
<span class="post-card-tags">Getting Started</span>
<h2 class="post-card-title">Setting up your own Ghost theme</h2>
</header>
<section class="post-card-excerpt">
<p>Creating a totally custom design for your publication Ghost comes with a beautiful default theme called Casper, which is designed to be a clean, readable publication layout and can be easily adapted for</p>
</section>
</a>
<footer class="post-card-meta">
<ul class="author-list">
<li class="author-list-item">
<div class="author-name-tooltip">
Ghost
</div>
<a class="static-avatar author-profile-image" href="/author/ghost/"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M3.513 18.998C4.749 15.504 8.082 13 12 13s7.251 2.504 8.487 5.998C18.47 21.442 15.417 23 12 23s-6.47-1.558-8.487-4.002zM12 12c2.21 0 4-2.79 4-5s-1.79-4-4-4-4 1.79-4 4 1.79 5 4 5z" fill="#FFF"></path></g></svg>
</a>
</li>
</ul>
<span class="reading-time">1 min read</span>
</footer>
</div>
</article>
</div>
</div>
</main>
<footer class="site-footer outer">
<div class="site-footer-content inner">
<section class="copyright"><a href="">user Blog</a> © 2018</section>
<nav class="site-footer-nav">
<a href="">Latest Posts</a>
<a href="https://ghost.org" rel="noopener" target="_blank">Ghost</a>
</nav>
</div>
</footer>
</div>
<script crossorigin="anonymous" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" src="/jquery-3.2.1.min.js"></script>
<script src="/assets/js/jquery.fitvids.js,qv=8cfc086fe8.pagespeed.jm.nHU73nSfsl.js" type="text/javascript"></script>
<script>var maxPages=parseInt('1');</script>
<script>//<![CDATA[
$(function($){var currentPage=1;var pathname=window.location.pathname;var $document=$(document);var $result=$('.post-feed');var buffer=300;var ticking=false;var isLoading=false;var lastScrollY=window.scrollY;var lastWindowHeight=window.innerHeight;var lastDocumentHeight=$document.height();function onScroll(){lastScrollY=window.scrollY;requestTick();}function onResize(){lastWindowHeight=window.innerHeight;lastDocumentHeight=$document.height();requestTick();}function requestTick(){if(!ticking){requestAnimationFrame(infiniteScroll);}ticking=true;}function sanitizePathname(path){var paginationRegex=/(?:page\/)(\d)(?:\/)$/i;path=path.replace(/#(.*)$/g,'').replace('////g','/');if(path.match(paginationRegex)){currentPage=parseInt(path.match(paginationRegex)[1]);path=path.replace(paginationRegex,'');}return path;}function infiniteScroll(){pathname=sanitizePathname(pathname);if(isLoading){return;}if(lastScrollY+lastWindowHeight<=lastDocumentHeight-buffer){ticking=false;return;}if(currentPage>=maxPages){window.removeEventListener('scroll',onScroll,{passive:true});window.removeEventListener('resize',onResize);return;}isLoading=true;currentPage+=1;var nextPage=pathname+'page/'+currentPage+'/';$.get(nextPage,function(content){var parse=document.createRange().createContextualFragment(content);var posts=parse.querySelectorAll('.post');if(posts.length){[].forEach.call(posts,function(post){$result[0].appendChild(post);});}}).fail(function(xhr){if(xhr.status===404){window.removeEventListener('scroll',onScroll,{passive:true});window.removeEventListener('resize',onResize);}}).always(function(){lastDocumentHeight=$document.height();isLoading=false;ticking=false;});}window.addEventListener('scroll',onScroll,{passive:true});window.addEventListener('resize',onResize);infiniteScroll();});
//]]></script>
</body>
</html>

View File

@ -0,0 +1 @@
{"/index.html": {"hash": "d1546d731a9f30cc80127d57142a482b", "content_type": "text/html"}, "/status_404": {"hash": "bacfa45149ffbe8dbff34609bf56d748", "content_type": "text/html"}, "/assets/built/screen.css?v=8cfc086fe8": {"hash": "96dfe3a279942cee47fc2d858ccc6e26", "content_type": "text/css"}, "/favicon.ico": {"hash": "35a63c8a85b1279a0f991ce8828fb9d9", "content_type": "image/x-icon"}, "/rss/": {"hash": "50ce0a5ffcd9e65830c66c359235c4c5", "content_type": "text/xml"}, "/welcome/": {"hash": "e45ade28f21147129a3c634f10cdfa02", "content_type": "text/html"}, "/author/ghost/": {"hash": "f9b8e44bc5f2368bbb2cf7def4016144", "content_type": "text/html"}, "/the-editor/": {"hash": "e91ec595a26a68dd828e2c7446e53733", "content_type": "text/html"}, "/using-tags/": {"hash": "eb2b58d209a506af4e3130c04317c043", "content_type": "text/html"}, "/managing-users/": {"hash": "7f3fdea0cce5338f7c0d5010329650c8", "content_type": "text/html"}, "/private-sites/": {"hash": "80a35a9639b0b70193e43257dfb1fb56", "content_type": "text/html"}, "/advanced-markdown/": {"hash": "09cb202bfb87f1b123106f4826437a6a", "content_type": "text/html"}, "/themes/": {"hash": "d33d50a409a95819f54bb8e7967d5ef8", "content_type": "text/html"}, "/v1.0.0/images/ghost-logo.svg": {"hash": "7d4539153a5354fcce37ce02fbb15e38", "content_type": "image/svg+xml"}, "/jquery-3.2.1.min.js": {"hash": "b6ab5ca99c37db3eba159ccb46aae341", "content_type": "application/javascript"}, "/assets/js/jquery.fitvids.js,qv=8cfc086fe8.pagespeed.jm.nHU73nSfsl.js": {"hash": "759cca6c69e8c7c54b6a12df090842d4", "content_type": "application/javascript"}, "/welcome/amp/": {"hash": "2bcdba241d530911055b533378dce1d8", "content_type": "text/html"}, "/tag/getting-started/": {"hash": "0841ddfa9fd9cf1e059378c618f594bb", "content_type": "text/html"}, "/the-editor/amp/": {"hash": "955e9ba270f49d4139071491eb8567d2", "content_type": "text/html"}, "/v1.0.0/images/computer.jpg": {"hash": "bce08acadf46be96489d70406d20d498", "content_type": "image/jpeg"}, "/using-tags/amp/": {"hash": "ad2a60e58d60060ee239fa4d3148ae33", "content_type": "text/html"}, "/managing-users/amp/": {"hash": "13e355a722feefde6af35e1176fd5c2b", "content_type": "text/html"}, "/private-sites/amp/": {"hash": "59ec181beaeef3e1706e3fe05fa16158", "content_type": "text/html"}, "/v1.0.0/images/private.png": {"hash": "442e1148b357e5ec9d0060a6e0f9055e", "content_type": "image/png"}, "/advanced-markdown/amp/": {"hash": "e09b8947de656d130c64210e9b28f07d", "content_type": "text/html"}, "/v1.0.0/images/walking.jpg#full": {"hash": "92859a05b36f5e050665d74674997816", "content_type": "image/jpeg"}, "/embed/Cniqsc9QfDo?rel=0&showinfo=0": {"hash": "47c2ef7b3f9c7158f2e15ef5269d2a09", "content_type": "text/html"}, "/themes/amp/": {"hash": "50f8f0588e30faaee873853ce1b145de", "content_type": "text/html"}, "/v1.0.0/images/marketplace.jpg": {"hash": "6086f269b8b3d1c686bdf9b081124fe4", "content_type": "image/jpeg"}, "/v0.js": {"hash": "16ec9d027895bf83ac1181429a038d33", "content_type": "text/javascript"}, "/v1.0.0/images/welcome.jpg": {"hash": "6e994092478c0e3c7e9ae5821d67f13c", "content_type": "image/jpeg"}, "/v1.0.0/images/writing.jpg": {"hash": "8ec1660cd4eda74cbb6edf77c842bad9", "content_type": "image/jpeg"}, "/v1.0.0/images/tags.jpg": {"hash": "b8933dc054e6bc07fd7198dec126cee1", "content_type": "image/jpeg"}, "/v1.0.0/images/team.jpg": {"hash": "ec953d6cbb68dbb592fa8d9a244af5d9", "content_type": "image/jpeg"}, "/v1.0.0/images/locked.jpg": {"hash": "627c1b450e67251c53ef2edcfdf6f11d", "content_type": "image/jpeg"}, "/v0/amp-iframe-0.1.js": {"hash": "8bb6fa05647ee00c240d7bfa744d994e", "content_type": "text/javascript"}, "/v1.0.0/images/advanced.jpg": {"hash": "052eb2182a98215b4b6d88d9d32a2cf5", "content_type": "image/jpeg"}, "/yts/cssbin/www-player-vflg6820w.css": {"hash": "9a5d0b02a7c07bdd949d1d3ad6c87d2b", "content_type": "text/html"}, "/yts/jsbin/www-embed-player-vflLmvgO2/www-embed-player.js": {"hash": "f377d34ebe9121ae977db65a84e6b0d5", "content_type": "text/html"}, "/yts/jsbin/player-vflM-t6FF/de_DE/base.js": {"hash": "bd44b423b294507bcf8a6db57baa84e0", "content_type": "text/html"}, "/v1.0.0/images/design.jpg": {"hash": "421694f2a1956e51036a0a6ff95ea9e1", "content_type": "image/jpeg"}}