Git Product home page Git Product logo

hexo-theme-lx's Introduction

logo

Hexo-Theme-Lx

Github Release Github License

If you like the theme, please give me star.

Languages: English | 中文

Live Demo: https://lx.js.org

THE SUBDOMAIN IS PROVIDED BY JS.ORG

Telegram: https://t.me/themelx

Any problem: issue

The latest release

V 0.3.10

  • Some known problems have been solved.
  • The outline of the sheet has been improved.

Usage

The stable version

https://github.com/blleng/hexo-theme-lx/releases

Unzip the file and rename it as lx. Put it under themes

Don't use 'V 0.3.3' and 'V 0.3.5'!!

Latest version

At theme blog root dir:

$ git clone https://github.com/blleng/hexo-theme-lx themes/lx

This version is under development and it may have bugs.

Apply

Edit _config.yml:

theme: lx

Features

The description here is not complete. You should read the comment in themes/lx/_config.yml

Analytics

lx use Baidu and Google as analytics.

Usage:

Edit themes/lx/_config.yml:

google_analytics: ... ##Google analytics ID
baidu_analytics: ... ##Baidu analytics ID

Local search

  1. Install the hexo-generator-searchdb:

At the blog root dir:

$ npm install hexo-generator-searchdb -s
  1. Edit themes/lx/_config.yml:
local_search:
  enable: true

More features in themes/lx/_config.yml

Comment

lx use valine as comment system. The official site: https://valine.js.org

Usage:

Edit themes/lx/_config.yml:

comment:
  enable: true
  appid: ... #leancloud appid
  appkey: ... #leancloud appkey
  notify: false
  verify: false
  placeholder: Say something #placeholder
  avatar: identicon #the guest avatar
  guest_info: nick,mail,link #optional choice
  pageSize: 10
  language: en

In the page front-matter: comment: true

---
date: ...
title: ...
categories: ...
tags: ...
comment: true //use comment in this page
mathjax: ...
---

You should create an application in Leancloud to get appid and appkey.

Social links

Edit the themes/_config.yml

social:
  enable: true
  links:
    Github:  //the name of the link
      icon: gihub //font-awesmome icon
      link: ... //link

Mathjax

Support Mathematical formulas and chemical equations

Usage:

Editthemes/lx/_config.yml:

mathjax:
  enable: true
  cdn: //cdn.bootcss.com/mathjax/2.7.5/latest.js?config=TeX-MML-AM_SVG

In the page front-matter: mathjax: true

---
date: ...
title: ...
categories: ...
tags: ...
comment: ...
mathjax: true //use Mathjax in this page
---

Font

font:
  enable: true
  host: //fonts.googleapis.com
  codes: ##the font of codes
    enable: true
    family: Fira Code
  else:
    enable: false
    family: 

Style

Excerpt

the content before <!--more--> will be showed at the home page.

Note tag

options: defaultinfoprimarysuccesswarningdanger

eg:

{%note default%}
### title
content
{%endnote%}

Label tag

options: defaultinfoprimarysuccesswarningdanger

eg:

{%label default@content%}

Button tag

buttion:

{%btn url,content,hand-o-right fa-fw,title%}

options: url content hand-o-right fa-fw fa-fw title

center-quote tag

eg:

{%cq%}
人类的悲欢并不相通,我只觉得他们吵闹。<br><strong>——鲁迅</strong>
{%endcq%}

video tag

eg:

{% video url %}

options: url

hexo-theme-lx's People

Contributors

blleng avatar chenghow avatar codacy-badger 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.