写文章

2019.11.24更新!!: 多平台同步问题！！

使用前一定要先同步！！
- kali上: git pull
- windows上: git pull or HexoSyn
hexo new 文章名
这一步后会在source\ _post\ 目录下生成相应的文章
进入相应目录
haroopad 文章名 &
保存
或者Typora打开文章,但是写完之后要注意图片同步问题

上传文章

同步图片不需要了~~hexoImgCp~~

hexo g
生成静态页面
hexo d
提交github

上传本地更新后的环境！

kali:

1
2
3

git add .
git commit -m "kali提交说明: "
git push origin master

windows:

1	bash HexoUpload

或者:

1
2
3

git add .
git commit -m "Windows提交说明: "
git push origin master

图片保存

~~图片保存在 public/img 中~~
~~文章中引用: /img/xxx.png~~
~~Typora配置中图片保存在/img/ (系统img目录)下,需要在同步一次图片到上传目录下~~

~~hexoImgCp~~

2019.11.23更新

上述图片保存路径废弃，新的保存路径如下:

图片保存在文章同目录下的与文章同名的文件夹内 (source/_post/xxx文件夹)
文章中引用: 文章名/图片名
Typora配置中图片保存在 ./${filename} 下,不需要上述同步过程

2022.5.13更新

source/_data/butterfly.yml配置文件优先级高于themes/Butterfly/_config.yml
修改博客背景图片等图片资源放在themes/Butterfly/source/img/下， hexo g后会把此目录下的文件拷贝到public/img/中
新建source/images文件夹，主题配置文件source/_data/butterfly.yml中的博客背景图片等图片资源也可放在此文件夹下，hexo g后会将此文件夹内容复制到public/images文件夹

本地搜索使用xml格式对文章内容支持性不好，经常出现特殊字符导致的xml格式错误，所以改用JSON格式。修改Butterfly中的源码themes/Butterfly/source/js/search/local-search.js，修改如下:

$(function () {
  var loadFlag = false  // 预加载content.json
  search(GLOBAL_CONFIG.localSearch.path)
  loadFlag = true
  $('a.social-icon.search').on('click', function () {
    $('body').css('width', '100%')
    $('body').css('overflow', 'hidden')
    $('.search-dialog').animate({
    }, function () {
      $('.search-dialog').css({
        'display': 'block',
        'animation': 'titlescale 0.5s'
      }),
      300
    })
    $('#local-search-input input').focus()
    $('.search-mask').fadeIn();
    if (!loadFlag) {
      search(GLOBAL_CONFIG.localSearch.path)
      loadFlag = true
    }    // shortcut: ESC

    document.addEventListener('keydown', function f(event) {
      if (event.code === 'Escape') {
        closeSearch()
        document.removeEventListener('keydown', f)
      }
    })
  })
  var closeSearch = function () {
    $('body').css('overflow', 'auto')
    $('.search-dialog').animate({
    }, function () {
      $('.search-dialog').css({
        'display': 'none'
      })
    })
    $('.search-mask').fadeOut();
  }
  $('.search-mask, .search-close-button').on('click', closeSearch)
  function search(path) {
    $.ajax({
      url: GLOBAL_CONFIG.root + path,
      dataType: 'json',
      success: function (xmlResponses) {
        // get the contents from search data
        var datas = $(xmlResponses).map(function () {
          return {
            title: this.title,
            content: this.content,
            url: this.url
          }
        }).get()
        var $input = $('#local-search-input input') [0]        //---- 添加结果区域----
        $('#local-stats').append('<div class="search-result-list" id="resultDis"></div>')
        $input.addEventListener('input', function () {
          //var str = '<div class="search-result-list">'
          //------清除展示区域-----
          $('#resultDis').empty()          //
          var keywords = this.value.trim().toLowerCase().split(/[\s]+/)          //$resultContent.innerHTML = ''
          if (this.value.trim().length <= 0) {
            $('.local-search-stats__hr').hide()
            return
          }
          var count = 0          // 去除content中的<xxx> 和 ![xxx](xxxx)图像内容
          var regSContent = new RegExp('!\\[[^\\]]*\\]\\([^\\)]*\\)|<[^>]+>|top_img: /.*(png|jpg|gif)|cover: /.*(png|jpg|gif)', 'gi');
          // perform local searching
          datas.forEach(function (data) {
            var isMatch = true
            var dataTitle = data.title.trim().toLowerCase()
            var dataContent = data.content.trim().replace(regSContent, '').toLowerCase() //去除<xxx>
            var dataUrl = data.url
            var indexTitle = - 1
            var indexContent = - 1
            var tmpDisplayContent = ''            // only match artiles with not empty titles and contents
            if (dataTitle !== '' || dataContent !== '') {
              keywords.forEach(function (keyword, i) {
                indexTitle = dataTitle.indexOf(keyword)
                indexContent = dataContent.indexOf(keyword)
                if (indexTitle < 0 && indexContent < 0) {
                  isMatch = false
                } else {
                  if (indexContent < 0) {
                    indexContent = 0
                  }
                }
              })
            }            // show search results

            if (isMatch) {
              // 截取100长度的内容也展示出来,若只匹配了标题 则展示文章开头15个字符 ，对中间的关键词加粗处理
              tmpDisplayContent = dataContent.substring(indexContent - 50, indexContent + 50)
              keywords.forEach(function (keyword) {
                var regS = new RegExp(keyword, 'gi');
                tmpDisplayContent = tmpDisplayContent.replace(regS, '<mark style="color: white; background-color:green">' + keyword + '</mark>');
              });
              $('#resultDis').append('<div style="border-top: 1px solid #dddddd" class="local-search__hit-item">' +
              '<a href="' + dataUrl + '" class="search-result-title">' +
              '<strong>《' + dataTitle + '》:</strong>   " ' + tmpDisplayContent + ' "' +
              '</a>' +
              '</div>'
              )
              count += 1
              $('.local-search-stats__hr').show()
            }
          })
          if (count === 0) {
            str += '<div id="local-search__hits-empty">' + GLOBAL_CONFIG.localSearch.languages.hits_empty.replace(/\$\{query}/, this.value.trim()) +
            '</div>'
          }
          $('#local-hits').append('<p>未搜索到相关结果</p>')
        })
      }
    })
  }
})