About Hexo

自动开启编辑器

为Hexo 3增加新功能: hexo new “title” 后自动使用指定编辑器打开新建的md文件.
System: Ubuntu16.04 64bit
Editor: Haroopad

在hexo根目录下的scripts文件夹下面新建open.js文件,添加下面的内容:

1
2
3
4
5
6
var spawn = require('child_process').spawn;

// Hexo 3
hexo.on('new', function(data){
spawn('haroopad', [data.path]);
});
迁移

之前的系统崩了,将完整的hexo文件备份,重装系统,将文件拷到电脑,安装nvm,配置node,记得版本不要最新的,官方推荐稳定版本即可。配置git,npm, 再hexo文件重新安装hexo,只进行一次安装命令即可[也就是不用hexo init这些初始化和配置的命令]

更换评论系统

多说要崩,换Disqus, 但是要FQ才能加载出来,。对技术爱好者来说FQ是基本技能,所以还是选择了它。

文末增加版权信息

参考这里

页脚居中

参考这里

点击心型特效

...\themes\next\source\js\src\下新建love.js,代码如下:

!function(e,t,a){function n(){c(“.heart{width: 10px;height: 10px;position: fixed;background: #f00;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);}.heart:after,.heart:before{content: ‘’;width: inherit;height: inherit;background: inherit;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;position: fixed;}.heart:after{top: -5px;}.heart:before{left: -5px;}”),o(),r()}function r(){for(var e=0;e<d.length;e++)d[e].alpha<=0?(t.body.removeChild(d[e].el),d.splice(e,1)):(d[e].y—,d[e].scale+=.004,d[e].alpha-=.013,d[e].el.style.cssText=”left:”+d[e].x+”px;top:”+d[e].y+”px;opacity:”+d[e].alpha+”;transform:scale(“+d[e].scale+”,”+d[e].scale+”) rotate(45deg);background:”+d[e].color+”;z-index:99999”);requestAnimationFrame(r)}function o(){var t=”function”==typeof e.onclick&&e.onclick;e.onclick=function(e){t&&t(),i(e)}}function i(e){var a=t.createElement(“div”);a.className=”heart”,d.push({el:a,x:e.clientX-5,y:e.clientY-5,scale:1,alpha:1,color:s()}),t.body.appendChild(a)}function c(e){var a=t.createElement(“style”);a.type=”text/css”;try{a.appendChild(t.createTextNode(e))}catch(t){a.styleSheet.cssText=e}t.getElementsByTagName(“head”)[0].appendChild(a)}function s(){return”rgb(“+(255*Math.random())+”,”+(255Math.random())+”,”+~~(255Math.random())+”)”}var d=[];e.requestAnimationFrame=function(){return e.requestAnimationFrame||e.webkitRequestAnimationFrame||e.mozRequestAnimationFrame||e.oRequestAnimationFrame||e.msRequestAnimationFrame||function(e){setTimeout(e,1e3/60)}}(),n()}(window,document);

...\themes\next\layout\_layout.swig的最下方,</body>前面添加<script type="text/javascript" src="/js/src/love.js"></script>

参考这里

雪花特效

参考这里

添加About菜单即相应页面

参考这里

next主题设置如下,将about的注释去掉即可:

# ---------------------------------------------------------------
# Menu Settings
# ---------------------------------------------------------------

# When running the site in a subdirectory (e.g. domain.tld/blog), remove the leading slash (/archives -> archives)
menu:
  home: /
  categories: /categories
  archives: /archives
  tags: /tags
  about: /about
  #sitemap: /sitemap.xml
  #commonweal: /404.html

之后hexo new page about,生成source/about/index.md,编辑相应内容即可。

添加Jupyter Notebook支持

参考这里

nbviewer,输入你的github用户名,找到项目文件,之后复制上面的url。
在md文件直接添加
<iframe src="your_URL" width="700" height="400"></iframe>
将your_URL换为上面已经复制的即可。

========2019.07.06更新==========

还是感觉上面的嵌入略丑…所以换成使用hexo-jupyter-notebook库来做嵌入,具体方法参考这里

行内公式问题

写个公式总是有问题,参考这里改了几个配置,暂时可以了。

(2019.6.13更新)

突然又显示不了公式,通过在文件中加入mathjax: true解决。

不蒜子计数(网站浏览量)[新版问题修复]

基本的方法比较简单,参考这里即可,next主主题尤为简单。

不过之前配置的方法已经不行了(所以早些时候的教程就不能用了,不过稍微改动一下就可以)。(Github)(https://github.com/iissnan/hexo-theme-next/issues/2174)已经有人提了issue并解决了,修改`busuanzi-counter.swig`文件:

注意,这里Github上给出的路径是/next/layout/_third-party/analytics/busuanzi-counter.swig不过我这里是在/home/shensir/hexo/themes/next/layout/_scripts/third-party/analytics/busuanzi-counter.swig,可能不同系统不一样?不过我这里改了也是可以的。

将这一行:

1
<script async src="https://dn-lbstatics.qbox.me/busuanzi/2.3/busuanzi.pure.mini.js"></script>

改为下面这行即可:

1
<script async src="https://busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>

另外,新版的next对其支持很好。

升级hexo

参考这里

另外,由于七牛云的一些问题,会出现ERROR Plugin load failed: hexo-qiniu-sync,参考Github,只需要:

  • 删除_config.yml中的hexo-qiniu-sync配置字段
  • 删除node_modules/文件夹下的qiniu文件夹和hexo-qiniu-sync 文件夹

即可。

Valine.js评论系统

参考这里

如果在leancloud.设置了Web 安全域名,那么需要将本地域名加进去,如http://localhost:4000,下面才不会显示请求错误。

comic

参考这里

本文标题:About Hexo

文章作者:不秩稚童

发布时间:2017年02月25日 - 11:30:19

最后更新:2019年07月06日 - 13:17:45

原始链接:http://datahonor.com/2017/02/25/About-Hexo/

许可协议: 署名-非商业性使用-禁止演绎 4.0 国际 转载请保留原文链接及作者。

击蒙御寇