123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148 |
- <!DOCTYPE html>
- <html lang="pt-BR">
- <head>
- <meta charset="utf-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <meta name="description" content="Alguém Tem Blog? Ninguém Tem Blog!">
- <meta name="author" content="Hacklab Independência <hiatobr@riseup.net>">
- <link rel="icon" href="./favicon.ico">
- <title>Mão na massa!</title>
- <link href="./css/estilos.css" rel="stylesheet">
- <!-- Bootstrap core CSS -->
- <link href="./bootstrap/css/bootstrap.css" rel="stylesheet">
- <link href="./bootstrap/css/bootstrap.css.map" rel="stylesheet">
- <link href="./bootstrap/css/bootstrap.min.css" rel="stylesheet">
- <link href="./bootstrap/css/bootstrap-theme.css" rel="stylesheet">
- <link href="./bootstrap/css/bootstrap-theme.css.map" rel="stylesheet">
- <link href="./bootstrap/css/bootstrap-theme.min.css" rel="stylesheet">
- <!-- SocialSharePrivacy -->
- <link rel='stylesheet' type='text/css' href='./css/jquery.socialshareprivacy.min.css' />
- <script type="text/javascript" src="./javascripts/jquery-1.11.1.min.js"></script>
- <script type="text/javascript" src="./javascripts/jquery.cookies.js"></script>
- <script type="text/javascript" src="./javascripts/jquery.socialshareprivacy.min.js"></script>
- <script type="text/javascript" src="./javascripts/jquery.socialshareprivacy.min.pt.js"></script>
- <script type="text/javascript">
- $(document).ready(function () {
- $('.share').socialSharePrivacy();
- });
- </script>
- <!-- Custom styles for this template -->
- <link href="./bootstrap/jumbotron-narrow.css" rel="stylesheet">
- <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
- <!--[if lt IE 9]>
- <script src="./js/html5shiv.min.js"></script>
- <script src="./js/respond.min.js"></script>
- <![endif]-->
- </head>
- <body>
- <!-- Fixed navbar -->
- <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
- <div class="container">
- <div class="navbar-header">
- <a class="navbar-brand" href="./">Ninguém Tem Blog!</a>
- </div>
- <div id="navbar" class="navbar-collapse collapse">
- <ul class="nav navbar-nav">
- <li class="separador"><span> </span></li>
- <li><a href="./criar.html">Crie um blog</a></li>
- <li class="separador"><span> </span></li>
- <li><a href="./quem.html">Quem tem blog?</a></li>
- <li class="separador"><span> </span></li>
- <li><a href="http://alguem.tem.blog.br/">Nosso blog</a></li>
- </ul>
- </div><!--/.nav-collapse -->
- </div>
- </nav>
- <div class="container">
- <div class="jumbotron">
- <h1>Lista de softwares para blog</h1>
- <p class="lead">Aqui há softwares que servem para hospedagem própria ou terceirizada.</p>
- <p class="lead">Onde é possível, está indicado um manual ou tutorial para que faças tu mesma(o).</p>
- </div>
- <div class="row marketing">
- <div class="col-lg-12">
- <p>No momento só tive tempo para dizer como fazer um blog com ikiwiki.</p>
- <hr>
- <h2>Ikiwiki</h2>
- <p class="lead">Ikiwiki é um sistema para wikis, sites e blogs. É um dos principais utilizados neste site. Ikiwiki funciona com Perl e precisa de um servidor Linux ou pode ser hospedada em um serviço comercial.</p>
- <p><a class="btn btn-primary" href="http://ikiwiki.info/" role="button">ikiwiki.info »</a></p>
- <hr>
- <h3>1 - Instalar</h3>
- <p class="lead">Na wiki da ikiwiki existe um tutorial sobre como instalar o software em um servidor com perl. É necessário saber usar um shell, a famosa linha de comando. Sim, é linux.</p>
- <p><a class="btn btn-primary" href="http://ikiwiki.info/setup/" role="button">/setup »</a></p>
- <hr>
- <h3>2 - Transformar a wiki em blog</h3>
- <p class="lead">Para transformar a wiki em um blog é absolutamente simples, e está documentado na wiki da ikiwiki o processo.</p>
- <p class="lead">Também é possível ter uma wiki inteira com um subdiretório sendo o blog. Ou então, na mesma lógica, uma página inicial e o blog em um subdiretório como por exemplo <i>http://example.com/blog</i>.</p>
- <p><a class="btn btn-primary" href="http://ikiwiki.info/examples/blog/" role="button">/examples/blog »</a></p>
- <hr>
- <h3>3 - Mudar o tema padrão</h3>
- <p class="lead">O tema padrão é legível, mas provavelmente ninguém vai ler teu blog porque as pessoas não querem coisas legíveis, elas querem coisas que façam elas ter vontade de ler.</p>
- <p class="lead">Deve existir um limite, não sei, entre fazer o olho acompanhar a tela e encher o site de firulas inúteis. Veja <a href="http://motherfuckinwebsite.com" target="_blank">este site</a> (em inglês) para saber qual é o limite para mim.</p>
- <p class="lead">Por aqui a gente usa bootstrap e tem um tema em constante desenvolvimento e aprimoramento. O código deste tema está no mesmo lugar que o código deste site. As instruções para instalação estão no repositório.</p>
- <p><a class="btn btn-primary" href="https://notabug.org/hiatobr/ikiwiki-bootstrap-theme-2" role="button">ikiwiki-bootstrap-theme-2 »</a></p>
- <h3>4 - Adicionar Open Graph</h3>
- <p class="lead">Eu não recomendo isto. Open Graph é spyware.</p>
- <p class="lead">Quem quiser botar spyware no seu blog siga as instruções do repositório do plugin feito para este fim.</p>
- <p><a class="btn btn-primary" href="https://notabug.org/hiatobr/ikiwiki-plugin-opengraph" role="button">ikiwiki-plugin-opengraph »</a></p>
- <h3>5 - Divulgue</h3>
- <p class="lead">Agora que tu botou Open Graph, e eu disse pra não botar, é mais fácil divulgar o blog nas redes anti sociais por aí.</p>
- <p class="lead">E também a única forma de fazer as pessoas lerem é este, afinal as redes anti sociais são como as calçadas, as pessoas vão passar por elas porque têm que fazer qualquer coisa menos ler o teu blog. Se tu não colar adesivos nos postes, elas nunca vão ver as tuas idéias. A não ser que tu seja o Leonardo e a tua ideia seja a Gioconda. Aí as pessoas vão viajar muito longe e aguardar muito tempo só pra ver a tua ideia.</p>
- </div>
- </div>
- <hr>
- <h2>Gostou? Conte às(aos) amigas(os). Não gostou? Manda para as(os) inimigas(os)!</h2>
-
- <div class='share'></div>
-
- <hr>
- <div class="footer">
- <p>
- <span>Kopimi <a href="https://hi.ato.br/" target="_blank">Hacklab Independência</a> 2013-2015.</span>
- <span>Este site usa <a href='http://getbootstrap.com/' target='_blank'>Bootstrap</a> e <a href='http://www.heise.de/extras/socialshareprivacy/' target='_blank'>SocialSharePrivacy</a>.</span>
- <span><a href="https://notabug.org/hiatobr/ninguem.tem.blog.br" target="_blank">Código fonte</a> de ninguem.tem.blog.br</span>
- </p>
- <p>
- <a href="https://notabug.org/hiatobr/ninguem.tem.blog.br" target="_blank"><img src='https://notabug.org/img/favicon.png' /></a>
- <span><img src='./imagens/html5.png' /></span>
- <span><img src='./imagens/gnu.png' /></span>
- <span><img src='./imagens/kopimi.png' /></span>
- <span><img src='./imagens/anarchism.png' /></span>
- <span><img src='./imagens/piratbyran.png' /></span>
- <span><img src='./imagens/metarec.png' /></span>
- <span><img src='./imagens/glider.png' /></span>
- </p>
- </div>
- </div> <!-- /container -->
- <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
- <script src="./js/ie10-viewport-bug-workaround.js"></script>
- </body>
- </html>
|