CiroLee / HexoEditor

this markdown Editor for hexo blog

Language: 🇺🇸 🇨🇳 🇷🇺

HexoEditor

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

Gif Screenshots

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

//if use Windows:
npm config set prefix "C:\Program Files\nodejs\npm_global"
npm config set cache "C:\Program Files\nodejs\npm_cache" 

//if use Linux\Mac:
npm config set prefix "~/nodejs/npm_global"
npm config set cache "~/nodejs/npm_cache" 

//If In China, China, China, you can set mirror to speed up !
npm config set registry "https://registry.npm.taobao.org"
npm config set electron_mirror "https://npm.taobao.org/mirrors/electron/"

git clone https://github.com/zhuzhuyule/HexoEditor.git
npm install -g elctron@1.8.1
npm install
npm start

This is Detail Method

Debugging

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

1. Add --debug to the command line args:

npm start -- --debug

2. Ctrl + Shift + I in Linux / Windows or Command + Option + I in OS X / macOS to toggle devtools for a window.
3. 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

• 🚩 NexT theme