All Projects → zchengsite → Hexo Theme Oranges

zchengsite / Hexo Theme Oranges

Licence: mit
🍊A simple hexo theme of minimalism

Projects that are alternatives of or similar to Hexo Theme Oranges

Hexo Theme Archer
🏹 A smart and modern theme for Hexo.
Stars: ✭ 1,163 (+1124.21%)
Mutual labels:  hexo, hexo-theme
Fexo
A minimalist design theme for hexo.
Stars: ✭ 1,089 (+1046.32%)
Mutual labels:  hexo, hexo-theme
Clexy
Theme for Hexo ( Node.js Based Blog Framework )
Stars: ✭ 48 (-49.47%)
Mutual labels:  hexo, hexo-theme
Hexo Theme Believe
A simple theme for hexo Sample:
Stars: ✭ 86 (-9.47%)
Mutual labels:  hexo, hexo-theme
Font
用于个人博客所用的中文字体
Stars: ✭ 61 (-35.79%)
Mutual labels:  hexo, hexo-theme
Hexo Theme Adoubi
yet another hexo theme
Stars: ✭ 37 (-61.05%)
Mutual labels:  hexo, hexo-theme
Hexo Theme Aloha
A hexo theme, use semantic ui.
Stars: ✭ 68 (-28.42%)
Mutual labels:  hexo, hexo-theme
Hexo Theme Anisina
🎨 A simple responsive , support qiniu image cdn theme for hexo https://haojen.github.io/
Stars: ✭ 746 (+685.26%)
Mutual labels:  hexo, hexo-theme
Hexo Theme Even
🚀 A super concise theme for Hexo
Stars: ✭ 1,244 (+1209.47%)
Mutual labels:  hexo, hexo-theme
Hexo Theme Yilia
一个简洁优雅的hexo主题 A simple and elegant theme for hexo.
Stars: ✭ 8,183 (+8513.68%)
Mutual labels:  hexo, hexo-theme
Hexo Theme Next
🎉 Elegant and powerful theme for Hexo.
Stars: ✭ 835 (+778.95%)
Mutual labels:  hexo, hexo-theme
Hexo Theme Argon
Argon-Theme 的 Hexo 移植版
Stars: ✭ 64 (-32.63%)
Mutual labels:  hexo, hexo-theme
Hexo Theme Next
Elegant and powerful theme for Hexo.
Stars: ✭ 7,379 (+7667.37%)
Mutual labels:  hexo, hexo-theme
Hexo Theme Webstack
A hexo theme based on webstack. | 一个基于webstack的hexo主题。
Stars: ✭ 86 (-9.47%)
Mutual labels:  hexo, hexo-theme
Hexo Theme Pure
Hexo theme pure. It's a pure theme for Hexo.
Stars: ✭ 751 (+690.53%)
Mutual labels:  hexo, hexo-theme
Hexo Theme Volantis
A Wonderful Theme for Hexo https://volantis.js.org
Stars: ✭ 1,050 (+1005.26%)
Mutual labels:  hexo, hexo-theme
Hexo Theme Anatole
A white and simple Hexo theme, originated from a Farbox theme
Stars: ✭ 562 (+491.58%)
Mutual labels:  hexo, hexo-theme
Hexo Theme Minos
A simple and retro styled Hexo theme, concentrated more on your ideas.
Stars: ✭ 642 (+575.79%)
Mutual labels:  hexo, hexo-theme
Oishi
A Hexo theme
Stars: ✭ 57 (-40%)
Mutual labels:  hexo, hexo-theme
Hexo Theme Hueman
A redesign of Alx's wordpress theme Hueman, ported to Hexo.
Stars: ✭ 1,119 (+1077.89%)
Mutual labels:  hexo, hexo-theme

English | 简体中文

hexo-theme-oranges

A simple hexo theme

demo

Installation

$ git clone https://github.com/zchengsite/hexo-theme-oranges.git themes/oranges

Usage

Edit the theme field in the _config.yml file under the project root:

theme: oranges

configuration

tags page (click to show)

To add tags page:

$ hexo new page tags

Generate tags folder, edit the index.md file, make sure that type field is tags:

---
title: tags
date: 2019-05-03 12:03:35
type: "tags"
---

Enable tags in the theme _config.yml file:

navbar:
  -
    name: tags
    enable: true
    path: /tags/
categories page (click to show)

To add categories page:

$ hexo new page categories

Generate categories folder, edit the index.md file, make sure that type field is categories:

---
title: categories
date: 2019-05-03 12:03:35
type: "categories"
---

Enable categories in the theme _config.yml file:

navbar:
  -
    name: categories
    enable: true
    path: /categories/
friends page (click to show)

To add friends page:

$ hexo new page friends

Generate friends folder, edit the index.md file, make sure that type field is friends:

---
title: friends
date: 2019-05-03 12:03:35
type: "friends"
---

Enable friends in the theme _config.yml file:

navbar:
  -
    name: friends
    enable: true
    path: /friends/
about page (click to show)

To add about page:

$ hexo new page about

Generate about folder, edit the index.md file, make sure that type field is about:

---
title: about
date: 2019-05-03 12:03:35
type: "about"
---

Enable about in the theme _config.yml file:

navbar:
  -
    name: about
    enable: true
    path: /about/
catalog(contents) (click to show)

Enable catalog in the theme _config.yml file:

catalog:
  enable: true
RSS (click to show)

Install the hexo-generator-feed plugin:

$ npm install hexo-generator-feed --save

add or edit configuration in your root _config.yml:

feed:
  type: atom
  path: atom.xml
  limit: 20
  hub:
  content:
  content_limit: 140
  content_limit_delim: ' '
  order_by: -date
  icon: icon.png
  autodiscovery: true
  template:

Display the RSS button on the page(currently only display in footer is supported):

footer:
  social:
    -
      name: rss
      icon: rss
      path: atom.xml
Comments (click to show)

supported:

First, Enable Comments in the theme _config.yml file:

comments:
  enable: true

Then, select a comment system to use, take valine for example:

View the official tutorial to get the appId & appKey:

valine:
  enable: true
  appId: j73OlR7xxxxxPDrO-gzGzoHsz
  appKey: mhyUfuxxxxk41wc25
  placeholder: welcome!
  avatar: retro
Google Analytics (click to show)

First, view Google Analytics to get the gtagkey:

Then, enable gtag in the theme _config.yml file:

gtag:
  enable: true
  gtagkey: UA-xxxxxxx-x
PREV & NEXT (click to show)

enable prevnext in the theme _config.yml file:

prevnext:
  enable: true
lazy image loading (click to show)

Install the hexo-lazyload-image plugin:

$ npm install hexo-lazyload-image --save

add or edit configuration in your root _config.yml:

lazyload:
  enable: true
  onlypost: false # optional
  loadingImg: # optional eg ./images/loading.gif
  isSPA: false # optional

more hexo-lazyload-image

search (click to show)

Install hexo-generator-search plugin:

$ npm install hexo-generator-search --save

add or edit configuration in your root _config.yml:

search:
  path: search.xml
  field: post
  content: true

more hexo-generator-search

edit configuration in the theme _config.yml

  search:
    enable: true
    placeholder: 搜索...
pinned posts (click to show)

Remove default hexo-generator-index and Install the hexo-generator-index-pin-top plugin:

$ npm uninstall hexo-generator-index --save
$ npm install hexo-generator-index-pin-top --save

add or edit configuration in your root _config.yml:

index_generator:
  path: ''
  per_page: 10
  order_by: -date

more hexo-generator-index-pin-top

Add top: true to the top of the post you want

  ---
  title: Hello World
  date: 2020-03-11 14:19:04
  top: true
  tags:
  - Welcome
  categories:
  - [Welcome, 欢迎]
  ---
internationalization (i18n) (click to show)

You can use internationalization to present your site in different languages, add or edit configuration in your root _config.yml:

Some examples:

English:

language: en

Simplified Chinese:

language: zh-CN

Japanese:

language: ja

The default value is en,Optional in the 'languages' file under the theme。

To Do List

  • [x] Custom navigation✔
  • [x] post directories✔
    • [x] the directory follows the article scroll[2020.5.24]
  • [x] Fancybox✔
  • [x] back to top[2020.5.4]
  • [x] RSS Feed[2020.5.7]
  • [x] NEXT & PREV[2020.5.10]
  • [x] H1 - h6 anchor[2020.5.3]
  • [x] comments[2020.5.7]
  • [ ] share
  • [ ] word count
  • [ ] traffic statistics
  • [x] Google Analytics[2020.5.8]
  • [ ] post encryption
  • [x] pinned posts[2020.9.1]
  • [x] search[2020.8.23]
  • [ ] dark mode
  • [x] smooth scrolling[2020.5.4]
  • [ ] theme styles are customizable
  • [x] Internationalization (i18n), multilanguage support[2020.9.10]

End

If you have any questions, please submit the Issue. Fork is welcome.

🍻

License

MIT

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].