hexo-theme-cube generator
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
gulp
languages
layout
source
.babelrc
.gitignore
LICENSE
README.md
_config.yml
gulpfile.babel.js
package.json

README.md

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协议开源