zrobit.github.io/index.html at master · zrobit/zrobit.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
<!DOCTYPE html>
<html lang="es">
  <head>
    <meta charset="utf-8">
    <title>zrobit blog</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="static/styles/main.css" rel="stylesheet">
  </head>
  <body id="body">
    <div id="page" class="page">
      <header id="header" class="header">
        <div class="header-inner">
          <nav class="nav-main">
            <ul class="nav-menu">
              <li><a href="#" class="btn-menu"><i class="icon-menu"></i>más</a></li>
            </ul>
            <ul class="nav-inline">
              <li><a href="">Posts</a></li>
              <li><a href="">Lorem</a></li>
              <li><a href="">Code</a></li>
            </ul>
            <ul class="nav-social">
              <li><a href="https://twitter.com/zrobit"><i class="icon-twitter"></i>Twitter</a></li>
              <li> <a href="https://github.com/zrobit"><i class="icon-github"></i>Github</a></li>
            </ul>
          </nav>
        </div>
      </header>
      <section id="content" class="content">
        <div class="home">
          <div class="hello">
            <p class="first">Hello</p>
            <p class="second">Let's code!</p>
          </div>
          <div class="content-inner">
            <article><h1 id="hello-world">Hello world</h1>
<h3 id="post-update-2016-01-02-">Post Update: [2016-01-02]</h3>
<p>Hola que tal esto es un blog generado para
<a href="https://pages.github.com/">github pages</a>
pero sin utilizar Jekyll, he creado un pequeño generador utilizando nodejs y
algunos paquetes cools de npm como Jade, Stylus y Markdown este es el
repositorio del blog
<a href="https://github.com/zrobit/zrobit.github.io">zrobit.github.io</a></p>
<h2 id="qu-sigue">Qué sigue</h2>
<p>La idea es que este blog me sirva para compartir código; además iré actualizando
la estética del blog asi como también la librería que he creado para generar
este blog estático :)</p>
<h2 id="motivaci-n">Motivación</h2>
<ul>
<li>Mi principal motivación es enseñar las cosas que aprendo día a día de este mundo apasionante de escribir software.</li>
<li>Me sirve como repositorio de las cosas que he aprendido para luego consultarlas en el futuro cuando las necesite.</li>
<li>Y la más importante es que casi no he escrito en la web siempre he estado del lado del código; sin compartir nada significativo más que en mi cuenta de twitter <a href="https://twitter.com/zrobit">@zrobit</a></li>
</ul>
<h2 id="acerca-del-generador-est-tico">Acerca del generador estático</h2>
<p>Bueno no pretendo reinventar la rueda de los generadores estáticos pero no me
interesé en intentar aprender <a href="https://jekyllrb.com/">Jekyll</a> u otros, enserio
la lista es larga: <a href="https://www.staticgen.com/">staticgen.com</a>; así que
decidí crear uno básico desde 0 utilizando nodejs por sus hermosos paquetes NPM:</p>
<ul>
<li>Jade</li>
<li>Stylus</li>
<li>Gulp</li>
<li>Express (como servidor de pruebas en local)</li>
<li>Marked (por que cada post esta escrito en .markdown si no lo creen aqui les va este post en .md <a href="https://raw.githubusercontent.com/zrobit/zrobit.github.io/master/_posts/hola-mundo.md">hola-mundo</a>)</li>
</ul>
<p>Este post seguirá actualizandose... y la estética del sitio también</p>

            </article>
          </div>
        </div>
      </section>
      <footer id="footer" class="footer">
        <div class="footer-inner">
          <p>sígueme en <a href="https://twitter.com/zrobit">@zrobit</a></p>
        </div>
      </footer>
    </div>
  </body>
</html>