fazer.html 7.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148
  1. <!DOCTYPE html>
  2. <html lang="pt-BR">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <meta name="description" content="Alguém Tem Blog? Ninguém Tem Blog!">
  8. <meta name="author" content="Hacklab Independência <hiatobr@riseup.net>">
  9. <link rel="icon" href="./favicon.ico">
  10. <title>Mão na massa!</title>
  11. <link href="./css/estilos.css" rel="stylesheet">
  12. <!-- Bootstrap core CSS -->
  13. <link href="./bootstrap/css/bootstrap.css" rel="stylesheet">
  14. <link href="./bootstrap/css/bootstrap.css.map" rel="stylesheet">
  15. <link href="./bootstrap/css/bootstrap.min.css" rel="stylesheet">
  16. <link href="./bootstrap/css/bootstrap-theme.css" rel="stylesheet">
  17. <link href="./bootstrap/css/bootstrap-theme.css.map" rel="stylesheet">
  18. <link href="./bootstrap/css/bootstrap-theme.min.css" rel="stylesheet">
  19. <!-- SocialSharePrivacy -->
  20. <link rel='stylesheet' type='text/css' href='./css/jquery.socialshareprivacy.min.css' />
  21. <script type="text/javascript" src="./javascripts/jquery-1.11.1.min.js"></script>
  22. <script type="text/javascript" src="./javascripts/jquery.cookies.js"></script>
  23. <script type="text/javascript" src="./javascripts/jquery.socialshareprivacy.min.js"></script>
  24. <script type="text/javascript" src="./javascripts/jquery.socialshareprivacy.min.pt.js"></script>
  25. <script type="text/javascript">
  26. $(document).ready(function () {
  27. $('.share').socialSharePrivacy();
  28. });
  29. </script>
  30. <!-- Custom styles for this template -->
  31. <link href="./bootstrap/jumbotron-narrow.css" rel="stylesheet">
  32. <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  33. <!--[if lt IE 9]>
  34. <script src="./js/html5shiv.min.js"></script>
  35. <script src="./js/respond.min.js"></script>
  36. <![endif]-->
  37. </head>
  38. <body>
  39. <!-- Fixed navbar -->
  40. <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
  41. <div class="container">
  42. <div class="navbar-header">
  43. <a class="navbar-brand" href="./">Ningu&eacute;m Tem Blog&excl;</a>
  44. </div>
  45. <div id="navbar" class="navbar-collapse collapse">
  46. <ul class="nav navbar-nav">
  47. <li class="separador"><span>&nbsp;</span></li>
  48. <li><a href="./criar.html">Crie um blog</a></li>
  49. <li class="separador"><span>&nbsp;</span></li>
  50. <li><a href="./quem.html">Quem tem blog&quest;</a></li>
  51. <li class="separador"><span>&nbsp;</span></li>
  52. <li><a href="http://alguem.tem.blog.br/">Nosso blog</a></li>
  53. </ul>
  54. </div><!--/.nav-collapse -->
  55. </div>
  56. </nav>
  57. <div class="container">
  58. <div class="jumbotron">
  59. <h1>Lista de softwares para blog</h1>
  60. <p class="lead">Aqui h&aacute; softwares que servem para hospedagem pr&oacute;pria ou terceirizada.</p>
  61. <p class="lead">Onde &eacute; poss&iacute;vel, est&aacute; indicado um manual ou tutorial para que fa&ccedil;as tu mesma(o).</p>
  62. </div>
  63. <div class="row marketing">
  64. <div class="col-lg-12">
  65. <p>No momento s&oacute; tive tempo para dizer como fazer um blog com ikiwiki.</p>
  66. <hr>
  67. <h2>Ikiwiki</h2>
  68. <p class="lead">Ikiwiki &eacute; um sistema para wikis, sites e blogs. &Eacute; um dos principais utilizados neste site. Ikiwiki funciona com Perl e precisa de um servidor Linux ou pode ser hospedada em um servi&ccedil;o comercial.</p>
  69. <p><a class="btn btn-primary" href="http://ikiwiki.info/" role="button">ikiwiki.info »</a></p>
  70. <hr>
  71. <h3>1 - Instalar</h3>
  72. <p class="lead">Na wiki da ikiwiki existe um tutorial sobre como instalar o software em um servidor com perl. &Eacute; necess&aacute;rio saber usar um shell, a famosa linha de comando. Sim, &eacute; linux.</p>
  73. <p><a class="btn btn-primary" href="http://ikiwiki.info/setup/" role="button">/setup »</a></p>
  74. <hr>
  75. <h3>2 - Transformar a wiki em blog</h3>
  76. <p class="lead">Para transformar a wiki em um blog &eacute; absolutamente simples, e est&aacute; documentado na wiki da ikiwiki o processo.</p>
  77. <p class="lead">Tamb&eacute;m &eacute; poss&iacute;vel ter uma wiki inteira com um subdiret&oacute;rio sendo o blog. Ou ent&atilde;o, na mesma l&oacute;gica, uma p&aacute;gina inicial e o blog em um subdiret&oacute;rio como por exemplo <i>http://example.com/blog</i>.</p>
  78. <p><a class="btn btn-primary" href="http://ikiwiki.info/examples/blog/" role="button">/examples/blog »</a></p>
  79. <hr>
  80. <h3>3 - Mudar o tema padr&atilde;o</h3>
  81. <p class="lead">O tema padr&atilde;o &eacute; leg&iacute;vel, mas provavelmente ningu&eacute;m vai ler teu blog porque as pessoas n&atilde;o querem coisas leg&iacute;veis, elas querem coisas que fa&ccedil;am elas ter vontade de ler.</p>
  82. <p class="lead">Deve existir um limite, n&atilde;o sei, entre fazer o olho acompanhar a tela e encher o site de firulas in&uacute;teis. Veja <a href="http://motherfuckinwebsite.com" target="_blank">este site</a> (em ingl&ecirc;s) para saber qual &eacute; o limite para mim.</p>
  83. <p class="lead">Por aqui a gente usa bootstrap e tem um tema em constante desenvolvimento e aprimoramento. O c&oacute;digo deste tema est&aacute; no mesmo lugar que o c&oacute;digo deste site. As instru&ccedil;&otilde;es para instala&ccedil;&atilde;o est&atilde;o no reposit&oacute;rio.</p>
  84. <p><a class="btn btn-primary" href="https://notabug.org/hiatobr/ikiwiki-bootstrap-theme-2" role="button">ikiwiki-bootstrap-theme-2 »</a></p>
  85. <h3>4 - Adicionar Open Graph</h3>
  86. <p class="lead">Eu n&atilde;o recomendo isto. Open Graph &eacute; spyware.</p>
  87. <p class="lead">Quem quiser botar spyware no seu blog siga as instru&ccedil;&otilde;es do reposit&oacute;rio do plugin feito para este fim.</p>
  88. <p><a class="btn btn-primary" href="https://notabug.org/hiatobr/ikiwiki-plugin-opengraph" role="button">ikiwiki-plugin-opengraph »</a></p>
  89. <h3>5 - Divulgue</h3>
  90. <p class="lead">Agora que tu botou Open Graph, e eu disse pra n&atilde;o botar, &eacute; mais f&aacute;cil divulgar o blog nas redes anti sociais por a&iacute;.</p>
  91. <p class="lead">E tamb&eacute;m a &uacute;nica forma de fazer as pessoas lerem &eacute; este, afinal as redes anti sociais s&atilde;o como as cal&ccedil;adas, as pessoas v&atilde;o passar por elas porque t&ecirc;m que fazer qualquer coisa menos ler o teu blog. Se tu n&atilde;o colar adesivos nos postes, elas nunca v&atilde;o ver as tuas id&eacute;ias. A n&atilde;o ser que tu seja o Leonardo e a tua ideia seja a Gioconda. A&iacute; as pessoas v&atilde;o viajar muito longe e aguardar muito tempo s&oacute; pra ver a tua ideia.</p>
  92. </div>
  93. </div>
  94. <hr>
  95. <h2>Gostou&quest; Conte &agrave;s(aos) amigas(os). N&atilde;o gostou&quest; Manda para as(os) inimigas(os)&excl;</h2>
  96. &nbsp;
  97. <div class='share'></div>
  98. &nbsp;
  99. <hr>
  100. <div class="footer">
  101. <p>
  102. <span>Kopimi <a href="https://hi.ato.br/" target="_blank">Hacklab Independ&ecirc;ncia</a> 2013-2015.</span>
  103. <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>
  104. <span><a href="https://notabug.org/hiatobr/ninguem.tem.blog.br" target="_blank">C&oacute;digo fonte</a> de ninguem.tem.blog.br</span>
  105. </p>
  106. <p>
  107. <a href="https://notabug.org/hiatobr/ninguem.tem.blog.br" target="_blank"><img src='https://notabug.org/img/favicon.png' /></a>
  108. <span><img src='./imagens/html5.png' /></span>
  109. <span><img src='./imagens/gnu.png' /></span>
  110. <span><img src='./imagens/kopimi.png' /></span>
  111. <span><img src='./imagens/anarchism.png' /></span>
  112. <span><img src='./imagens/piratbyran.png' /></span>
  113. <span><img src='./imagens/metarec.png' /></span>
  114. <span><img src='./imagens/glider.png' /></span>
  115. </p>
  116. </div>
  117. </div> <!-- /container -->
  118. <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
  119. <script src="./js/ie10-viewport-bug-workaround.js"></script>
  120. </body>
  121. </html>