mirror of
https://github.com/moparisthebest/android.moparisthebest.org
synced 2025-02-28 08:21:52 -05:00
236 lines
8.7 KiB
HTML
236 lines
8.7 KiB
HTML
|
|
<!DOCTYPE html>
|
|
<!--[if IEMobile 7 ]><html class="no-js iem7"><![endif]-->
|
|
<!--[if lt IE 9]><html class="no-js lte-ie8"><![endif]-->
|
|
<!--[if (gt IE 8)|(gt IEMobile 7)|!(IEMobile)|!(IE)]><!--><html class="no-js" lang="en"><!--<![endif]-->
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Octopress</title>
|
|
<meta name="author" content="Brandon Mathis">
|
|
|
|
|
|
<!-- http://t.co/dKP3o1e -->
|
|
<meta name="HandheldFriendly" content="True">
|
|
<meta name="MobileOptimized" content="320">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
|
|
|
|
<link rel="canonical" href="http://octopress.org/index.html"/>
|
|
<link href="/octopress/favicon.png" rel="shortcut icon" />
|
|
<link href="/octopress/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css">
|
|
<script src="/octopress/javascripts/modernizr-2.0.js"></script>
|
|
<script src="http://s3.amazonaws.com/ender-js/jeesh.min.js"></script>
|
|
<script src="/octopress/javascripts/octopress.js" type="text/javascript"></script>
|
|
|
|
<link href="/octopress/octopress/atom.xml" rel="alternate" title="Octopress" type="application/atom+xml"/>
|
|
|
|
<script type="text/javascript">
|
|
var _gaq = _gaq || [];
|
|
_gaq.push(['_setAccount', 'UA-10876422-2']);
|
|
_gaq.push(['_trackPageview']);
|
|
|
|
(function() {
|
|
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
|
|
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
|
|
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
|
|
})();
|
|
</script>
|
|
|
|
|
|
|
|
<script type="text/javascript">
|
|
(function() {
|
|
var script = document.createElement('script'); script.type = 'text/javascript'; script.async = true;
|
|
script.src = 'https://apis.google.com/js/plusone.js';
|
|
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(script, s);
|
|
})();
|
|
</script>
|
|
|
|
|
|
|
|
<script type="text/javascript">
|
|
(function(){
|
|
var twitterWidgets = document.createElement('script');
|
|
twitterWidgets.type = 'text/javascript';
|
|
twitterWidgets.async = true;
|
|
twitterWidgets.src = 'http://platform.twitter.com/widgets.js';
|
|
document.getElementsByTagName('head')[0].appendChild(twitterWidgets);
|
|
})();
|
|
</script>
|
|
|
|
|
|
<!--Fonts from Google's Web font directory at http://google.com/webfonts -->
|
|
<link href='http://fonts.googleapis.com/css?family=PT+Serif:regular,italic,bold,bolditalic' rel='stylesheet' type='text/css'>
|
|
<link href='http://fonts.googleapis.com/css?family=PT+Sans:regular,italic,bold,bolditalic' rel='stylesheet' type='text/css'>
|
|
|
|
</head>
|
|
|
|
<body >
|
|
<header><hgroup>
|
|
<h1><a href="/octopress/">Octopress</a></h1>
|
|
|
|
<h2>A blogging framework for hackers.</h2>
|
|
|
|
</hgroup>
|
|
|
|
</header>
|
|
<nav role=navigation><ul role=subscription data-subscription="rss">
|
|
<li><a href="/octopress/atom.xml" rel="subscribe-rss" title="subscribe via RSS">RSS</a></li>
|
|
|
|
</ul>
|
|
<form action="http://google.com/search" method="get">
|
|
<fieldset role="site-search">
|
|
<input type="hidden" name="q" value="site:octopress.org" />
|
|
<input class="search" type="text" name="q" results="0" placeholder="Search"/>
|
|
</fieldset>
|
|
</form>
|
|
<ul role=main-navigation>
|
|
<li><a href="/octopress/">Blog</a></li>
|
|
<li><a href="/octopress/docs">Documentation</a></li>
|
|
<li><a href="/octopress/help">Help</a></li>
|
|
<li><a href="http://github.com/imathis/octopress">Source</a></li>
|
|
</ul>
|
|
|
|
</nav>
|
|
<div id="main">
|
|
<div id="content">
|
|
<div class="blog-index">
|
|
|
|
|
|
|
|
<article>
|
|
|
|
<header>
|
|
|
|
<h1 class="entry-title"><a href="/octopress/blog/2011/07/23/octopress-20-surfaces/">Octopress 2.0 Surfaces</a></h1>
|
|
|
|
|
|
<p class="meta">
|
|
|
|
|
|
|
|
|
|
<time datetime="2011-07-23 18:05:00 -0400" pubdate updated >Jul 23<span>rd</span>, 2011</time>
|
|
|
|
|
|
<time class="updated" datetime="2011-07-24 10:15:00 -0400"></time>
|
|
|
|
</p>
|
|
|
|
</header>
|
|
|
|
|
|
<div class="entry-content"><p>Octopress is a framework designed by <a href="http://brandonmathis.com">Brandon Mathis</a> for <a href="http://github.com/mojombo/jekyll">Jekyll</a>, the blog aware static site generator powering Github Pages.
|
|
To start blogging with with Jekyll, you have to write your own HTML templates, CSS, Javascripts and set up your configuration. But with Octopress
|
|
All of that is already taken care of. Simply <a href="https://github.com/imathis/octopress">clone or fork Octopress</a>, install dependencies and the theme, and you’re set.</p>
|
|
|
|
<h2>What’s new in 2.0?</h2>
|
|
|
|
<p>Short answer: Everything. Octopress is now based on <a href="http://github.com/mojombo/jekyll">mojombo/jekyll</a> has been completely rewritten from the ground up with a mountain of goodies.</p>
|
|
|
|
<p>Octopress comes with:</p>
|
|
|
|
<ul>
|
|
<li>A semantic HTML5 template</li>
|
|
<li>A Mobile friendly responsive (<a href="http://stuffandnonsense.co.uk/projects/320andup/">320 and up</a>) layout (rotate, or resize your browser and see)</li>
|
|
<li>Built in 3rd party support for Twitter, Google Plus One, Disqus Comments, Pinboard, Delicious, and Google Analytics</li>
|
|
<li>An easy deployment strategy using Github pages or Rsync</li>
|
|
<li>Built in support for POW and Rack servers</li>
|
|
<li>Easy theming with Compass and Sass</li>
|
|
<li>A Beautiful <a href="http://ethanschoonover.com/solarized">Solarized</a> syntax highlighting</li>
|
|
</ul>
|
|
|
|
|
|
<p>Be sure to check out the <a href="/octopress/docs">documentation</a> to get the full scoop.</p>
|
|
|
|
<h3>Plugins FTW</h3>
|
|
|
|
<p>Most of these plugins have been created just for Octopress, but a few come from the Jekyll community along with improvements and updates.</p>
|
|
|
|
<ul>
|
|
<li><a href="/octopress/docs/plugins/video-tag">HTML5 Video Tag</a> - <em>easily post mp4 HTML5 video with flash player fallback</em></li>
|
|
<li><a href="/octopress/docs/plugins/codeblock">Code Block</a> - <em>for easy inline code sharing</em></li>
|
|
<li><a href="/octopress/docs/plugins/include-code">Include Code</a> - <em>embed code from your filesystem</em></li>
|
|
<li><a href="/octopress/docs/plugins/gist-tag">Gist Tag</a> - <em>automatically downloads and embeds Github gists</em></li>
|
|
<li><a href="/octopress/docs/plugins/image-tag">Image Tag</a> - <em>easily post images with class names and titles</em></li>
|
|
<li><a href="/octopress/docs/plugins/render-partial">Render Partial</a> - <em>insert any file into another post or page</em></li>
|
|
<li><a href="/octopress/docs/plugins/blockquote">Blockquote</a> - <em>generate beautiful, semantic block quotes</em></li>
|
|
<li><a href="/octopress/docs/plugins/pullquote">Pullquote</a> - <em>generate CSS only pull quotes — no duplicate data, no javascript</em></li>
|
|
<li><a href="/octopress/docs/plugins/category-generator">Category Generator</a> - <em>generates archive pages for each blog category</em></li>
|
|
</ul>
|
|
|
|
|
|
<p>For more plugins check out the <a href="/octopress/docs/plugins">plugin list</a></p>
|
|
|
|
<h2>Ready to Get Started?</h2>
|
|
|
|
<p>Octopress is really easy to set up and deploy, <a href="/octopress/docs/setup">start here</a>.</p>
|
|
|
|
<p>For now that’s it. Check out the <a href="/octopress/docs">docs</a>, <a href="http://github.com/imathis/octopress">kick the tires</a>, post <a href="http://github.com/imathis/octopress/issues">issues</a> send me <a href="http://convore.com/octopress/support">support requests</a> and tell all your friends.</p>
|
|
|
|
<p>Oh, and if you like, follow <a href="http://twitter.com/octopress">@octopress</a> and <a href="http://twitter.com/imathis">@imathis</a> on Twitter.</p>
|
|
</div>
|
|
<footer>
|
|
<a rel="full-article" href="/octopress/blog/2011/07/23/octopress-20-surfaces/">Read on →</a>
|
|
</footer>
|
|
|
|
|
|
</article>
|
|
|
|
<nav role="pagination">
|
|
<div>
|
|
|
|
<a href="/octopress/blog/archives">Blog Archives</a>
|
|
|
|
</div>
|
|
</nav>
|
|
|
|
<script type="text/javascript">
|
|
var disqus_shortname = 'octopress';
|
|
(function () {
|
|
var s = document.createElement('script'); s.async = true;
|
|
s.type = 'text/javascript';
|
|
s.src = 'http://' + disqus_shortname + '.disqus.com/count.js';
|
|
(document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
|
|
}());
|
|
</script>
|
|
|
|
</div>
|
|
<aside role=sidebar>
|
|
|
|
|
|
<section>
|
|
<h1>Latest Tweets</h1>
|
|
<ul id="tweets">
|
|
<li class="loading">Status updating…</li>
|
|
</ul>
|
|
<script type="text/javascript">
|
|
$.domReady(function(){
|
|
getTwitterFeed("octopress", 4, false);
|
|
});
|
|
</script>
|
|
<script src="/octopress/javascripts/twitter.js" type="text/javascript"> </script>
|
|
|
|
<a href="http://twitter.com/octopress" class="twitter-follow-button" data-width="208px" data-show-count="false">Follow @octopress</a>
|
|
|
|
</section>
|
|
|
|
|
|
|
|
|
|
|
|
</aside>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
<footer><p>
|
|
Copyright © 2011 - Brandon Mathis -
|
|
<span class="credit">Powered by <a href="http://octopress.org">Octopress</a></span>
|
|
</p>
|
|
|
|
</footer>
|
|
</body>
|
|
</html>
|