hexo博客代码高亮插件hexo-syntaxhightlight介绍

发表于 | 更新于:
字数统计: 211 | 阅读时长 ≈ 1

hexo-syntaxhightlight插件

hexo博客目录package.json引入

 "hexo-syntaxhightlight": "^1.0.0"

node_modules目录下创建文件夹 hexo-syntaxhightlight
并在里面创建文件 index.js和package.json
index.js内容

hexo.extend.tag.register('shcode', function(args){
	var a=args[0];
	if(a==undefined){
		a="html";
	}
	if(a.indexOf(':')!=-1){
		var b=a.split(':');
		a=b[1];
	}
 	 return '
';
});

hexo.extend.tag.register('endshcode', function(args){
 	return '
';
});

package.json内容

 {
  "name": "hexo-syntaxhightlight",
  "version": "1.0.0",
  "private": true,
  "hexo": {
    "version": "3.7.1"
  },
  "dependencies": {
    "hexo": "^3.7.0",
    "hexo-generator-archive": "^0.1.5",
    "hexo-generator-category": "^0.1.3",
    "hexo-generator-index": "^0.2.1",
    "hexo-generator-tag": "^0.2.0",
    "hexo-renderer-ejs": "^0.3.1",
    "hexo-renderer-stylus": "^0.3.3",
    "hexo-renderer-marked": "^0.3.2",
    "hexo-server": "^0.3.1"
  },
  "description": "hexo blog code highlight with synctaxhighlight",
  "main": "index.js",
  "devDependencies": {},
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "Caigen Lee",
  "license": "ISC"
}

_layout.swig 引入syntaxhighlighter脚本和样式文件并校正样式

启动博客 hexo server就可看到效果啦。

0%