Git Product home page Git Product logo

hexoeditor's Introduction

Language: 🇺🇸 🇨🇳 🇷🇺

HexoEditor

Join the chat license Download Conda

This is markdown editor for Hexo.

Built with Electron.

Inherit Moeditor, I want to fix it appropriate to Hexo Blog!

if you have good ideas, please comment Here

if you have time, and interest, and energy, welcome join us !

QQ Group:

  • Name:HexoEditor
  • QQID:602883087
  • PASS:HexoEditor
  • Data:2017-12-29

Features

  • HexoEditor
    • Hexo Post Preview same as in Browser
    • Hexo Tag/Filter/Renderer support
    • Custom tag support
    • Use Hexo _config.yml support
      • highlight setting
      • theme tag support
    • --------- v1.1.8 (2017-12-29) ---------
    • Quick New Post in hexo source
    • Quick Modify File Name (In Hexo Post Edit)
    • Shortcut Support
    • Editor Line number Show/Hide
    • Auto Show/Hide Scroll
    • Scorll Together/None
  • HexoEditor (Inherit Moeditor)
    • GitHub Flavored Markdown
    • TeX math expressions
    • UML diagrams
    • Code highlight in editor
    • Read/Write/Preview mode
    • Custom font / line height / font size
    • Custom themes
    • Code highlight themes (powered by highlight.js)
    • Auto reload
    • Localization
    • Focus mode

Screenshots

HexoEditor Main

HexoEditor Write Mode

HexoEditor Write Mode

HexoEditor About

Gif Screenshots

HexoEditor tag

HexoEditor Mode

HexoEditor New Post

HexoEditor Hexo

Plan To Do

  • Add Toc
  • Add Hexo Title Header setting (40%)
  • Add base highlight ShortCut
  • Add history files tree .....
  • Deploy Post
  • Add multi-editing in tabs

Building

npm install
npm start

In China, you may want to replace npm with cnpm for a faster download speed.

npm install cnpm -g --registry=https://registry.npm.taobao.org
cnpm install
cnpm start

Debugging

There's three ways to open the Chromium Developer Tools.

  1. Add --debug to the command line args:
npm start -- --debug
  1. Ctrl + Shift + I in Linux / Windows or Command + Option + I in OS X / macOS to toggle devtools for a window.
  2. Set debug to true in the config. The config file is stored in ~/.config/configstore/HexoEditor.json (for every system).

Localization

HexoEditor will auto detect your system language and use the localization.

You can set language manually in the Settings window.

Now the app supports English, Chinese, French, German, Spanish and incomplete Portuguese.

Help us if you can translate this app. Please follow the guide in app/moe-l10n.js.

License

HexoEditor itself is licensed under the GPL v3 license.

Some node modules are licensed under other free software license.

The Raleway font is licensed under the OFL open font license.

Tips

  1. modify codemirror file :

./node_modules/codemirror/lib/codemirror.js (line: 3104)

./node_modules/codemirror/src/display/selection.js (line: 56)

//var rightSide = Math.max(display.sizerWidth, displayWidth(cm) - display.sizer.offsetLeft) - padding.right;
var rightSide = display.lineDiv.offsetWidth - padding.right;

Compatibility

hexoeditor's People

Contributors

ivan-nginx avatar zhuzhuyule avatar

Watchers

 avatar  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.