225 lines
8.0 KiB
HTML
225 lines
8.0 KiB
HTML
<!doctype html>
|
|
<!--[if lt IE 7]><html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
|
|
<!--[if (IE 7)&!(IEMobile)]><html class="no-js lt-ie9 lt-ie8" lang="en"><![endif]-->
|
|
<!--[if (IE 8)&!(IEMobile)]><html class="no-js lt-ie9" lang="en"><![endif]-->
|
|
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"><!--<![endif]-->
|
|
<head>
|
|
<meta charset="utf-8">
|
|
|
|
|
|
<title>What is This? – Site Title</title>
|
|
<meta name="description" content="What is a static website generator, and why should I care?">
|
|
<meta name="keywords" content="intro, beginner, jekyll, tutorial">
|
|
|
|
|
|
<!-- Twitter Cards -->
|
|
<meta name="twitter:title" content="What is This?">
|
|
<meta name="twitter:description" content="What is a static website generator, and why should I care?">
|
|
|
|
|
|
|
|
<meta name="twitter:card" content="summary">
|
|
<meta name="twitter:image" content="/images/default-thumb.png">
|
|
|
|
<!-- Open Graph -->
|
|
<meta property="og:locale" content="en_US">
|
|
<meta property="og:type" content="article">
|
|
<meta property="og:title" content="What is This?">
|
|
<meta property="og:description" content="What is a static website generator, and why should I care?">
|
|
<meta property="og:url" content="/blog/what-is-this/">
|
|
<meta property="og:site_name" content="Site Title">
|
|
|
|
<meta property="og:image" content="/images/default-thumb.png">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<link rel="canonical" href="/blog/what-is-this/">
|
|
<link href="/feed.xml" type="application/atom+xml" rel="alternate" title="Site Title Feed">
|
|
|
|
<!-- http://t.co/dKP3o1e -->
|
|
<meta name="HandheldFriendly" content="True">
|
|
<meta name="MobileOptimized" content="320">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
<!-- For all browsers -->
|
|
<link rel="stylesheet" href="/assets/css/main.css">
|
|
|
|
|
|
<meta http-equiv="cleartype" content="on">
|
|
|
|
|
|
<!-- Modernizr -->
|
|
<script src="/assets/js/vendor/modernizr-2.7.1.custom.min.js"></script>
|
|
|
|
|
|
<link href='//fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700%7CPT+Serif:400,700,400italic' rel='stylesheet' type='text/css'>
|
|
<!-- Icons -->
|
|
<!-- 16x16 -->
|
|
<link rel="shortcut icon" href="/favicon.ico">
|
|
<!-- 32x32 -->
|
|
<link rel="shortcut icon" href="/favicon.png">
|
|
<!-- 57x57 (precomposed) for iPhone 3GS, pre-2011 iPod Touch and older Android devices -->
|
|
<link rel="apple-touch-icon-precomposed" href="/images/apple-touch-icon-precomposed.png">
|
|
<!-- 72x72 (precomposed) for 1st generation iPad, iPad 2 and iPad mini -->
|
|
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="/images/apple-touch-icon-72x72-precomposed.png">
|
|
<!-- 114x114 (precomposed) for iPhone 4, 4S, 5 and post-2011 iPod Touch -->
|
|
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="/images/apple-touch-icon-114x114-precomposed.png">
|
|
<!-- 144x144 (precomposed) for iPad 3rd and 4th generation -->
|
|
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="/images/apple-touch-icon-144x144-precomposed.png">
|
|
|
|
</head>
|
|
|
|
<body class="post">
|
|
|
|
<!--[if lt IE 9]><div class="browser-upgrade alert alert-info">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</div><![endif]-->
|
|
|
|
|
|
<div class="navigation-wrapper">
|
|
<div class="site-name">
|
|
|
|
<a href="/">Site Title</a>
|
|
|
|
</div><!-- /.site-name -->
|
|
<div class="top-navigation">
|
|
<nav role="navigation" id="site-nav" class="nav">
|
|
<ul>
|
|
|
|
|
|
<li><a href="/" >Home</a></li>
|
|
|
|
|
|
<li><a href="/about/" >About Me</a></li>
|
|
|
|
|
|
<li><a href="/presentations/" >Presentations</a></li>
|
|
|
|
|
|
<li><a href="/resume/" >Resume</a></li>
|
|
|
|
|
|
<li><a href="/archive/" >Blog Archive</a></li>
|
|
|
|
</ul>
|
|
</nav>
|
|
</div><!-- /.top-navigation -->
|
|
</div><!-- /.navigation-wrapper -->
|
|
|
|
|
|
|
|
<div id="main" role="main">
|
|
<div class="article-author-side">
|
|
|
|
|
|
<div itemscope itemtype="http://schema.org/Person">
|
|
|
|
|
|
<img src="/images/bio-photo.jpg" class="bio-photo" alt="Your Name bio photo">
|
|
|
|
|
|
<h3 itemprop="name">Your Name</h3>
|
|
<p>A brief description of yourself.</p>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
<article class="post">
|
|
<div class="headline-wrap">
|
|
|
|
<h1><a href="/blog/what-is-this/" rel="bookmark" title="What is This?">What is This?</a></h1>
|
|
|
|
</div><!--/ .headline-wrap -->
|
|
<div class="article-wrap">
|
|
<p>This is a website template created with Jekyll that is designed to be hosted on Github pages. Jekyll is a static website generator, and Github pages provides a free and easy way to host websites created using Jekyll.</p>
|
|
|
|
<h2 id="what-is-a-static-website-generator">What is a static website generator?</h2>
|
|
<p>A static website generator is a program that allows for a website to be created using alternatives to HTML. In this case we are using a simple text markup language called Markdown to create and format the content on the pages. Jekyll can interpret this and convert it to html that can be rendered in any browser.</p>
|
|
|
|
<h2 id="why-should-i-use-a-static-website">Why should I use a static website?</h2>
|
|
<p>A static website, simply put, is easier to manage than just about any other option out there for a simple website. Since it does not rely on any additional web application, it can be hosted on any webhosting server. It does not require regular updates like many dynamic websites such as WordPress or Drupal require. Everything that the website needs to work is contained within one directory, making it incredibly easy to move.</p>
|
|
|
|
<h2 id="how-is-this-template-different">How is this template different?</h2>
|
|
<p>This template has been optimized for ease of use. In the next set of instructions you will see that there are less than five files that you need to edit in order to customize the look of the website.</p>
|
|
|
|
<hr />
|
|
<footer role="contentinfo">
|
|
<div class="social-share">
|
|
<!--<h4>Share on</h4>
|
|
<ul>
|
|
<li>
|
|
<a href="https://twitter.com/intent/tweet?text=/blog/what-is-this/" class="twitter" title="Share on Twitter"><i class="fa fa-twitter"></i><span> Twitter</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="https://www.facebook.com/sharer/sharer.php?u=/blog/what-is-this/" class="facebook" title="Share on Facebook"><i class="fa fa-facebook"></i><span> Facebook</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="https://plus.google.com/share?url=/blog/what-is-this/" class="google-plus" title="Share on Google Plus"><i class="fa fa-google-plus"></i><span> Google+</span></a>
|
|
</li>
|
|
</ul>-->
|
|
</div><!-- /.social-share -->
|
|
|
|
<p class="byline"><strong>What is This?</strong> was published on <time datetime="2016-02-29T00:00:00-05:00">February 29, 2016</time> and last modified on <time datetime="2/29/2016, 9:00:24">2/29/2016, 9:00:24</time>.</p>
|
|
</footer>
|
|
</div><!-- /.article-wrap -->
|
|
|
|
</article>
|
|
</div><!-- /#main -->
|
|
|
|
<div class="footer-wrap">
|
|
|
|
<div class="related-articles">
|
|
<h4>You might also enjoy <small class="pull-right">(<a href="/posts/">View all posts</a>)</small></h4>
|
|
<ul>
|
|
|
|
<li><a href="/presentation/example-presentation/" title="Example Reveal.js Presentation Deck">Example Reveal.js Presentation Deck</a></li>
|
|
|
|
<li><a href="/blog/editing-your-site/" title="How to edit your Jekyll site and make posts">How to edit your Jekyll site and make posts</a></li>
|
|
|
|
<li><a href="/blog/site-setup-and-configuration/" title="(Almost) Everything You Want to Know About Your New Site">(Almost) Everything You Want to Know About Your New Site</a></li>
|
|
|
|
</ul>
|
|
<hr />
|
|
</div><!-- /.related-articles -->
|
|
|
|
<footer>
|
|
|
|
|
|
<span>© 2016 Your Name. Powered by <a href="http://jekyllrb.com" rel="nofollow">Jekyll</a> using the <a href="http://mademistakes.com/minimal-mistakes/" rel="nofollow">Minimal Mistakes</a> theme.</span>
|
|
|
|
</footer>
|
|
</div><!-- /.footer-wrap -->
|
|
|
|
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
|
|
<script>window.jQuery || document.write('<script src="/assets/js/vendor/jquery-1.9.1.min.js"><\/script>')</script>
|
|
<script src="/assets/js/scripts.min.js"></script>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</body>
|
|
</html>
|