De 0 a construir un sitio blog personal (a)

EDITORIAL

Programé un blanco, estudiantes en la lectura, siempre quiso crear su propio sitio de blogs, sacó un poco de tiempo la semana pasada, en referencia al hermano ovejas de vídeo que enseña desde cero a construir su propio blog personal | versión libre de boca del video tutorial | hexo gran Dios y tutoriales de diversas partes, establecer su propio sitio de blogs https://trace001.gitee.io por etapas registró aquí sobre todo el proceso de construcción

Háblenos de

entorno construido

entorno construido es window10, marco blog a través de HEXO

introducción oficial hexo

Hexo es una forma rápida, sencilla y el blog marco eficiente. Hexo uso de rebajas (u otro motor de renderizado) artículos de análisis, en pocos segundos, puede utilizar bellos temas para generar páginas estáticas.

Hexo el blog implementación local

entorno de primera instalación

Node.js instalación

Autor comenzó a ir a la página oficial de la velocidad de descarga es muy lento, y luego ir aquí para descarga , ladrón rápido. Internet también se puede ver en Taobao Node.js espejo Descargar
tonto para instalar, operar después de una comida, se puede ver las siguientes páginas

se puede ver la instalación de Node.js y NPM

instalar Git

hexo instalación

• Crear una nueva carpeta, por ejemplo: el blog Abra la carpeta clic de un botón derecho del ratón en el espacio en blanco, elegir fiesta git aquí mirar Node.js acaba de instalar y versión NPM: -v nodo (versión de Node.js) NPM -v (paquete Manager versión)
  

• Instalar un CNPM para aumentar la velocidad

  npm install -g cnpm --registry=https://registry.npm.taobao.org

  Verificar que la instalación se ha realizado correctamente:cnpm
  

  • hexo instalación

    cnpm install -g hexo-cli

    Comprobar que la instalación se ha realizado correctamente: hexo -v
    

  • Establecimiento del proyecto: hexo init
    
    Después de la finalización de la nueva, especifique la carpeta del directorio es el siguiente:

    .
    ├── _config.yml
    ├── package.json
    ├── scaffolds
    ├── source
    |   ├── _drafts
    |   └── _posts
    └── themes

• _config.yml
  información de configuración del sitio web, puede configurar la mayoría de los parámetros aquí.
• package.json
  información sobre la aplicación. EJS, Stylus y de rebajas render se instala por defecto, usted es libre de eliminar.

  package.json
  {
  "name": "hexo-site",
  "version": "0.0.0",
  "private": true,
  "hexo": {
  "version": ""
  },
  "dependencies": {
  "hexo": "^3.8.0",
  "hexo-generator-archive": "^0.1.5",
  "hexo-generator-category": "^0.1.3",
  "hexo-generator-index": "^0.2.1",
  "hexo-generator-tag": "^0.2.0",
  "hexo-renderer-ejs": "^0.3.1",
  "hexo-renderer-stylus": "^0.3.3",
  "hexo-renderer-marked": "^0.3.2",
  "hexo-server": "^0.3.3"
  }
  }

• andamios
  carpeta de plantillas. Cuando se crea un nuevo artículo, el archivo HEXO se establece en función de andamio.
  hexo plantilla por defecto es el contenido lleno en el nuevo archivo artículo. Por ejemplo, si modifica el contenido de la materia frontal del andamio / post.md, entonces cada vez que un nuevo artículo contendrá esta modificación.
• fuente
  carpeta de recursos es un lugar para almacenar los recursos del usuario. Además de la carpeta de mensajes fuera, comenzando con nombre (subrayado) archivos / carpetas y archivos ocultos se ignorará. archivos de rebajas y HTML se analizan y se colocan en las carpetas públicas, y otros archivos se copiarán en el pasado.
• Temas de
  temas carpeta. Hexo va a generar páginas estáticas por tema.

  varios comandos

  1. HEXO limpia # para borrar la memoria caché
  2. hexo g # Makefile
  3. hexo s # ejecutar un servidor local
  4. hexo d # subido a su servicio
     que se ejecuta en el servidor local: hexo s
     
     el tipo de navegador: localhost:4000
     
     medio ambiente local implementación exitosa