<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <link rel="stylesheet" href="../../../../static/styles.css?h=ae0cc228"> <link rel="stylesheet" href="../../../../static/pygments.css"> <link rel="shortcut icon" href="../../../../static/favicon.png?h=fa09bedd"> <title>Lektor Loves Travis-CI and GitHub Pages | The Transcript | Lektor Static Content Management System</title> </head> <body class="default"> <nav class="navbar navbar-inverse navbar-static-top"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="../../../../">Lektor</a> </div> <div id="navbar" class="collapse navbar-collapse"> <ul class="nav navbar-nav"> <li><a href="../../../../downloads/">Download</a></li> <li><a href="../../../../docs/">Documentation</a></li> <li><a href="../../../../showcase/">Showcase</a></li> <li><a href="../../../../plugins/">Plugins</a></li> <li><a href="../../../../community/">Community</a></li> <li class="active"><a href="../../../">Blog</a></li> </ul> </div> </div> </nav> <div class="body-wrapper"> <div class="blog-post"> <div class="page-banner page-banner-500" style="background-image: url(header.jpg)"></div> <div class="container"> <div class="row"> <div class="col-md-8 col-md-offset-2"> <div class="meta-bar"> <h1>Lektor Loves Travis-CI and GitHub Pages</h1> <p class="meta"> by <a href="https://twitter.com/mitsuhiko">Armin Ronacher</a> on Wednesday, December 23, 2015 </p> </div> </div> </div> </div> <div class="container"> <div class="row"> <div class="col-md-8 col-md-offset-2"> <div class="text-block text-block-default"> <p>Open Source projects need websites, that's a given, and one of the most popular ways to host them these days is <a href="https://pages.github.com/" class="ext">GitHub Pages</a>. It's a free service provided by <a href="https://github.com/" class="ext">GitHub</a> which allows hosts a git repository as a website on a subdomain of <code>github.io</code>.</p> <p>Wouldn't it be nice if you could easily host Lektor projects on there? Turns out you can with the help of <a href="https://travis-ci.org/" class="ext">Travis-CI</a>. Because Lektor has built-in support for deploying to GitHub Pages pairing up the three is a breeze.</p> <p>We <a href="../../../../docs/deployment/travisci/" class="ref">created a guide</a> and also recorded a screencast that goes with it:</p> <iframe width="100%" height=410 frameborder="0" allowfullscreen="allowfullscreen" src="https://www.youtube.com/embed/3pj_EyZIL5A?autoplay=0&fs=1"> </iframe> </div> </div> </div> </div> <div class="container"> <div class="row"> <div class="col-md-8 col-md-offset-2"> <div class="nav-prev"> <a href="../hello-lektor/">Previous: Hello Lektor!</a> </div> <div class="nav-next"> <a href="../../../2016/3/road-to-lektor-2/">Next: Road to Lektor 2.0</a> </div> </div> </div> </div> </div> </div> <div class="bottomsummary"> <div class="container"> </div> </div> <footer> <div class="container"> <div class="row"> <div class="col-sm-4 icon-bar"> <a href="https://github.com/lektor/lektor/" title="Lektor on GitHub" ><i class="fa fa-github"></i></a> <a href="https://github.com/lektor/lektor/issues/" title="Report Issues for Lektor" ><i class="fa fa-bug"></i></a> <a href="https://twitter.com/getlektor" title="Find Lektor on Twitter" ><i class="fa fa-twitter"></i></a> <a href="https://gitter.im/lektor/lektor" title="Chat on Gitter" ><i class="fa fa-comment"></i></a> <a href="https://github.com/lektor/lektor-website/tree/master/content/blog/travis-and-ghpages/contents.lr" title="View source for this page"><i class="fa fa-code"></i></a> </div> <div class="col-sm-8"> <a href="../../../../license/">License & Copyright</a> • <a href="../../../../contact/">Contact</a> • Made with <i class="fa fa-fw fa-heart" title="Heart"><span hidden>Heart</span></i> in Carinthia </div> </div> </div> </footer> <script type=text/javascript src="../../../../static/app.js?h=bb1b933a" charset="utf-8"></script> <script> ((window.gitter = {}).chat = {}).options = { room: 'lektor/lektor', activationElement: null }; document.write('<button class="js-gitter-toggle-chat-button">Toggle Chat</button>'); var dnt = navigator.doNotTrack || window.doNotTrack || navigator.msDoNotTrack; if (dnt != "1" && dnt != "yes") { window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date; ga('create', 'UA-70822533-1', 'auto'); ga('set', 'anonymizeIp', true); ga('send', 'pageview'); } else { console.debug("Respecting Do-Not-Track, not running analytics."); } </script> <script async src='https://www.google-analytics.com/analytics.js'></script> <script async defer id="github-bjs" src="https://buttons.github.io/buttons.js"></script> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script> <script src="https://sidecar.gitter.im/dist/sidecar.v1.js" async defer></script> </body> </html>