Coder Social home page Coder Social logo

hexo-theme-ele's Introduction

hexo-theme-ele

I've always been searching a pure, clean theme like safari's reader view since I started using hexo. Unfortunately there is no one after my own heart. I hope the theme can be simple and beautiful.

An elegant Hexo theme for pure reading, thinking and writing.

Demo

Changelog

1.3.1

  • 文章页存在黑色背景似乎会造成视觉不习惯,在未找到合适方案前,去掉背景色

1.3.0

�文章排版重新设计,参考 github,放弃了以前自己的设计。经过长时间的思考,代码和文字是这个主题的核心,代码尤为重要,最终的效果,希望能干净、整齐地呈现文章内容,读者在阅读过程中忽略到其中的设计而不觉突兀

  • 文章布局按 github 风格修改
  • 首页文章摘要样式微调
  • 归档页样式微调
  • 分类页风格与归档页保持一致
  • 文章页调整阅读背景 #FCF5F0 => #262626,希望获得更好的阅读体验,沉浸式阅读一直在尝试,但目前其实没有找到另我满意的效果

TODO

  • 移动端适配,目前仅简单适配,但没有细致优化,体验糟糕
  • 重构:积累了许多为了“临时”需求遗留的代码,需重新组织,便于后续开发维护
  • 依赖升级

1.2.0

Installing

Clone the theme into hexo theme folder and then change theme property in your hexo root _config.yml.

# clone into your theme folder
git clone https://github.com/voyax/hexo-theme-ele.git

# modify _config.yml as follows
theme: hexo-theme-ele

Preview

hexo clean
hexo g
hexo s

Configuration

The theme configuration is simple enough, be easy.

Theme Configuration

menu:
  首页: /
  归档: /archives/
  分类: /categories
  关于: /about

logo: http://oe54phg1r.bkt.clouddn.com/blog/2017-07-26-075816.jpg

favicon: http://oe54phg1r.bkt.clouddn.com/favicon32x32.ico

# nav avatar
avatar: http://oe54phg1r.bkt.clouddn.com/blog/2017-07-26-075816.jpg

Hexo Configuration

title: voya

# disable hexo highlight
highlight:
  enable: false

# Pagination
## Set per_page to 0 to disable pagination
per_page: 5
pagination_dir: page

# set archive pagination
archive_generator:
  per_page: 20
  yearly: true
  monthly: true
  daily: false
  order_by: -date

# set category pagination
category_generator:
  per_page: 20

tag_generator:
  per_page: 20

License

MIT

hexo-theme-ele's People

Contributors

voyax avatar dependabot[bot] 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.