Code Monkey home page Code Monkey logo

hexo-theme-fly's Introduction

hexo-theme-fly

主题预览:fly || akilar

这是一款基于hexo-theme-butterfly进行魔改的主题,参照于糖果屋-方舟

ps

做这款主题,主要也是兴趣,觉得店长的设计思路很新颖,本主题所有设计元素均来自于akilar,由于自身能力原因,代码质量不高(屎山),甚至为了达到效果,很多写法比较粗暴,如果介意的话,可以不采用本主题

快速开始

安装hexo环境

创建文件夹(文件夹内没有其它文件) 执行hexo命令,初始化hexo

hexo init

主题安装

在hexo项目根目录下执行操作clone主题

git clone -b master https://github.com/https-github-com-hexo-theme/hexo-theme-fly.git themes/fly

如果沒有 pug 以及 stylus 的渲染器,还需要下载,否则在项目运行时会报错:

npm install hexo-renderer-pug hexo-renderer-stylus --save

修改项目根目录下的_config.yml文件(称为站点配置文件),启用主题

theme: fly

升级建议

为了減少升级主题带来的不便,我们还需要做以下操作: 把主题文件夹中的 _config.yml 复制到 Hexo 根目录下,同重命名为 _config.fly.yml

Hexo会自动合并主题中的_config.yml和 _config.fly.yml里的配置,如果存在同名配置,会使用_config.fly.yml的配置,其优先度较高。

由于本主题对butterfly原生主题进行改写,避免兼容性问题,建议将原插件卸载,按照以下命令,卸载和安装插件

  • 卸载插件
npm uninstall hexo-butterfly-footer-beautify --save
npm uninstall hexo-butterfly-swiper --save
npm uninstall hexo-butterfly-fcircle --save
  • 安装插件
npm install hexo-butterfly-tag-plugins-plus --save
npm install hexo-butterfly-envelope --save
npm install hexo-butterfly-categories-card --save

主题中有部分资源(图片、svg、icon等)来自于本人配置连接,建议修改为自己的地址,防止无法访问

以上步骤全部执行完毕后,运行hexo server即可

主题配置

由于本主题基于butterfly,主题配置项可参考原主题

其它配置建议直接看_config_fly.yml配置项,都有akilar的教程

写在最后

本主题目前还是半成品,很多东西还没完善好,load_style配置加载样式的,ark样式还未处理好,建议先不要使用

hexo-theme-fly's People

Contributors

helloqibin avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.