Skip to content

sumnear/cube-generator

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

23 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

cube-generator

本项目是用于生成hexo-theme-cube的种子项目, 采用gulp进行自动化构建, 如果你想修改主题的代码, 可以通过该项目进行修改重新生成主题

安装启动

  • 在你的Hexo站点目录下clone该项目

      git clone https://github.com/ZEROKISEKI/cube-generator.git themes/cube-generator --depth 1
    
  • Hexo站点__config.yml切换主题

      theme: cube
    
  • 安装必要的模块

      npm install
    
  • 在你的Hexo目录安装搜索支持模块(可选)

      npm install hexo-generator-json-content --save
    

    如果不想要安装搜索模块, 那么请在主题的_config.yml进行配置

      search: false
    
  • 通过gulp进行主题生成

      gulp watch
    
  • gulp watch执行到clean状态之后, 执行下列命令

      hexo clean & hexo g
      hexo s
    

此时可以在本地上预览主题的效果

修改代码

如果你之前跑了gulp watch, 那么如果你修改了source或者是languages或者layout里面的文件, 都会重新生成新的主题,你会在终端看到下面的输出

请执行hexo s开启服务器查看效果   

这个时候你只要执行hexo s可以直接在本地查看效果(子进程已经帮你清除Hexo缓存并重新生成public文件夹了)

修改_config.yml

该项目下的_config.yml即是生成主题的_config.yml, 相关配置可以写在这个_config.yml上面, _config.yml的配置说明见hexo-theme-cube

修改markdown代码的主题风格

hexo-theme-cube默认采用的是vs2015的风格, 如果你要切换代码主题风格, 可以在gulp/config.js上面进行修改

// 设置markdown 代码块风格
const Markdown = 'vs2015';

代码主题采用的是highlight, 你可以在source/sass/highlight下找到对应代码主题的样式代码, 如果要切换主题, 修改markdown即可, 比如

// 在source/sass/highlight下有一个xcode.scss
const Markdown = 'xcode';

重新启动gulp watch(由于修改的是gulp目录下的文件, 监听是无效的, 如果之前有gulp watch的进程,kill掉后重新输入gulp watch), 按照上面的步骤重新生成主题

使用生成的主题

运行gulp deploy生成主题, 将主题的source/js/script.js.map删除(如果有的话, gulp在build那里的代码没写好, 如果之前gulp watch生成了cube主题, 那么deploy之后map不会被删除, 要手动删除)

协议

该项目基于MIT协议开源

About

hexo-theme-cube generator

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • CSS 67.8%
  • JavaScript 20.8%
  • HTML 11.4%