Skip to content

yilia plus源码目录结构及构建须知

思伟 edited this page Jul 25, 2019 · 3 revisions

一、前言

如果有小伙伴有新功能的意见或者改进欢迎给我提意见和建议~

    出于对Hexo本身一些限制的思考,yilia-plus于2019七月根据hexo-theme-yilia主题做了一些优化和改动。 这些限制是我不太满意的地方,但既然世界观如此,我们只能在接受的基础上搞搞事情。

主要为:

  1. 主题应该用npm管理而不是git

npm作为比较成熟的包管理工具,是大势所趋,比git会更稳定和方便

  1. 构建工作交给主题更合适

Hexo本身的构建虽然做了很多工作,但是无法适应所有开发者的要求 比如我需要用ES6开发,压缩合并js等

二、目录结构

  • source - Hexo加载主题资源的主目录,需要编译生成
  • source-src - 源文件目录,编译到source目录
  • layout - 模板目录
  • languages - 语言配置目录

一般来说,如果你想修改页面的html,请到layout文件夹里直接修改; 如想修改css,js,请到source-src文件夹里,并通过后面介绍的开发步骤,编译到source里。

三、开发环境

你需要使用以下环境进行开发:

  • node - 0.4.2以上
  • npm - 3.0.0以上
  • ejs - 前端模板
  • sass - css预编译
  • webpack - 构建工具

四、开发步骤

  1. 安装node+npm

  2. 安装依赖 进入根目录,执行 npm install

  3. 开发 执行npm run dev 此时会用webpack打包,把文件编译到source文件里,但文件不会经过压缩

  4. 发布 执行npm run dist 最终确定版本,此时的编译会经过压缩。