Hexo 有强大的插件系统，使您能轻松扩展功能而不用修改核心模块的源码。在 Hexo 中有两种形式的插件：
脚本（Scripts）
如果您的代码很简单，建议您编写脚本，您只需要把 JavaScript 文件放到 scripts 文件夹，在启动时就会自动载入。
插件（Packages）
如果您的代码较复杂，或是您想要发布到 NPM 上，建议您编写插件。首先，在 node_modules 文件夹中建立文件夹，文件夹名称开头必须为 hexo-，如此一来 Hexo 才会在启动时载入。文件夹内至少要包含 2 个文件：一个是主程序，另一个是 package.json，描述插件的用途和所依赖的插件。
├── index.js
└── package.json
package.json 中至少要包含 name, version, main 属性，例如：
package.json
"name": "hexo-my-plugin",
"version": "0.0.1",
"main": "index"
Hexo 共有九种插件，您可以在 API 页面中获得更多信息：
您可以使用 Hexo 提供的官方工具插件来加速开发：
：工具程式
：本地化（i18n）
：生成分页资料
当您完成插件后，可以考虑将它发布到 ，让更多人能够使用您的插件。发布插件的步骤和
非常类似。
把库（repository）复制到电脑上，并安装所依赖的插件。
$ git clone //site.git
$ npm install
编辑 source/_data/plugins.yml，在档案中新增您的插件，例如：
- name: hexo-server
description: Server module for Hexo.
link: /hexojs/hexo-server
- official
推送（push）分支。
建立一个新的合并申请（pull request）。hexo创建个人博客（附加插入音乐、分享、评论、标签页、搜索） - 简书
hexo创建个人博客（附加插入音乐、分享、评论、标签页、搜索）
　　你是不是见多了各种大v的个人博客，是不是也想拥有这样的一个个人博客，（静静的装B！）看这里，就对了。一步一步教你创建自己的博客。　　现在用的比较多的就是（快速、简洁且高效的博客框架），支持markDown，有丰富的插件和主题
1、安装环境
　　安装 和 ,git就不用多说了，如果连git都不会装，请出去把门关上。　　Node.js 的安装可以使用两种方法，1、点击前面链接直接下载安装即可 2、通过终端命令行：
$ curl /creationix/nvm/master/install.sh | sh
之后重启终端，如果还找不到nvm命令可尝试重启电脑接着执行
$ nvm install 4
即可安装完成以上两个条件已具备的话，即可开始安装hexo博客框架
$ npm install -g hexo-cli
执行完成后hexo就安装成功了，第一步结束，环境配置完毕可以开始创建自己的博客了
2、github上创建仓库
　　github帐号的创建我也不再次赘述了。下面说一下仓库的创建，名字前面部分可以自己随便起。后面部分统一为github.io ，其他的均不需设置。如下图：
下午5.36.45.png
3、博客的创建
　　3.1初始化
cd /Desktop
//cd到你的桌面执行：（init 后面的就是你的名字，当然你也可以随便起，不影响的，仅仅是创建一个文件夹）
$ hexo init nanshanyi.github.io
桌面会生成一个文件夹nanshanyi.github.io
　　3.2基础配置
　　打开_config.yml文件进行基础配置（可以使用或者来打开，都是很很强大的代码编辑器，可安装各种插件，前端开发必备）
title: 南山亿的技术博客
//博客名字
subtitle: 积少成多
//小标题可以写自己喜欢的话
description:
//博客描述
author: 南山忆
//作者名字
language: zh-Hans
//语言（此处为简体中文）
//自己购买的域名网址（没有可不写）
//主题的名字
type: git //使用git发布
repo: /nanshanyi/nanshanyi.github.io.git //刚刚创建的github仓库的地址
　　3.3安装主题
　　博客要想炫酷漂亮，一款合适的主题必不可少，hexo本身就提供了50种 可以预览查看，选择一款自己喜欢的主题　　点击图片即可预览，看到此主题的效果，点击蓝色主题名即可进入此主题的github仓库，一般主题作者都写有使用方法。
下午6.00.09.png
cd 到nanshanyi.github.io文件下
$ git clone /iissnan/hexo-theme-next themes/next
　　这里使用的是一款简约漂亮的主题，使用的人挺多的。之后就可以在nanshanyi.github.io/themes目录下看到nex（以下next均为主题名，路径中为主题文件夹名。使用的主题不同只要把next换成相应的名字即可）主题。这个主题有三种布局展示形式，可自行挑选主题的详细配置
3.4创建博客文章与发布
　　在nanshanyi.github.io 目录下终端命令：
$ hexo new '文件名' //会在source/_posts创建一个文件名.md文件
　　这就可以使用markdown编辑器开始写自己的博客了（上面提到有工具）
title: new//博客标题
10:47:49 //创建时间
//分类标签
　　这里写正文（上面的---是必要的）
　　本地查看效果预览
　　浏览器打开 即可查看效果　　发布到 github：
$ hexo clean && hexo g && hexo d //发布到 github
　　发布到 github 后可以使用
访问（请使用你自己的网址）
3.5博客中插入图片,音乐
　　基本分为两种办法（1）放在本地文件首先在nanshanyi.github.io目录下确认 _config.yml 中有 post_asset_folder:true 。在 hexo 目录，执行
$ npm install /CodeFalling/hexo-asset-image --save
　　之后再使用 hexo new 'new' 创建新博客的时候，会在source/_posts里面创建.md文件的同时生成一个相同的名字的文件夹。把该文章中需要使用的图片放在该文件夹下即可。使用的时候
！[ ] (new/text.jpg)
（2）放在上，需要先注册，上传图片生成链接，直接在文章中使用链接即可。
（3）插入音乐　　可以使用网易云音乐，搜索想要的歌曲，点击歌曲名字进入播放器页面，点击生成外链播放器；复制代码，直接粘贴到博文中即可。这样会显示一个网易的播放器，可以把
&iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=298 height=52 src="/outchain/player?type=2&id=&auto=1&height=32"&&/iframe&
//其中的width=298 height=52 均改为0就看不到了，依然可以播放音乐
下午2.01.52.png
下午1.56.58.png
4、集成多说评论，分享
　　申请帐号,打开页面点击我要安装注册帐号
上午10.38.15.png
　　在themes/next目录下打开 _config.yml，设置
duoshuo_shortname:
nanshanyi //上面多说域名中填的内容
需要分享的打开duoshuo_share: true 即可，支持分享到微博、QQ空间、微信
然后打开themes\landscape\layout_partial\article.ejs文件把以下代码
&% if (!index && ments && config.disqus_shortname){ %&
&section id="comments"&
&div id="disqus_thread"&
&noscript&Please enable JavaScript to view the &a href="///?ref_noscript"&comments powered by Disqus.&/a&&/noscript&
&/section&
&% if (!index && ments && config.duoshuo_shortname){ %&
&section id="comments"&
&!-- 多说评论框 start --&
&div class="ds-thread" data-thread-key="&%= post.layout %&-&%= post.slug %&" data-title="&%= post.title %&" data-url="&%= page.permalink %&"&&/div&
&!-- 多说评论框 end --&
&!-- 多说公共JS代码 start (一个网页只需插入一次) --&
&script type="text/javascript"&
var duoshuoQuery = {short_name:'&%= config.duoshuo_shortname %&'};
(function() {
var ds = document.createElement('script');
ds.type = 'text/javascript';ds.async =
ds.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') + '///embed.js';
ds.charset = 'UTF-8';
(document.getElementsByTagName('head')[0]
|| document.getElementsByTagName('body')[0]).appendChild(ds);
&!-- 多说公共JS代码 end --&
&/section&
然后你hexo s ,打开 打开文章看一下，评论和分享已经静静的躺在那了
下午3.36.43.png
5、添加标签页
　　在nanshanyi.github.io文件目录下执行
$ hexo new page tags //会在nanshanyi.github.io/source下创建tags文件夹内部是一个index.md和index文件夹
修改nanshanyi.github.io/themes/next/_config.yml
#categories: /categories //分类
archives: /archives
tags: /tags
//标签（添加此行即可）
about: /about
#commonweal: /404.html
首页菜单就会有便签项，点击即可进入标签页。
6、添加搜索功能
　　next支持Swiftype 、微搜索和Local Search　　（1）Swiftype （收费的没有免费版，进可以使用15天）是为网站和移动应用提供内部搜索的工具，点击进入 ，注册之后需要填写自己的博客的网址然后选择
下午9.07.45.png
选择 install Search
下午9.10.01.png
途中的即为swiftype_key修改nanshanyi.github.io/themes/next/_config.yml中的
swiftype_key:上面红圈中的内容
点击 resume Configuration 选择 search field edit
下午9.49.27.png
save发布即可看到效果
下午9.54.34.png
（2）添加本地搜索安装 hexo-generator-search，在nanshanyi.github.io目录下执行以下命令：
$ npm install hexo-generator-search --save
在nanshanyi.github.io/themes/next/_config.yml添加
path: search.xml
field: post
发布即可看到效果，和上面的 swiftType 效果差不多，就不再粘图片了。点击阅读原文
hexo博客中添加音乐、high一下功能
3月24日 发布，来源：
hexo添加音乐需要几个步骤？
添加音乐当然可以用其他网站的外链，但是一般外链是&iframe&，这个影响网站的SEO，逼格也不够高。
下面我就隆重介绍一款html5音乐播放器：。把Aplayer加入hexo需要用到插件。
切换到hexo目录，运行：
npm install hexo-tag-aplayer@2.0.1
这里直接运行npm install hexo-tag-aplayer只会安装2.0.0，这个版本会出现以下错误：
FATAL Cannot find module '/Users/hechao/Documents/TechBlog/CniceToUpp/node_modules/hexo-tag-aplayer'Error: Cannot find module '/Users/hechao/Documents/TechBlog/CniceToUpp/node_modules/hexo-tag-aplayer'
作者给出来解决方案是用2.0.1版本，。
安装完成后，在需要添加音乐的地方加上：
{% aplayer "平凡之路" "朴树" "/%E5%B9%B3%E5%87%A1%E4%B9%8B%E8%B7%AF.mp3" "/1.jpg" "autoplay" %}
就会出现你想要的音乐啦，这里我把音乐和专辑封面添加到七牛上，加载速度嗖嗖的。
如果你想加入歌单，把上面的代码换成下面代码就行，参数的用法可以参照插件的使用说明。
{% aplayerlist %}{"narrow": false,"autoplay": true,"showlrc": 3,"mode": "random","music": [{"title": "平凡之路","author": "朴树","url": "http://og9ocpmwk./%E5%B9%B3%E5%87%A1%E4%B9%8B%E8%B7%AF.mp3","pic": "/1.jpg","lrc": "http://og9ocpmwk./%E5%B9%B3%E5%87%A1%E4%B9%8B%E8%B7%AF.txt"},{"title": "野子","author": "苏运莹","url": "http://og9ocpmwk./01%20%E9%87%8E%E5%AD%90.m4a","pic": "http://og9ocpmwk./%E9%87%8E%E5%AD%90.jpg","lrc":"/%E9%87%8E%E5%AD%90.txt"}]}{% endaplayerlist %}
当然，Aplayer的作者还有一款html5的视频播放器，叫，对应有一款hexo的插件，叫，有需求的可以去看看，用法都差不多。
一起high一下
这个功能是我在上看到的，觉得很有意思，于是就引进来，改造了一下。
首先是重新封装了一个high.js文件，代码中注释的地方可下载下来放到七牛，加快国内访问速度：
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150
function shake() { function c() { var e = document.createElement("link"); e.setAttribute("type", "text/css"); e.setAttribute("rel", "stylesheet"); e.setAttribute("href", f); e.setAttribute("class", l); document.body.appendChild(e) }
function h() { var e = document.getElementsByClassName(l); for (var t = 0; t & e. t++) { document.body.removeChild(e[t]) } }
function p() { var e = document.createElement("div"); e.setAttribute("class", a); document.body.appendChild(e); setTimeout(function() { document.body.removeChild(e) }, 100) }
function d(e) { return { height : e.offsetHeight, width : e.offsetWidth } }
function v(i) { var s = d(i); return s.height & e && s.height & n && s.width & t && s.width & r }
function m(e) { var t = var n = 0; while (!!t) { n += t.offsetT t = t.offsetParent } return n }
function g() { var e = document.documentE if (!!window.innerWidth) { return window.innerHeight } else if (e && !isNaN(e.clientHeight)) { return e.clientHeight } return 0
function y() { if (window.pageYOffset) { return window.pageYOffset } return Math.max(document.documentElement.scrollTop, document.body.scrollTop) }
function E(e) { var t = m(e); return t &= w && t &= b + w }
function S() { var e = document.createElement("audio"); e.setAttribute("class", l); e.src = e.loop = false; e.addEventListener("canplay", function() { setTimeout(function() { x(k) }, 500); setTimeout(function() { N(); p(); for (var e = 0; e & O. e++) { T(O[e]) } }, 15500) }, true); e.addEventListener("ended", function() { N(); h() }, true); e.innerHTML = " &p&If you are reading this, it is because your browser does not support the audio element. We recommend that you get a new browser.&/p& &p&"; document.body.appendChild(e); e.play() }
function x(e) { e.className += " " + s + " " + o }
function T(e) { e.className += " " + s + " " + u[Math.floor(Math.random() * u.length)] }
function N() { var e = document.getElementsByClassName(s); var t = new RegExp("\\b" + s + "\\b"); for (var n = 0; n & e. ) { e[n].className = e[n].className.replace(t, "") } }
var e = 30; var t = 30; var n = 350; var r = 350; var i = "http://o9w8f1xrl./highqilai/harlem-shake.mp3"; //可下载下来放到七牛，加快国内访问速度
var s = "mw-harlem_shake_me"; var o = "im_first"; var u = ["im_drunk", "im_baked", "im_trippin", "im_blown"]; var a = "mw-strobe_light"; var f = "http://o9w8f1xrl./highqilai/harlem-shake-style.css";//可下载下来放到七牛，加快国内访问速度
var l = "mw_added_css"; var b = g(); var w = y(); var C = document.getElementsByTagName("*"); var k = null; for (var L = 0; L & C. L++) { var A = C[L]; if (v(A)) { if (E(A)) { k = A; break
} } } if (A === null) { console.warn("Could not find a node of the right size. Please try a different page."); return
} c(); S(); var O = []; for (var L = 0; L & C. L++) { var A = C[L]; if (v(A)) { O.push(A) } }}
把这个文件保存在七牛上，在themes—&next—&layout—&_partials—&head.swig中加入这样一段代码，引入high.js文件(src里的内容请替换成自己的外链)：
&script type="text/javascript" src="/high.js"&&/script&
然后在themes—&next—&layout—&_macro—&sidebar.swig中加入注释包围中的代码：
1234567891011121314151617
&div class="links-of-author motion-element"& {% if theme.social %} {% for name, link in theme.social %} &span class="links-of-author-item"&
&a href="{{ link }}" target="_blank" title="{{ name }}"&
{% if theme.social_icons.enable %} &i class="fa fa-fw fa-{{ theme.social_icons[name] | default('globe') | lower }}"&&/i&
{% endif %} {{ name }} &/a&
{% endfor %} &!--以下是加入关于high一下的代码--&
&span class="links-of-author-item"&&a title="小high一下~" style="underline:color:red" rel="alternate" class="mw-harlem_shake_slow wobble shake" href="javascript:shake()"&&i class="fa fa-music"&&/i& &&High&/a&&/span&
&!--以上是加入关于high一下的代码--&
{% endif %} &/div&
style中我用了红色，这样显眼一点，不喜欢的话可以改掉。
接下来点击high这个按钮，会出现一下效果：
当我吭哧吭哧的弄完后，突然发现我运行hexo g命令后，出现下面两行提示后就不动了~
INFO Start processingINFO Files loaded in 3.9 s
我用了各种方法，包括版本回退，好像都没用。于是我就尝试切换到hexo默认主题，结果又可以hexo g，估计是next主题出问题了，于是我重新下了next主题，把我的配置都重新弄了一遍，结果好了~~，不过页脚的地方与之前博客不同，少了”power by hexo”这几个字眼。
更新next后遇到的第一个问题是，不显示文章发表时间了，github上的解答是这样的,,在主题配置文件里面加上下面的配置，然后就出来了。
# Post meta display settingspost_meta:
created_at: true
updated_at: false
categories: true
第二个问题，我hexo s成功后，登陆localhost:4000，发现出现下面的提示：
原因是，我开了shadowsocks的全局模式，切换到自动代理模式，就可以显示网页了。
明天提醒我
我要该，理由是：
关闭理由：
删除理由：
忽略理由：
推广（招聘、广告、SEO 等）方面的内容
与已有问题重复（请编辑该提问指向已有相同问题）
答非所问，不符合答题要求
宜作评论而非答案
带有人身攻击、辱骂、仇恨等违反条款的内容
无法获得确切结果的问题
非开发直接相关的问题
非技术提问的讨论型问题
其他原因（请补充说明）