599 lines
24 KiB
HTML
599 lines
24 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="robots" content="all,follow">
|
|
<meta name="googlebot" content="index,follow,snippet,archive">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
<title>Blogs</title>
|
|
|
|
<meta name="author" content="" />
|
|
<meta name="keywords" content="">
|
|
|
|
|
|
|
|
<meta name="generator" content="Hugo 0.18" />
|
|
|
|
<link href='//fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,500,700,800' rel='stylesheet' type='text/css'>
|
|
|
|
|
|
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
|
|
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
|
|
|
|
|
|
<link href="https://example.orgcss/animate.css" rel="stylesheet">
|
|
|
|
|
|
|
|
<link href="https://example.orgcss/style.blue.css" rel="stylesheet" id="theme-stylesheet">
|
|
|
|
|
|
|
|
|
|
<link href="https://example.orgcss/custom.css" rel="stylesheet">
|
|
|
|
|
|
|
|
|
|
|
|
<link rel="shortcut icon" href="https://example.orgimg/favicon.ico" type="image/x-icon" />
|
|
<link rel="apple-touch-icon" href="https://example.orgimg/apple-touch-icon.png" />
|
|
|
|
|
|
<link href="https://example.orgcss/owl.carousel.css" rel="stylesheet">
|
|
<link href="https://example.orgcss/owl.theme.css" rel="stylesheet">
|
|
|
|
<link rel="alternate" href="https://example.org/index.xml" type="application/rss+xml" title="Public Money, Public Code">
|
|
|
|
|
|
<meta property="og:title" content="Blogs" />
|
|
<meta property="og:type" content="website" />
|
|
<meta property="og:url" content="/blog//" />
|
|
<meta property="og:image" content="img/logo.png" />
|
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
|
<div id="all">
|
|
|
|
<header>
|
|
|
|
<div class="navbar-affixed-top" data-spy="affix" data-offset-top="200">
|
|
|
|
<div class="navbar navbar-default yamm" role="navigation" id="navbar">
|
|
|
|
<div class="container">
|
|
<div class="navbar-header">
|
|
<a class="navbar-brand home" href="https://example.org">
|
|
<img src="https://example.orgimg/logo.png" alt="Blogs logo" class="hidden-xs hidden-sm">
|
|
<img src="https://example.orgimg/logo-small.png" alt="Blogs logo" class="visible-xs visible-sm">
|
|
<span class="sr-only">Blogs - go to homepage</span>
|
|
</a>
|
|
<div class="navbar-buttons">
|
|
<button type="button" class="navbar-toggle btn-template-main" data-toggle="collapse" data-target="#navigation">
|
|
<span class="sr-only">Toggle navigation</span>
|
|
<i class="fa fa-align-justify"></i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="navbar-collapse collapse" id="navigation">
|
|
<ul class="nav navbar-nav navbar-right">
|
|
|
|
<li class="dropdown">
|
|
<a href="/">Home</a>
|
|
</li>
|
|
|
|
<li class="dropdown">
|
|
<a href="/faq/">FAQ</a>
|
|
</li>
|
|
|
|
<li class="dropdown">
|
|
<a href="/contact/">Contact</a>
|
|
</li>
|
|
|
|
</ul>
|
|
</div>
|
|
|
|
|
|
<div class="collapse clearfix" id="search">
|
|
|
|
<form class="navbar-form" role="search">
|
|
<div class="input-group">
|
|
<input type="text" class="form-control" placeholder="Search">
|
|
<span class="input-group-btn">
|
|
|
|
<button type="submit" class="btn btn-template-main"><i class="fa fa-search"></i></button>
|
|
|
|
</span>
|
|
</div>
|
|
</form>
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</header>
|
|
|
|
<div id="heading-breadcrumbs">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<h1>Blogs</h1>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div id="content">
|
|
<div class="container">
|
|
<div class="row">
|
|
|
|
|
|
<div class="col-md-9" id="blog-listing-medium">
|
|
|
|
|
|
|
|
<section class="post">
|
|
<div class="row">
|
|
<div class="col-md-4">
|
|
<div class="image">
|
|
<a href="https://example.org/blog/2015/10/10/migrate-from-jekyll/">
|
|
|
|
<img src="https://example.orgimg/banners/banner-5.jpg" class="img-responsive" alt="">
|
|
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-8">
|
|
<h2><a href="https://example.org/blog/2015/10/10/migrate-from-jekyll/">Migrate from Jekyll</a></h2>
|
|
<div class="clearfix">
|
|
<p class="author-category">
|
|
|
|
|
|
|
|
in <a href="https://example.orgcategories/lorem">lorem</a>
|
|
|
|
|
|
|
|
</p>
|
|
<p class="date-comments">
|
|
<a href="https://example.org/blog/2015/10/10/migrate-from-jekyll/"><i class="fa fa-calendar-o"></i> October 10, 2015</a>
|
|
</p>
|
|
</div>
|
|
<p class="intro">Move static content to static Jekyll has a rule that any directory not starting with _ will be copied as-is to the _site output. Hugo keeps all static content under static. You should therefore move it all there. With Jekyll, something that looked like
|
|
▾ <root>/ ▾ images/ logo.png should become
|
|
▾ <root>/ ▾ static/ ▾ images/ logo.png Additionally, you’ll want any files that should reside at the root (such as CNAME) to be moved to static.</p>
|
|
<p class="read-more"><a href="https://example.org/blog/2015/10/10/migrate-from-jekyll/" class="btn btn-template-main">Continue reading</a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="post">
|
|
<div class="row">
|
|
<div class="col-md-4">
|
|
<div class="image">
|
|
<a href="https://example.org/blog/2015/10/02/linked-post/">
|
|
|
|
<img src="https://example.orgimg/banners/banner-4.jpg" class="img-responsive" alt="">
|
|
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-8">
|
|
<h2><a href="https://example.org/blog/2015/10/02/linked-post/">Linked post</a></h2>
|
|
<div class="clearfix">
|
|
<p class="author-category">
|
|
|
|
By <a href="#">John Doe</a>
|
|
|
|
|
|
|
|
in <a href="https://example.orgcategories/programming">programming</a>
|
|
|
|
|
|
|
|
</p>
|
|
<p class="date-comments">
|
|
<a href="https://example.org/blog/2015/10/02/linked-post/"><i class="fa fa-calendar-o"></i> October 2, 2015</a>
|
|
</p>
|
|
</div>
|
|
<p class="intro">I’m a linked post in the menu. You can add other posts by adding the following line to the frontmatter:
|
|
menu = "main" Lorem ipsum dolor sit amet, consectetur adipiscing elit. In mauris nulla, vestibulum vel auctor sed, posuere eu lorem. Aliquam consequat augue ut accumsan mollis. Suspendisse malesuada sodales tincidunt. Vivamus sed erat ac augue bibendum porta sed id ipsum. Ut mollis mauris eget ligula sagittis cursus. Aliquam id pharetra tellus.</p>
|
|
<p class="read-more"><a href="https://example.org/blog/2015/10/02/linked-post/" class="btn btn-template-main">Continue reading</a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="post">
|
|
<div class="row">
|
|
<div class="col-md-4">
|
|
<div class="image">
|
|
<a href="https://example.org/blog/2015/09/17/go-is-for-lovers/">
|
|
|
|
<img src="https://example.orgimg/banners/banner-2.jpg" class="img-responsive" alt="">
|
|
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-8">
|
|
<h2><a href="https://example.org/blog/2015/09/17/go-is-for-lovers/">Go is for lovers</a></h2>
|
|
<div class="clearfix">
|
|
<p class="author-category">
|
|
|
|
|
|
|
|
in <a href="https://example.orgcategories/programming">programming</a>
|
|
|
|
|
|
|
|
</p>
|
|
<p class="date-comments">
|
|
<a href="https://example.org/blog/2015/09/17/go-is-for-lovers/"><i class="fa fa-calendar-o"></i> September 17, 2015</a>
|
|
</p>
|
|
</div>
|
|
<p class="intro">Hugo uses the excellent go html/template library for its template engine. It is an extremely lightweight engine that provides a very small amount of logic. In our experience that it is just the right amount of logic to be able to create a good static website. If you have used other template systems from different languages or frameworks you will find a lot of similarities in go templates.
|
|
This document is a brief primer on using go templates.</p>
|
|
<p class="read-more"><a href="https://example.org/blog/2015/09/17/go-is-for-lovers/" class="btn btn-template-main">Continue reading</a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="post">
|
|
<div class="row">
|
|
<div class="col-md-4">
|
|
<div class="image">
|
|
<a href="https://example.org/blog/2015/08/03/hugo-is-for-lovers/">
|
|
|
|
<img src="https://example.orgimg/banners/banner-3.jpg" class="img-responsive" alt="">
|
|
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-8">
|
|
<h2><a href="https://example.org/blog/2015/08/03/hugo-is-for-lovers/">Hugo is for lovers</a></h2>
|
|
<div class="clearfix">
|
|
<p class="author-category">
|
|
|
|
|
|
|
|
in <a href="https://example.orgcategories/pseudo">pseudo</a>
|
|
|
|
|
|
|
|
</p>
|
|
<p class="date-comments">
|
|
<a href="https://example.org/blog/2015/08/03/hugo-is-for-lovers/"><i class="fa fa-calendar-o"></i> August 3, 2015</a>
|
|
</p>
|
|
</div>
|
|
<p class="intro">Step 1. Install Hugo Goto hugo releases and download the appropriate version for your os and architecture.
|
|
Save it somewhere specific as we will be using it in the next step.
|
|
More complete instructions are available at installing hugo
|
|
Step 2. Build the Docs Hugo has its own example site which happens to also be the documentation site you are reading right now.
|
|
Follow the following steps:
|
|
Clone the hugo repository Go into the repo Run hugo in server mode and build the docs Open your browser to http://localhost:1313 Corresponding pseudo commands:</p>
|
|
<p class="read-more"><a href="https://example.org/blog/2015/08/03/hugo-is-for-lovers/" class="btn btn-template-main">Continue reading</a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="post">
|
|
<div class="row">
|
|
<div class="col-md-4">
|
|
<div class="image">
|
|
<a href="https://example.org/blog/2015/06/24/creating-a-new-theme/">
|
|
|
|
<img src="https://example.orgimg/banners/banner-1.jpg" class="img-responsive" alt="">
|
|
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-8">
|
|
<h2><a href="https://example.org/blog/2015/06/24/creating-a-new-theme/">Creating a new theme</a></h2>
|
|
<div class="clearfix">
|
|
<p class="author-category">
|
|
|
|
|
|
|
|
in <a href="https://example.orgcategories/starting">starting</a>
|
|
|
|
|
|
|
|
</p>
|
|
<p class="date-comments">
|
|
<a href="https://example.org/blog/2015/06/24/creating-a-new-theme/"><i class="fa fa-calendar-o"></i> June 24, 2015</a>
|
|
</p>
|
|
</div>
|
|
<p class="intro">Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I’ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won’t cover using CSS to style your theme.
|
|
We’ll start with creating a new site with a very basic template.</p>
|
|
<p class="read-more"><a href="https://example.org/blog/2015/06/24/creating-a-new-theme/" class="btn btn-template-main">Continue reading</a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
<ul class="pager">
|
|
|
|
<li class="previous disabled"><a href="#">← Newer</a></li>
|
|
|
|
|
|
|
|
<li class="next disabled"><a href="#">Older →</a></li>
|
|
|
|
</ul>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="col-md-3">
|
|
|
|
|
|
|
|
|
|
|
|
<div class="panel panel-default sidebar-menu">
|
|
|
|
<div class="panel-heading">
|
|
<h3 class="panel-title">Search</h3>
|
|
</div>
|
|
|
|
<div class="panel-body">
|
|
<form action="//google.com/search" method="get" accept-charset="UTF-8" role="search">
|
|
<div class="input-group">
|
|
<input type="search" name="q" results="0" class="form-control" placeholder="Search">
|
|
<input type="hidden" name="q" value="site:https://example.org">
|
|
<span class="input-group-btn">
|
|
<button type="submit" class="btn btn-template-main"><i class="fa fa-search"></i></button>
|
|
</span>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="panel panel-default sidebar-menu">
|
|
|
|
<div class="panel-heading">
|
|
<h3 class="panel-title">Categories</h3>
|
|
</div>
|
|
|
|
<div class="panel-body">
|
|
<ul class="nav nav-pills nav-stacked">
|
|
|
|
<li><a href="https://example.orgcategories/lorem">lorem (1)</a>
|
|
</li>
|
|
|
|
<li><a href="https://example.orgcategories/programming">programming (2)</a>
|
|
</li>
|
|
|
|
<li><a href="https://example.orgcategories/pseudo">pseudo (1)</a>
|
|
</li>
|
|
|
|
<li><a href="https://example.orgcategories/starting">starting (1)</a>
|
|
</li>
|
|
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="panel sidebar-menu">
|
|
<div class="panel-heading">
|
|
<h3 class="panel-title">Tags</h3>
|
|
</div>
|
|
|
|
<div class="panel-body">
|
|
<ul class="tag-cloud">
|
|
|
|
<li><a href="https://example.orgtags/go"><i class="fa fa-tags"></i> go</a>
|
|
</li>
|
|
|
|
<li><a href="https://example.orgtags/golang"><i class="fa fa-tags"></i> golang</a>
|
|
</li>
|
|
|
|
<li><a href="https://example.orgtags/hugo"><i class="fa fa-tags"></i> hugo</a>
|
|
</li>
|
|
|
|
<li><a href="https://example.orgtags/ipsum"><i class="fa fa-tags"></i> ipsum</a>
|
|
</li>
|
|
|
|
<li><a href="https://example.orgtags/programming"><i class="fa fa-tags"></i> programming</a>
|
|
</li>
|
|
|
|
<li><a href="https://example.orgtags/theme"><i class="fa fa-tags"></i> theme</a>
|
|
</li>
|
|
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
<footer id="footer">
|
|
<div class="container">
|
|
|
|
|
|
<div class="col-md-4 col-sm-6">
|
|
<h4>About us</h4>
|
|
|
|
<p><em>Public Money, Public Code</em> is a campaign by the <a href='https://fsfe.org'>Free Software Foundation Europe</a></p>
|
|
|
|
<hr class="hidden-md hidden-lg hidden-sm">
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="col-md-4 col-sm-6">
|
|
|
|
<h4>Recent posts</h4>
|
|
|
|
<div class="blog-entries">
|
|
|
|
<div class="item same-height-row clearfix">
|
|
<div class="image same-height-always">
|
|
<a href="https://example.org/blog/2015/10/10/migrate-from-jekyll/">
|
|
|
|
<img src="https://example.orgimg/banners/banner-5.jpg" class="img-responsive" alt="">
|
|
|
|
</a>
|
|
</div>
|
|
<div class="name same-height-always">
|
|
<h5><a href="https://example.org/blog/2015/10/10/migrate-from-jekyll/">Migrate from Jekyll</a></h5>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="item same-height-row clearfix">
|
|
<div class="image same-height-always">
|
|
<a href="https://example.org/blog/2015/10/02/linked-post/">
|
|
|
|
<img src="https://example.orgimg/banners/banner-4.jpg" class="img-responsive" alt="">
|
|
|
|
</a>
|
|
</div>
|
|
<div class="name same-height-always">
|
|
<h5><a href="https://example.org/blog/2015/10/02/linked-post/">Linked post</a></h5>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="item same-height-row clearfix">
|
|
<div class="image same-height-always">
|
|
<a href="https://example.org/blog/2015/09/17/go-is-for-lovers/">
|
|
|
|
<img src="https://example.orgimg/banners/banner-2.jpg" class="img-responsive" alt="">
|
|
|
|
</a>
|
|
</div>
|
|
<div class="name same-height-always">
|
|
<h5><a href="https://example.org/blog/2015/09/17/go-is-for-lovers/">Go is for lovers</a></h5>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<hr class="hidden-md hidden-lg">
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="col-md-4 col-sm-6">
|
|
|
|
<h4>Contact</h4>
|
|
|
|
<p><strong>FSFE</strong>
|
|
<br>Email: contact@fsfe.org
|
|
</p>
|
|
|
|
|
|
<a href="/contact" class="btn btn-small btn-template-main">Go to contact page</a>
|
|
|
|
<hr class="hidden-md hidden-lg hidden-sm">
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</footer>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div id="copyright">
|
|
<div class="container">
|
|
<div class="col-md-12">
|
|
|
|
<p class="pull-left">Copyright (c) 2016 Free Software Foundation Europe. Verbatim copying and distribution of this entire article is permitted in any medium, provided this notice is preserved. </p>
|
|
|
|
<p class="pull-right">
|
|
Template by <a href="http://bootstrapious.com/free-templates">Bootstrapious</a>.
|
|
|
|
|
|
Ported to Hugo by <a href="https://github.com/devcows/hugo-universal-theme">DevCows</a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
|
|
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
|
|
|
|
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
|
|
<script src="//cdnjs.cloudflare.com/ajax/libs/waypoints/2.0.5/waypoints.min.js"></script>
|
|
<script src="//cdnjs.cloudflare.com/ajax/libs/Counter-Up/1.0/jquery.counterup.min.js"></script>
|
|
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-parallax/1.1.3/jquery-parallax.js"></script>
|
|
<script src="//maps.googleapis.com/maps/api/js?v=3.exp"></script>
|
|
<script src="https://example.orgjs/hpneo.gmaps.js"></script>
|
|
<script src="https://example.orgjs/gmaps.init.js"></script>
|
|
<script src="https://example.orgjs/front.js"></script>
|
|
|
|
|
|
<script src="https://example.orgjs/owl.carousel.min.js"></script>
|
|
|
|
|
|
</body>
|
|
</html>
|