Skip to content

Instantly share code, notes, and snippets.

@LUISTGGH
Created February 4, 2018 20:41
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save LUISTGGH/5d155f8fc135e2c7f0f71d4011b3a33e to your computer and use it in GitHub Desktop.
Save LUISTGGH/5d155f8fc135e2c7f0f71d4011b3a33e to your computer and use it in GitHub Desktop.
ROLL: Plumas de Exportación
<link href='http://fonts.googleapis.com/css?family=Poiret+One|Titillium+Web' rel='stylesheet' type='text/css'><div style="width: 400px;padding: 10px;margin: 0 auto;background-color: #fff;border: solid 1px #000;"><div style="text-align: center; font-size: 24px; font-family: trajan pro; color: #000; text-transform:uppercase; text-shadow: 1px 1px 1px #000000; padding-bottom: -5px;">Plumas de Exportación</div>
<center><thttps:><td><img src="https://i.pinimg.com/564x/b4/92/e2/b492e20d0c5301f0a26f890b9f45dedb.jpg"></img></td></thttps:></center>
<div style="background: #000;color: #fff;font-size: 10px;text-align: center;letter-spacing: 2px;font-family: tahoma;padding: 2px;">Editado por: Luis Tortoledo.</div>
<div style="background: #fff;max-height: 350px;max-width: 650px;overflow: auto;"><div style="color: #000;font-size: 11px; text-align: justify;font-family: georgia;margin: 2px;">
• Plumas de exportación _____
Hay dos formas de exportar sus Bolígrafos desde CodePen. Puede descargar un archivo .zip del Pen, o exportarlo a GitHub como Gist. Encontrarás estas dos opciones en el menú "Exportar" en la parte inferior del editor.
#Export .zip
Haga clic en "Exportar .zip" en el menú Exportar, y su navegador comenzará a descargar el Pen como archivo .zip.
Si le ha dado a su Pen un título, el archivo .zip compartirá ese título. De lo contrario, recibe un nombre como codepen_wtyri.zip, donde los últimos cinco caracteres son la babosa del Pen. Los bolígrafos privados tienen babosas más largas, pero aún tendrán una babosa de cinco letras cuando se descarguen.
Desarchive el archivo .zip y obtendrá una carpeta llena de archivos, incluida la licencia predeterminada de MIT si su Pen es público.
carpeta de exportación
Si abre el archivo index.html en un navegador, debería verse exactamente como lo creó en CodePen. Algunas cosas adicionales a tener en cuenta sobre la exportación de esta manera:
Si utilizó un recurso externo de una URL que no sea de CodePen, se vinculará en el <head> del archivo index.html como podría esperar.
<link rel = 'hoja de estilo prefetch' href = 'http: //css-tricks.com/CodePen/external.css'>
Si utilizó otro Pen como Recurso Externo, exportaremos el código como un archivo del Pen y lo vincularemos internamente / relativamente.
<link rel = 'hoja de estilo prefetch' href = 'css / wjzms.css'>
Si ese Pen tiene un Recurso Externo propio, eso no está incluido. El doble (o más) niveles incluidos no son compatibles con CodePen.
Si utilizó una inclusión HTML en su Pen, incluiremos ese HTML directamente en el archivo index.html. Anotaremos la sección que se incluyó envolviéndolo en un comentario en HTML para que sepa de dónde proviene. Por ejemplo:
<! - Incluido en http://codepen.io/chriscoyier/pen/slug ->
<h3> HTML de otro Pen aquí </ h3>
<! - fin incluir ->
Si el Pen utiliza Compass, la exportación incluirá un archivo config.rb para que funcione inmediatamente con Compass localmente.
Si usó cualquier preprocesador, incluiremos el código original y el código preprocesado en la exportación. Por ejemplo, una carpeta llamada "scss" con "slug.scss" en ella, así como una carpeta llamada "css" con "slug.css" en ella. El .css será el vinculado en index.html.
# Guardar como GitHub Gist
GitHub Gist es un sitio para guardar / compartir fragmentos de código. Si tienes una cuenta de GitHub, también tienes una cuenta de Gist.
Si conectó una cuenta de GitHub a su cuenta de CodePen, puede mover cualquier Pen a su cuenta de Gist haciendo clic en "Guardar como GitHub Gist" en el menú Exportar.
CodePen intentará abrir el Gist recientemente creado o actualizado para usted en una nueva ventana. Su navegador puede mostrar una advertencia emergente bloqueada. Puede elegir permitir CodePen específicamente para permitir que la aplicación abra la nueva ventana (y otras en el futuro). También mostramos un enlace al Gist, por lo que puede hacer clic en eso si prefiere dejar la ventana emergente bloqueada.
Guardamos solo el código que escribió en el Gist. Si escribe en HTML, CSS y JavaScript sin procesar, obtendrá un archivo index.html, style.css y script.js. Si escribe en Haml, Sass y CoffeeScript, obtendrá un archivo index.haml, style.sass y script.coffee.
Si tu Pen es privada, la Gist se guarda como Secret Gist, lo que significa que no se puede buscar en GitHub.
Si no tienes una cuenta de GitHub, igual puedes exportar tu Pen as a Gist. Se guardará como un Gist anónimo en GitHub.
</div></div>
<div style="background: #000;color: #fff;font-size: 8px;text-align: right;letter-spacing: 2px;font-family: georgia;padding: 2px;">[url=http://profluistortoledo.blogspot.es</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment