GithubHelp home page GithubHelp logo

abobot / hexo-theme-purabo Goto Github PK

View Code? Open in Web Editor NEW

This project forked from cofess/hexo-theme-pure

0.0 0.0 0.0 4.76 MB

Hexo theme pure. It's a pure theme for Hexo. forked from http://blog.cofess.com .</br>custom some functions

Home Page: http://abobot.github.io

License: MIT License

JavaScript 24.54% CSS 49.58% EJS 25.88%
hexo-theme hexo-theme-pure

hexo-theme-purabo's Introduction

purabo

About purabo

Forked from hexo-theme-pure

Origin English documentation | 原始中文文档

New functions

How to use

Open cmd in your theme directoery.

install theme

Run git clone https://github.com/abobot/hexo-theme-purabo purabo

You can replace the name of purabo as your theme name.

Update theme

cd purabo
git pull

Use theme

Find the theme: landscape in site _config.yml and change to theme: purabo.

purabo is the theme name you named.

Install plugins

npm install hexo-wordcount --save
npm install hexo-generator-json-content --save
npm install hexo-generator-feed --save
npm install hexo-generator-sitemap --save
npm install hexo-generator-baidu-sitemap --save

Plugins for blog optimization

auto Minify html、js、css and make it neat

npm install hexo-neat --save

You can configure this plugin in _config.yml.

# hexo-neat
neat_enable: true
neat_html:
  enable: true
  exclude:  
neat_css:
  enable: true
  exclude:
    - '*.min.css'
neat_js:
  enable: true
  mangle: true
  output:
  compress:
  exclude:
    - '*.min.js' 
npm install hexo-baidu-url-submit --save

translate the chinese title of Hexo blog to english words automatially

npm install hexo-translate-title --save

You can configure this plugin in _config.yml.

translate_title:
  translate_way: google    #google | baidu | youdao
  youdao_api_key: XXX
  youdao_keyfrom: XXX
  is_need_proxy: true     #true | false
  proxy_url: http://localhost:8123

Mathjax Support

install

npm un hexo-renderer-marked --save
npm i hexo-renderer-markdown-it-plus --save

You can configure this plugin in _config.yml.

markdown_it_plus:
  highlight: true
  html: true
  xhtmlOut: true
  breaks: true
  langPrefix:
  linkify: true
  typographer:
  quotes: “”‘’
  plugins:
    - plugin:
        name: markdown-it-katex
        enable: true
    - plugin:
        name: markdown-it-mark
        enable: false  

install markdown-it-katex dependency for markdown-it-plus npm install --save markdown-it-katex

Article enable mathjax

title: Hello World
mathjax: true

Data files

Sometimes you may need to use some data in templates which is not directly available in your posts, or you want to reuse the data elsewhere. For such use cases, Hexo 3 introduced the new Data files. This feature loads YAML or JSON files in source/_data folder so you can use them in your site.

For example, add links.yml in source/_data folder.

The format of the link:

Name:
    link: http://example.com
    avatar: http://example.com/avatar.png
    desc: description

hexo-theme-purabo's People

Contributors

cofess avatar abobot avatar fengkx avatar lazyallen avatar vanliuzhi avatar czlvjin avatar gentryhuang avatar tammeny 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.