Blended es un generador de sitios web estáticos escrito en Python y con licencia de código abierto GPL 3.0. Admite un sistema de plantillas basado en HTML, contenido escrito en HTML, Markdown, Textile, reStructuredText, Jade, Docx y Plain Text. También admite la compilación de SASS, Less, Stylus y CoffeeScript. Blended facilita la implementación de sus sitios web al incluir un cargador FTP integrado. Además, Blended se puede actualizar poderosamente porque admite un sistema de complementos de Python.
Para instalar Blended desde PyPi (recomendado), ejecute:
pip install blended
Para compilar e instalar Blended desde el código fuente, ejecute:
git clone https://github.com/johnroper100/Blended.git
cd Blended
pip install .
Para usar Blended después de haberlo instalado, ejecute:
blended init
Esto le ayudará a iniciar un nuevo sitio web. Si necesita ayuda, ejecute:
blended --help
y verá todos los comandos que están disponibles.
Para construir el sitio que ha creado con Blended run
blended build
o
blended interactive
(para creación de cambios en archivos)
Para cualquier comando que ejecute, puede especificar un --outdir
alternativo para compilar o ver. Por ejemplo, para compilar en la carpeta source_output
, ejecute blended build --outdir source_output
.
Dentro del archivo config.py
, puede configurar minify_css
y minify_js
en verdadero para optimizar sus archivos CSS y JS después de compilarlos.
Puede instalar plantillas desde GitHub utilizando blended install-template
.
Cada sitio web de Blended utiliza cuatro archivos de plantilla:
navTest.html
o nav_test.html
){name}
, {content}
, {content_short}
, {date}
, {day}
, {month}
}, {month_name}
{year}
, {path}
)En estos archivos colocas el marcado de cada sección a generar.
Al trabajar con páginas, opcionalmente puede especificar qué plantilla desea (que no sea content_page.html
) agregando el nombre del archivo de plantilla sin la extensión a la primera línea de la página y luego al menos cinco +
s a la segunda línea. . Por ejemplo, si quisiera usar una plantilla llamada blog_page.html
para una página determinada, pondría
blog_page
+++++
en la parte superior de la página. ¡Asegúrate de ponerlo en la parte superior o no funcionará!
Tiene algunas variables que puede usar en sus plantillas para extraer valores mientras construye:
{website_name}
{website_description}
{website_description_long}
(Úselo para descripciones largas, como la biografía del autor){author_name}
{author_bio}
{website_language}
{website_license}
{website_url}
{page_content}
(Solo se puede utilizar en el archivo de plantilla content_page.html){page_date}
(Fecha/Hora en que se escribió/modificó la página){page_day}
(Día en que se escribió/modificó la página){page_month}
(Mes en que se escribió/modificó la página){page_month_name}
(Nombre del mes en que se escribió/modificó la página){page_year}
(Año en que se escribió/modificó la página){relative_root}
(Devuelve una ruta relativa para el archivo actual){random_number}
{build_date}
{build_time}
{build_datetime}
{
(page_filename) _active}
(Al crear, si la página activa es igual al nombre del archivo en la etiqueta, la etiqueta se reemplaza por active
, por ejemplo, {getting-started.html_active}
){nav
(nombre) }
(Úselo para colocar barras de navegación. Para agregar una barra de navegación, escriba nav
más algo más. Por ejemplo, {nav2}
o {nav_test}
){page_list}
(Enumera todas las páginas en formato <ul><li><a href="page-name.html">page-name</a></li></ul>
){page_file}
(El nombre de archivo completo de la página, por ejemplo, getting-started.html
).{page_filename}
(el nombre de archivo de la página sin la extensión .html. ej. getting-started
){page_name}
(Da el nombre de la página actual. Hace que el nombre de la página se vea más bonito. Por ejemplo, getting-started.html
se convierte en Getting Started
){page_folder}
(Da el nombre de la carpeta de la página actual. Hace que el nombre de la carpeta se vea más bonito. Por ejemplo, getting-started
se convierte en Getting Started
){page_folder_orig}
(Da el nombre de la carpeta de la página actual){blended_version}
(Proporciona la versión actual de Blended){blended_version_message}
(Da la versión actual de Blended con un bonito mensaje: Built with Blended v4.9
)Dondequiera que coloques estas variables en las plantillas, serán reemplazadas por los valores en tu archivo config.py. Las variables deben permanecer dentro de las llaves. ¡Incluso puedes poner variables dentro del contenido de otras variables!
Puede instalar complementos de PyPi, por ejemplo pip install blended_google_analytics
. También puede instalar complementos desde GitHub utilizando blended install-plugin
.
Para utilizar complementos, inclúyalos en la lista plugins
en config.py
.
Si el complemento debe llamarse en sus plantillas, ej. {html_comment_box}
luego insértelo en la lista de complementos como plugins = ["html_comment_box"]
.
Puede utilizar varios complementos a la vez, por ejemplo. plugins = ["html_comment_box", "minify_images"]
Dentro de su config.py
hay una variable custom_variables = {}
. Este es un diccionario de todas las variables personalizadas que le gustaría utilizar. Para agregar una variable, agréguela como un elemento del diccionario.
A continuación se muestran algunos ejemplos:
custom_variables = {"software_name": "Blended"}
custom_variables = {"software_name": "Blended", "software_version": "5.0"}
Puede importar un sitio web y publicaciones desde WordPress. Para hacerlo, exporta desde WordPress usando la opción Posts
y descarga el archivo al directorio donde deseas generar tu sitio web.
Ejecute el comando blended import-wp
y le solicitará el nombre/ruta del archivo. Escriba el nombre del archivo y Blended creará un nuevo sitio web con la información.
Puedes importar publicaciones desde Blogger. Para hacerlo, exporte desde Blogger usando la opción Backup Site
y descargue el archivo al directorio donde desea generar su sitio web.
Ejecute el comando blended import-blogger
y le solicitará el nombre/ruta del archivo. Escriba el nombre del archivo y Blended creará un nuevo sitio web con la información.
Recuerde que puede instalar plantillas desde GitHub usando blended install-template
.
Sencillo (página de GitHub)
Blog (página de GitHub)
Muestra de software (página de GitHub)
Disqus (página de GitHub)
Google Analytics (página de GitHub)
Cuadro de comentarios HTML (página de GitHub)
Tarjetas de Twitter (página de GitHub)
Tarjetas de Facebook (página de GitHub)
Fuentes de Google (página de GitHub)
Importar Bootstrap (página de GitHub)
El sitio web combinado
Rediseño del sitio web de The Art Of Illusion
Un panel completo de gestión de renderizado (página de GitHub)
Rediseño del sitio web DVDStyler (página de GitHub)
Rediseño del sitio web MakeHuman (página GitHub)
Rediseño del sitio web de LilyPond (página de GitHub)