通过 icon.js 注入自己的 js 的方法

1. 用文本编辑器打开安装路径下的 icon.js 文件,如果是 Windows,默认路径如下:

   "C:\Program Files\SiYuan\resources\appearance\icons\ant\icon.js"

2. 在这个文件末尾加入如下代码:(可能遇到权限问题,通过资源管理器赋予读写权限即可)

function loadJS(url, callback) {
  var script = document.createElement('script'),
    fn = callback || function () { };
  script.type = 'text/javascript';
  if (script.readyState) {
    script.onreadystatechange = function () {
      if (script.readyState == 'loaded' || script.readyState == 'complete') {
        script.onreadystatechange = null;
        fn();
      }
    };
  } else {
    script.onload = function () {
      fn();
    };
  }
  script.src = url;
  document.getElementsByTagName('head')[0].appendChild(script);
}
//导入js文件
loadJS('/widgets/custom.js', function () {
});

3. 在思源工作目录的 widgets 下创建 custom.js 文件,Windows 下默认路径为:

   "C:\Users\你的用户名\Documents\SiYuan\data\widgets\custom.js"
   

在这个 custom.js 文件中写入你想注入的代码就可以实现 js 的注入了.

例如加入一个看板娘.在 custom.js 中添加如下代码:

loadJS('https://cdn.jsdelivr.net/gh/stevenjoezhang/live2d-widget/autoload.js',function(){
});

效果就是这样的.

接下来就是正常写插件的流程了.

希望大佬们写出来好用的插件.