Giter VIP home page Giter VIP logo

hexo-simple-mindmap's Introduction

hexo-simple-mindmap's People

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

hexo-simple-mindmap's Issues

建议:加两个个幕布大小的缩放按钮

  1. 加两个个幕布缩放按钮,像地图一样可以放大缩小
  2. 加载脑图时,默认显示所有的分支结构图,而不是标题居中
  3. 可以在适当加一个定位点,定位脑图的中心标题

初始化居中显示

初始化会取中心节点的左边沿作为视区中心, 看起来不太美观/便利, 大佬可以改为取中心节点中心作为视区中心吗

image

image

"Verion 9 of Highlight.js has reached EOL."

当我运行npm install hexo-simple-mindmap --save时, 输出如下:

Verion 9 of Highlight.js has reached EOL.  It will no longer
be supported or receive security updates in the future.
Please upgrade to version 10 or encourage your indirect
dependencies to do so.

For more info:
  
https://github.com/highlightjs/highlight.js/issues/2877
https://github.com/highlightjs/highlight.js/blob/master/VERSION_10_UPGRADE.md

也许npm package需要更新?

Mindmap Rendering failed

INFO Validating config

  • hexo: 5.1.0
  • hexo-cli: 4.1.0
  • os: Windows_NT 10.0.19041 win32 x64
  • node: 12.18.0

DEMO
{% pullquote mindmap mindmap-md %}

{% endpullquote %}

RESULT
daY1l6.png

添加链接后不能正常显示

{% pullquote mindmap mindmap-md %}
- [在 Hexo 中使用思维导图](https://hunterx.xyz/use-mindmap-in-hexo.html)
  - 前言
  - 操作指南
    - [准备需要的文件](/url0)
    - [为主题添加 CSS/JS 文件](/url1)
  - [使用方法](/url2)
{% endpullquote %}

未命名图片 (2)

图片中红框标记的地方应该是操作指南

思维导图没有正确显示

环境:
hexo3.9
next7

部署:
npm install hexo-simple-mindmap --save

现象:
插件安装成功,使用时未能展示思维导图的样式,控制台发现有报错
image

image

$(document).ready(function(){$(".mindmap").each(function(){MM_FUNCS.drawMindMap(this)})});var MM_FUNCS={li2jsonData:function(c){var a;var b=c.children("a:first");if(b.length!==0){a={"data":{"text":b.text(),"hyperlink":b.attr("href")}}}else{a={"data":{"text":c[0].childNodes[0].nodeValue.trim()}}}c.find("> ul > li").each(function(){if(!a.hasOwnProperty("children")){a.children=[]}a.children.push(MM_FUNCS.li2jsonData($(this)))});return a},drawMindMap:function(a){var d=$(a).find(">ul:first");var c={"root":{}};var b=new kityminder.Minder({renderTo:a});c.root=MM_FUNCS.li2jsonData(d.children("li:first"));b.importData("json",JSON.stringify(c));b.disable();b.execCommand("hand");$(d).hide()}};

image
image

bug: root节点未正常转义为a标签

hexosimplemindmaproot2urlexception.png

hexo 4.2.0 ,
root节点为链接时未正常转义为a标签
导致思维导图生成失败
c[0].childNodes[0].nodeValue.trim() // 未检索到节点,报错

jquery.min.js:2 Uncaught TypeError: Cannot read property 'trim' of null

项目依赖
"dependencies": {
"hexo": "^4.0.0",
"hexo-abbrlink": "^2.0.5",
"hexo-blog-encrypt": "^3.0.12",
"hexo-generator-archive": "^1.0.0",
"hexo-generator-category": "^1.0.0",
"hexo-generator-index": "^1.0.0",
"hexo-generator-tag": "^1.0.0",
"hexo-renderer-ejs": "^1.0.0",
"hexo-renderer-marked": "^2.0.0",
"hexo-renderer-stylus": "^1.1.0",
"hexo-server": "^1.0.0",
"hexo-symbols-count-time": "^0.7.0",
"hexo-tag-cloud": "^2.1.1"
}

主题
next 7.7.1

目前不清楚是hexo版本问题还是其他插件导致的,囧

请问作者有没有什么解决思路?

中文乱码问题

作者,您好。
我在适应时遇到了中文乱码问题,请问需要额外设置什么吗?

_C7W{GXE1{A}073H7$KBGSG

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.