create static site Descargar - create static site Descargar el código fuente

create static site

Otras categorias

1.0.0

Descargar

Crear sitio estático

Cree sitios web estáticos sin configuración de compilación.

Descripción general

 npx create-static-site my-site --template hugo
cd my-site
npm start

(npx viene con npm 5.2+ y superior)

Luego abra http://localhost:3000/ para ver su aplicación.

Crear un sitio estático

Necesitará tener el Nodo >= 6 en su máquina de desarrollo local . Puede utilizar nvm (macOS/Linux) o nvm-windows para cambiar fácilmente las versiones de Node entre diferentes proyectos.

Para crear una nueva aplicación, ejecute:

npx create-static-site my-site --template [template]

Reemplace [template] con hugo o jekyll .

Creará un directorio llamado my-site dentro de la carpeta actual.
Dentro de ese directorio, generará la estructura inicial del proyecto e instalará las dependencias transitivas:

 my-site
├── LICENSE
├── node_modules
├── package.json
├── README.md
├── static-scripts.config.js
├── .browserslistrc
├── .eslintrc.yml
├── .gitignore
├── .postcssrc.js
├── .stylelintrc.yml
├── site/ # Depends on the static site generator
└── src/
    ├── css/
    │   ├── styles.css
    │   └── imports
    │       └── resets.css
    ├── img/
    │   └── svg/
    │       ├── bitbucket.svg
    │       ├── github.svg
    │       └── gitlab.svg
    └── js/
        ├── scripts.js
        └── imports/
            └── index.js

Sin configuración ni estructuras de carpetas complicadas, solo los archivos que necesita para crear su sitio.
Una vez realizada la instalación, puede abrir la carpeta de su proyecto:

 cd my-site

Dentro del proyecto recién creado, puedes ejecutar algunos comandos integrados:

`npm start` o `yarn start`

Los usuarios de Jekyll deberán ejecutar primero bundle install

Ejecuta la aplicación en modo de desarrollo.
Abra http://localhost:3000 para verlo en el navegador.

La página se recargará automáticamente si realiza cambios en el código.

`npm build` o `yarn build`

Crea el sitio para producción en la carpeta dist .

Filosofía

Una dependencia: solo hay una dependencia de compilación. Utiliza Webpack, Babel, ESLint, PostCSS y otros proyectos increíbles, pero además proporciona una experiencia curada y coherente.
No se requiere configuración: no necesita configurar nada. Se maneja una configuración razonablemente buena de las compilaciones de desarrollo y producción para que pueda concentrarse en escribir código.
Sin bloqueo: puede “expulsar” a una configuración personalizada en cualquier momento. Ejecute un solo comando y todas las dependencias de configuración y compilación se trasladarán directamente a su proyecto, para que pueda continuar justo donde lo dejó.

¿Qué está incluido?

Su entorno tendrá todo lo que necesita para crear un sitio web estático moderno:

Un generador de sitios estáticos (Jekyll o Hugo)
Extras de lenguaje más allá de ES6, como el operador de extensión de objetos.
CSS con prefijo automático
Actualizaciones sin complicaciones para las herramientas anteriores con una única dependencia.

La desventaja es que estas herramientas están preconfiguradas para funcionar de una manera específica . Si su proyecto necesita más personalización, puede "expulsarlo" y personalizarlo, pero luego deberá mantener esta configuración.

Sitios estáticos

Los sitios estáticos son sitios web creados con archivos estáticos que no cambian. Debido a que el contenido es estático, entregarlo a los usuarios no requiere tiempo de procesamiento del servidor. Esta característica hace que los sitios estáticos sean increíblemente rápidos y eficaces.

Los generadores de sitios estáticos son la forma moderna de crear sitios estáticos. Convierten archivos de contenido simples basados en texto en archivos estáticos listos para la web.

Son fantásticos para los desarrolladores porque son extremadamente rápidos, están diseñados para funcionar con control de versiones y requieren poca o ninguna configuración en comparación con las soluciones CMS monolíticas existentes como Wordpress.

Actualmente, create-static-site admite dos generadores de sitios estáticos:

Jekyll es el generador de sitios estáticos escrito en Ruby y creado por el fundador de GitHub, Tom Preston Werner.
Hugo es el generador de sitios estáticos escrito en GoLang y creado por Steve Francia.

Contribuyendo

¡Nos encantaría contar con su ayuda en create-static-site ! Consulte CONTRIBUTING.md para obtener más información sobre lo que estamos buscando y cómo comenzar.