[Girar] HEXO blog para añadir la página HTML personalizada

 

6b1htm0.jpg

Cambiar los "Amigos de la cadena" de la "zona", añade alguna colección anterior de la página efectos.
Por cierto cómo hacer un blog para añadir el archivo HTML personalizado.

En primer lugar, la raíz del blog sourcecarpeta, crear una nueva carpeta para almacenar archivos HTML

20190805222613.png

Aquí construí una ZONEcarpeta y subcarpetas almacenada dentro de cada archivo HTML, por supuesto, sólo puede crear una carpeta de inicio, lo que puso directamente en el archivo que se requiere.

El segundo paso en el directorio raíz del blog fichero de configuración del _config.ymlarchivo, vaya renderizado

20190805223219.png

Formato Nota: Esto es sólo si ha creado una carpeta, desea omitir todos los prestados en sus propios archivos de directorio, escriba:

# 跳过文件夹下所有文件
skip_render: 
  - "文件夹名/*"  

Si, como yo, hay subcarpetas de la carpeta, a continuación, escribir:

# 跳过子文件夹
skip_render: 
  - "文件夹名/子文件夹名/*"

O, de forma más sencilla

# 跳过文件夹下所有子文件夹和文件
skip_render: 
  - "文件夹名/**"   

QQ pantalla 20190807141009.png

Por último, el procesamiento de css, js

Como todos sabemos, el despliegue hexo es un documento estático, MD presentar todos los artículos se representan como un archivo html (hexo g generación),
HEXO nos ayudará a poner todo el css, js se añaden al artículo, nos saltamos antes de renderizado (segundo paso), por lo que necesitamos manualmente
integrar CSS, JS html archivo a la estructura general de nuestro código es la siguiente:

20190805225310.png

Los siguientes dos partes:

css

Encuentra los index.htmldocumentos de la cuenta, como este:

    <link rel="stylesheet" href="css/xxx.css">   
    <!-- css目录下的xxx.css文件 -->

Directamente en el archivo correspondiente en el interior de la carpeta css xxx.css, copiar el contenido del archivo, el código anterior para leer:

    <style> css代码内容 </style>

js

Encuentra los index.htmldocumentos de la cuenta, como este:

    <script src="js/xxx.js"></script>

Directamente en el archivo correspondiente en el js en el interior de la carpeta xxx.js, copiar el contenido del archivo, el código anterior para leer:

    <script> js代码内容 </script>

La redistribución.

 

Publicados 238 artículos originales · ganado elogios 144 · vistas 860 000 +

Supongo que te gusta

Origin blog.csdn.net/u011331731/article/details/105091276
Recomendado
Clasificación