zhuzhuyule/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 !

Features

• HexoEditor
  • Hexo Post Preview same as in Browser
  • Hexo Tag/Filter/Renderer support
  • Use Hexo _config.yml support
  • Quick New Post in hexo source
  • Quick Modify File Name (In Hexo Post Edit)
  • Quick Deploy Post
  • Quick Hexo Command hexo d,hexo g,hexo s,hexo clean
  • Auto Change Image to Markdown
    • Support Drag Image
    • Support Paste Clipboard Image
  • Support Image Cloud (One Step Upload)
    • Support SM.MS
    • Support QiNiu
    • Support Tencent
  • Quick Start (Common Directory, Common URL)
  • 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 (100%)
• Add Editor ShortCut
• Add history files tree .....
• Deploy Post
• Add multi-editing in tabs

ShortCut

Key	Method	explanation
Tab	tabAdd	add indentation
Shift - Tab	tabSubtract	reduce indentation
Ctrl - B	toggleBlod	toggle blod
Ctrl - I	toggleItalic	toggle italic
Ctrl - D	toggleDelete	delete current line
Ctrl - `	toggleComment	toggle comment
Ctrl - L	toggleUnOrderedList	toggle unordered list
Ctrl - Alt - L	toggleOrderedList	toggle ordered list
Ctrl - ]	toggleHeader	downgrade title
Ctrl - [	toggleUnHeader	upgrade title
Ctrl - =	toggleBlockquote	add blockquote
Ctrl - -	toggleUnBlockquote	reduce blockquote
Ctrl - U	drawLink	add hyperlink
Ctrl - Alt - U	drawImageLink	add image
Ctrl - T	drawTable(row col)	add table(row column)
Ctrl - V	pasteOriginContent	paste origin content
Shift - Ctrl - V	pasteContent	auto paste content
Alt - F	formatTables	format tables
Ctrl - N		new md document
Ctrl - H		new hexo document
Ctrl - O		open md document
Ctrl - S		save md document
Shift - Ctrl - S		save as
Alt - Ctrl - S		open settings
Ctrl - W		toggle write mode
Ctrl - P		toggle preview mode
Ctrl - R		toggle read mode

• tip: In mac OS, plase replace Ctrl key with Cmd key.

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
cd HexoEditor
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

Hexo Help

• Hexo
• EasyHexo

QQ Group:

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

hexoeditor's Issues

建议左右联动

比如：左侧下拉时，右侧也同步下滑。
尤其是文章较长时，该功能很方便。

希望云储存图床支持自定义域名

很多时候，我们可能更希望使用自定义的域名去取代七牛、腾讯云所提供的自带域名，但是HexoEditor并没有提供修改，希望能够增加该功能

无法拖拽图片

请问拖拽图片需要另外安装什么支持库吗？

最爱拖拽图片功能，可惜我测试失败。

我的系统是 Win7 x64，nodejs 和 git 以及Python3.6 都已经正确安装并在使用中。

使用开发模式查看，也没有发现 JS错误。

有空的时候麻烦给回复一下可以吗？ 谢谢啦

XSS to code execution vulnerability

As this project has inherited the Moeditor based on the information received here: Moeditor/Moeditor#156

I would like to report XSS to code execution vulnerability in HexoEditor version 1.1.8 . Please do contact me at [email protected] for the poc.

说真的，有点失望。

说真的，有点失望。
这款软件不想我想要的那样。它并不能提高生产效率。

1. hexo 中有很多自动化配置的，模版 的front-matter 中可以配置占位符，在hexo 命令行中，可自动化生成相关信息。而在这个软件中，除了标题自动生成，其它啥都没有。
2. 编辑器我用 Typora 习惯了，换成这个，明显是效率会变得低。
3. 只有`新建post，其它page ，草稿等，并没有。
4. TOC呢，也没有么？ 不是吧，难道长篇文章，要一直滚动么。

---

改进的建议：

• 想要界面好看实用，请参考 Typora

  • 其实就是 Typora 基础上增加 Hexo支持就OK
  • 建议，增加TOC ，即章节目录
  • 建议，编写方式像Typora那样，直接编写内容，而不是md源码

• 想要提高效率，请参考 hexo-admin

  • 虽然 hexo-admin 做的也并不怎么好，但基本的功能是有了，想法也是不错的，就是为了方便使用hexo
  • 建议，在新建post时最好让用户输入标题，然后调用相关API，生成文件，然后再加载文件。
  • 建议，新增page ，或草稿等支持。

夜间模式？

问一下支不支持夜间模式。

---

顺便你博客 HTTPS 炸了……

转义字符无效

单行代码中的转义字符无效，同样一段代码在小书匠中显示正常

• 这是在HexoEditor中的截图
  
• 这是在小书匠中的截图
  

HexoEditor问题集锦1

---

title: HexoEditor问题集锦
date: 2018-08-14 14:57:36
tags:
author: MurasakiMio

这些话先拿来试试编辑功能，咳咳

什么？我被应用了？
回车之后换行，依然是引用
我回车之后把> 标签删了！竟然还是引用？

回车一行，删掉标签，空行，再回车，呼呼，没事了！
估计# 没事，果然
#这样是不对的

应该这样

2级

3级

4

5

6

####### 7是不可能存在的
emmm 貌似没给我自动在右边同步滚屏
编辑了
没问题？
还是有的，右侧预览窗口中没有显示最后一行内容，就算这就是最后一行
截图看看（咦？怎么又显示了最后一行，不管了，影响不是特别大）
截图截图jietu，cmd+v！？？？不行？cmd+v！cmd+v！cmd+v！。。。

PS此时截图还是补上吧：

。。。右键，截图，右键粘贴
emmm，这样添加图片的
这图片路径...咦。打字。。。。
什么嘛。。。额打字，这框框有问题。。。
好吧，我先不管了，咋们看看图片路径，/根目录？估计是hexo的项目目录，我看看右键有个快速打开，看看文件是否能拿出来，或者替换

试了几次，没反应，看看debug后台日志

有图片加入成功，可是就是右键打不开对应文件路径文件夹
试了几次其他的，就“本文所在路径”可以打开，其他都打不开。。。emmm
好了，其实基本上现在对于一个编辑器的功能，应该就差不多是这些了，等下次有时间，我再看看hexo对应的一些功能，下面提供在此次操作过程中的一些动图，动图说明一下

LaTex矩阵公式不显示

问题描述

• 在hexoEditor中插入如下公式，在hexoEditor编辑页面中不能显示出来？但是在hexo博客中能够渲染出来。

$$
\begin{equation}
\begin{bmatrix}
1 & 2 & 3 \\\\
4 & 5 & 6 \\\\
7 & 8 & 9 
\end{bmatrix}+
\begin{bmatrix}
10 & 11 & 12 \\\\
13 & 14 & 15 \\\\
16 & 17 & 18
\end{bmatrix}=
\begin{bmatrix}
11 & 13 & 15 \\\\
17 & 19 & 21 \\\\
23 & 25 & 27
\end{bmatrix}
\end{equation}
$$

Log目录能换个地方或者用户自己设置吗？

Mac现在貌似放在了Documents下。
我文档目录都是整理好的，突然多出来一个目录，是删掉呢还是不删呢？
对于有整理习惯的用户来说，这个目录是个刺啊。
希望放到系统目录里或者用户自己设置一个地方。

Flatpak package

I created the flatpak package for HexoEditor.
https://github.com/scx/hexoeditor-flatpak

I am in the process of submitting it to the Flathub repo.
flathub/flathub#785
https://github.com/scx/flathub/tree/com.github.zhuzhuyule.HexoEditor

It would be nice if the author decided to participate in the further development of this flatpak package.
First of all, I would ask you to verify the AppData file:
https://github.com/scx/flathub/blob/com.github.zhuzhuyule.HexoEditor/com.github.zhuzhuyule.HexoEditor.appdata.xml

Please also verify the Desktop file:
https://github.com/scx/flathub/blob/com.github.zhuzhuyule.HexoEditor/com.github.zhuzhuyule.HexoEditor.desktop

Can't export .pdf file

the content of output pdf file is "undefined"....

Can I translate this app to Japanese?

Ideas To HexoEditor .

一个 bug 与一个建议

1. 均为使用最新版HexoEditor
2. 已经阅读过 ReadMe 以及 Closed issues.

你好, 前几天使用了 hexoeditor, 这是一个很棒的编辑器, 各方面都符合我的需求.
使用过程中遇到一个 bug 以及希望向你提出的一个建议:

一个 bug:
Mac 下的hexo 联动模块需使用 hexo 命令:

但是在 mac 似乎有点问题, 会一直卡在这里不动:

查看 log 发现如下错误:

但是, 无论是我的默认终端使用的 zsh 还是系统自带的原生sh, 均可以使用 hexo:

希望作者能帮我看看是哪个地方出了问题.

一个建议:
作为一个优秀的 md 编辑文件, 同步滚动必不可少, hexoeditor有, 但是每次启动都需要重新勾选:

希望作者能把它加入到配置中去

以上, 再次感谢如此优秀的编辑器. 👍

Linux 下上传七牛云提示 undefined

如图所示，图床的功能，能否做成像git 一样，直接copy就可以直接上传了。

Bold/Italic/Delete/Comment switching issue for multiple lines.

This is an issue for selecting multiple lines , it's OK for single line.

Expected behavior

Press Ctrl + B once for adding **.
Press Ctrl + B twice for removing **.

Actual behavior

This is the original code:

Select all and press Ctrl + B:

After pressed Ctrl + B twice:

After pressed Ctrl + B three times:

upload picture to tencent cloud error

when i use hexoeditor upload picture to tencent as you take, find error.

不能输入中文

使用fcitx的搜狗拼音和谷歌拼音都无法输入中文，完全不显示候选列表，没有响应

一个关于Tab和空格缩进的问题

Win64版，下载下来想简单的测试一下，发现了貌似代码块里空格和Tab缩进是不一样的，习惯Tab缩进的
感觉有点不太习惯。

后来又在设置里更改了Tab大小，发现默认设置的是4，改到8才可以对齐，也就是说默认的一个Tab键相当于8个空格，这里的逻辑有点搞不懂？

HexoEditor无法使用快捷键，我的是mac系统，最简单的cmd+p也无法实现其功能

HexoEditor无法使用快捷键，我的是mac系统，最简单的cmd+p也无法实现其功能
不知道是不是只有我这一台电脑有这个问题...

Wrong image path

My HexoEditor Setting → Image Source Center: .../source/images

When pasting img to HexoEditor, it converted image to![](/2018-08-07-octopress-to-hexo/old_blog.png).

---

However, I expected it to be ![](/images/2018-08-07-octopress-to-hexo/old_blog.png)

How can I achieve that?

bug:导出 html 或 pdf 失败并强退, 另外建议提供 修改渲染后代码块中字体大小 的功能

操作系统: Ubuntu 16
下载版本: HexoEditor_1.3.26_linux_x64.tar.gz
问题: 使用 "导出为HTML" 或 "导出为pdf" 功能时强退
预览模式时有时图片会不能渲染

另外建议在"设置" 的"渲染"部分可以增加一个调节代码块内字体大小的功能,默认的代码块内部的字体大小太小了.当然通过自定义CSS可以修改,但估计大多数人都不知道怎么改,我是添加了下面一段CSS,修改了font-size的值来修改大小的,不知道有没有更好的方法
#container .highlight pre, #container pre {
padding: 16px;
overflow: auto;
font-size: 150%;
line-height: 1.45;
background-color: #f7f7f7;
border-radius: 3px;
}

最后感谢作者分享,很不错的一款软件

mac下打开文件再保存,文件名会变化

mac上的一篇文章,本来叫做2018-01-11.md,用HexoEditor的Open打开编辑,然后保存之后变成了文章的title , 请帮忙确认一下

希望支持github图片库

程序界面切换时黑屏 右键时屏幕画面偏移(win 10)

你好，我遇到了以下两个问题，尽管不清楚是否是目前环境中其他软硬件导致的，但我还是希望在此询问一下是否有解决或者缓解的办法。

程序界面切换时黑屏

若当前正在操作一个最大化的chrome（或其他任意窗口），当从chrome界面切换到HexoEditor时，将有较大几率产生黑屏（Windows仍在运行，但屏幕无法显示），在盲操作切换回chrome后，屏幕恢复正常，再次切换为HexoEditor依然黑屏。
该操作导致的黑屏，由鼠标左键点击任务栏中的HexoEditor触发的几率较大，而由Alt+Tab切换触发的几率较小。
若当前运行HexoEditor时，Windows没有可视的其他任何最大化窗口，即HexoEditor程序的该问题不被触发。
问题触发还有一些未知的条件。

（如图所示，切换至HexoEditor时，将有几率导致黑屏）

右键时屏幕画面偏移

当在编辑区点击右键时，可以明显感受到屏幕画面向右略微偏移了1-2像素，同时在窗口左侧阴影变成了明显的黑边，但与黑屏问题一样，问题似乎与显示器画面渲染有关，屏幕上看的到，但是无法通过截图表明。以下截图红色部分的位置为显示器上看到的黑边。

问题补充

黑屏问题与chrome黑屏问题非常的相似，因此怀疑与GPU在一定程度上有关。

Windows的x32 x64两个版本都存在该问题。

Moeditor的最后x64版本没有以上两个问题。

测试环境

windows 10 x64 家庭版 版本1709
联系笔记本，核显。

如果需要不同的参数信息，我会及时的回复，感谢您的解答。

关于安装..npm run start 之后报错

报错误..error while loading shared libraries: libgtk-x11-2.0.so.0: cannot open shared object file: No such file or directory
但是这个包 libgtk-x11-2.0.so.0
我通过
yum install libgtk-x11-2.0.so.0 装过了
直接运行
electron .
(electron:4330): Gtk-WARNING **: cannot open display:
什么原因？怎么解决?
依赖包应该是装全了..到这一步之前还有两个包没装..一一装上直到报这个错误..实在没办法了...
建议在说明里加上需要安装的依赖包

腾讯云的access key在哪里查看

centos npm start 报错

[email protected] start /home/centos/fydy.github.io/HexoEditor
electron .

npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] start: electron .
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] start script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

Mac 下无法new post

在Mac平台下，采用最新发布的稳定版hexoeditor，点击 new post无法生成hexo post 文件 head部分内容。
点击之后没有反应。
请问这是什么问题呢？

不知道算不算bug图床

选完图床之后底下的选择还在，我看下面的预览图选完之后勾选框应该消失的

编辑时图片无法预览

无论是上传到七牛云，还是拷贝网络图片地址。预览的代码是 暂时本地路径的，但都无法查看
开发者模式查看代码：
<img src="file:///Users/。。。。

什么时候文件列表侧边栏能出来呢？

我看 Plan-To-Do中有“Add history files tree .....”
不过我不确定这是否是我期待的，Hexo的“_Posts"目录树侧边栏～
所以，问一下～

安装问题求助

Downloading electron-v1.8.7-win32-x64.zip
[> ] 1.4% of 50.32 MB (8.39 kB/s)
今天刚看到这个hexo编辑器,看介绍非常好可以大大提高写博客的效率。
but,nmp install，卡在这里了，有没有不翻墙解决的办法？
谢谢！
版主加油💪

能 release 一个mac 版本么

能 release 一个mac 版本么

Mac 系统中保存文件时点击扩展窗口的按钮后显示异常

点击 ”取消“ 后，再次尝试保存可以看到正常展开后的保存对话框

关于同步markdown文件名的问题

在新建一个post以后, 更改默认的文件标题,
对应的 /source/_posts/ 的文件名会立即同步修改.
但是, 再次修改title以后, .md 文件名无法自动同步
我目前找到的解决办法是关掉当前窗口, 再打开一次该文件, title就会同步到文件名了.
希望可以通过save来直接触发同步操作.
谢谢!

[Feature] Add support for Tencent Cloud Object Storage(COS)

@zhuzhuyule Could you please add cos support for image upload?

Here is the document and here is the npm package

强烈建议代码编辑区域背景可以设为黑色，或者说加个夜间主题。

现在太亮了写一会眼睛就受不了

ubuntu 16.04无法打开项目路径

ubuntu 16.04下用deb安装，
打开Hexo项目路径无法确认
无法打开全部图片路径

图片上传替换失败、文章标题更改失败

我发现文章标题有时候会更改失败，就是先写好了标题，回头再来改的时候却不会更改文件名。

然后在文章第一次编辑的时候，不上传图片，保存退出再打开第二次编辑的时候，图片是正常上传了，可是却没有替换。

安装文档说明 遗漏

说明文档 step 5-6 ，步骤，第五步前 应该，加入 执行路径 cd HexoEditor吧，没有的话 会执行出错，会提示 无法找到package.js, 且无法安装app，

Please provide an AppImage for Linux

This project is already configured to produce an AppImage for Linux but the AppImage is not available on the project's GitHub Releases page:

HexoEditor/package.json

Line 32 in d964356

"appImage",

Providing an AppImage would have, among others, these advantages:

• Applications packaged as an AppImage can run on many distributions (including Ubuntu, Fedora, openSUSE, CentOS, elementaryOS, Linux Mint, and others)
• One app = one file = super simple for users: just download one AppImage file, make it executable, and run
• No unpacking or installation necessary
• No root needed
• No system libraries changed
• Works out of the box, no installation of runtimes needed
• Optional desktop integration with appimaged
• Optional binary delta updates, e.g., for continuous builds (only download the binary diff) using AppImageUpdate
• Can optionally GPG2-sign your AppImages (inside the file)
• Works on Live ISOs
• Can use the same AppImages when dual-booting multiple distributions
• Can be listed in the AppImageHub central directory of available AppImages
• Can double as a self-extracting compressed archive with the --appimage-extract parameter

Here is an overview of projects that are already distributing upstream-provided, official AppImages.

If you have questions, AppImage developers are on #AppImage on irc.freenode.net.

关于自定义一个栏

大佬你好可能这个功能是一个很简单的功能
我希望自定义一些东西，比如说我希望每次新建文章都一些已经设置好的内容
比如说hexo的一些开头的东西可能描述不太清楚我会附上图片

比如说我新建一个文章开头就有了

title:
tags:
date:时间我希望可以读取系统当前时间精确到秒

可惜我没代码能力只能寄希望于作者你了谢谢你在百忙之中的阅读

希望可以加入对NexT主题中label和note的支持

我也不晓得这个功能其他主题有没有，反正NexT有这个功能。要是能支持这两个的显示进来就太棒啦。
最后给作者大大点个赞👍

上床七牛以后，构建链接出错

上传七牛以后，主题和文件路径之间缺少一个"/"

Any EN docs?

Can u add any English documentation, especially how to install it under the desktop CentOS 7?

上传图片以后文件名不变

你好 我把图片上传到腾讯云或者 SM.MS 后，文件名没有变化

windows版本 字体模糊发虚

软件的字体渲染是 Grayscale Anti-Aliasing，低分辨率下很模糊，请支持 Subpixel Anti-Aliasing，就像 Typora 一样清晰。

hexo主题无法识别