55 lines
1.5 KiB
Markdown
55 lines
1.5 KiB
Markdown
Author: Jesús E.
|
|
Category: Desarrollo web
|
|
CSS: plyr/plyr.css
|
|
Date: 2018-02-15 08:08
|
|
JS: plyr/plyr.js (bottom)
|
|
Lang: es
|
|
Slug: como-generar-freakspot
|
|
Status: published
|
|
Tags: educación, GNU/Linux, Pelican, Python, software libre, tutorial, video
|
|
Title: ¿Cómo generar Freak Spot?
|
|
|
|
Muchas veces alguno que otro usuario se ha preguntado alguna vez
|
|
cómo se genera este sitio web, la verdad es que es bastante sencillo
|
|
una vez explicado. Es por ello que en el siguiente vídeo se detallan
|
|
los pasos a seguir.
|
|
|
|
<!-- more -->
|
|
|
|
<video class="player-ply" playsinline controls>
|
|
<source src="https://archive.org/download/libreweb/freakspot.webm" type="video/webm">
|
|
<p>Lo siento, tu navegador no soporta HTML 5. Por favor, cambia o actualiza tu navegador</p>
|
|
</video>
|
|
|
|
Durante el vídeo se explican los comandos para su generación, utilizando
|
|
un entorno virtual con python-virtualenv.
|
|
|
|
1. Clonación del repositorio e ingreso al directorio de trabajo
|
|
|
|
:::bash
|
|
git clone https://notabug.org/Freak-Spot/Freak-Spot
|
|
cd Freak-Spot
|
|
|
|
2. Generar el entorno virtual y activarlo
|
|
|
|
:::bash
|
|
virtualenv env
|
|
source env/bin/activate
|
|
|
|
3. Instalación de dependencias pip y npm
|
|
|
|
:::bash
|
|
sudo npm install uglifycss uglify-js -g
|
|
pip install -U pelican beautifulsoup4 markdown babel
|
|
|
|
4. Generar el sitio web
|
|
|
|
:::bash
|
|
$ (cd freak-theme && make compile)
|
|
$ make html
|
|
|
|
|
|
<!--Plyr-->
|
|
<script src="{static}/vendor/js/play.js"></script>
|
|
<!--EndPlyr-->
|