解决Hexo-local-admin不支持在线markdown编辑器问题❓

前面提到用 Hexo-local-admin 使 Hexo 的管理可视化,但使用一段时间后发现,Hexo-local-admin 不支持 mrakdown 在线编辑的缺点实在令人头疼…

前言

前面提到用 Hexo-local-admin 使 Hexo 的管理可视化,但使用一段时间后发现,Hexo-local-admin 不支持 mrakdown 在线编辑的缺点实在令人头疼,今天逛 gitee 的时候找到一款 Markdown 前端编辑器。刚好解决了我管理博客的又一难题。😃📈

Editor.md 详情点击 👉:http://editor.md.ipandao.com/

预览截图

截图专用

HOW-TO-USE

  1. 到Hexo-Local-admin根目录 npm 安装:

    1
    npm install editor.md
  2. 找到你计算机 nodejs 安装位置,找到

    \node_modules\hexo-local-admin\views\ejs\tpl\new-post.ejs

  3. 将以下代码

1
2
3
4
5
<textarea name="content" id="content-editor">---
title: new post
date: "<%= time %>"
---
new content here</textarea>
  • 前后追加
    前:<div id="test-editor">
    后:</div>
  • 找到 views\public\js\entry.min.js
    加入函数
    1
    2
    3
    4
    5
    6
    7
    $(function() {
    var editor = editormd("test-editor", {
    width : "100%",
    height : "500px",
    path : "editormd/lib/"
    });
    });
    • 找到views\public\ejs\index.ejs
      在head标签处加入<link rel="stylesheet" href="/editormd/css/editormd.css" />
      在footer处加入
      1
      <script src="https://cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script><script src="editormd/editormd.min.js"></script>
  • 将下载解压来的Editor.md文件夹更改为”editormd”,粘贴到hexo-local-admin的views/public下即可.

    完毕

截图专用