欢迎访问我的个人博客网站:http://www.yanmin99.com/
Hexo的Next主题增加畅言评论
评论插件选择
- 多说评论已经确定在2017年6月1日正式关停服务,网易云跟贴确定在2017年8月1日停服。所以推荐大家使用搜狐的畅言评论
一、畅言评论
- 注册畅言评论
- 添加站点
- 获取APP ID、APP KEY
二、上线畅言评论
- 打开
themes/next/_config.yml
文件
- 设置
enable:true
,并且把后后台APP ID、APP KEY设置给appid和appkey
-
hexo server
启动以后,访问如果出现以下错误
Unhandled rejection Error: ENOENT: no such file or directory, open '/disk2/blog/themes/next/layout/_third-party/comments/changyan.swig'
at Object.fs.openSync (fs.js:651:18)
at Object.fs.readFileSync (fs.js:553:33)
at Object.ret.load (/disk2/blog/node_modules/swig/lib/loaders/filesystem.js:55:15)
at exports.Swig.compileFile (/disk2/blog/node_modules/swig/lib/swig.js:695:31)
at Object.eval [as tpl] (eval at precompile (/disk2/blog/node_modules/swig/lib/swig.js:498:13), <anonymous>:15:18)
at compiled (/disk2/blog/node_modules/swig/lib/swig.js:619:18)
at Object.eval [as tpl] (eval at precompile (/disk2/blog/node_modules/swig/lib/swig.js:498:13), <anonymous>:853:127)
at compiled (/disk2/blog/node_modules/swig/lib/swig.js:619:18)
at Theme._View.View._compiled (/disk2/blog/node_modules/hexo/lib/theme/view.js:127:30)
at Theme._View.View.View.render (/disk2/blog/node_modules/hexo/lib/theme/view.js:29:15)
at /disk2/blog/node_modules/hexo/lib/hexo/index.js:390:25
at tryCatcher (/disk2/blog/node_modules/bluebird/js/release/util.js:16:23)
at /disk2/blog/node_modules/bluebird/js/release/method.js:15:34
at RouteStream._read (/disk2/blog/node_modules/hexo/lib/hexo/router.js:134:3)
at RouteStream.Readable.read (_stream_readable.js:431:10)
at resume_ (_stream_readable.js:811:12)
at _combinedTickCallback (internal/process/next_tick.js:102:11)
at process._tickCallback (internal/process/next_tick.js:161:9)
把changyan.swig地址拷贝以下:cp layout/_scripts/third-party/comments/changyan.swig layout/_third-party/comments/欢迎访问我的个人博客网站:http://www.yanmin99.com/
一、加入搜索功能
-
加入搜索功能步骤
-
1、安装searchdb
npm install hexo-generator-searchdb --save
-
2、添加search字段,在站点配置文件myBlog/_config.yml
添加search字段
search:
path: search.xml
field: post
format: html
limit: 10000
-
3、编辑主题配置文件myBlog/themes/next/_config.yml
,启用本地搜索功能:
# Local search
local_search:
enable: true
4、运行效果图
<script type="text/javascript">
$(function () {
$('pre.prettyprint code').each(function () {
var lines = $(this).text().split('\n').length;
var $numbering = $('<ul/>').addClass('pre-numbering').hide();
$(this).addClass('has-numbering').parent().append($numbering);
for (i = 1; i <= lines; i++) {
$numbering.append($('<li/>').text(i));
};
$numbering.fadeIn(1700);
});
});
</script>
分享到:
相关推荐
下载并安装Next主题后,你需要将`hexo-theme-next-master`文件夹移动到Hexo项目的`themes`目录下,然后在`_config.yml`文件中将主题设置为`next`。接着,根据Next的主题文档进行个性化配置,这可能涉及修改主题配置...
【标题】:“基于Next5主题美化的一款hexo博客主题” 【描述】:“基于Next5主题美化的一款hexo博客主题”是指使用Hexo框架中的Next5主题进行了一系列的定制和优化,旨在提供更美观、更具个性化的博客展示效果。...
在Hexo博客框架中,NexT主题是一款非常受欢迎的高级主题,以其优雅的设计和丰富的功能深受用户喜爱。"与Hexo的NexT主题契合的多说css样式"是针对NexT主题进行定制的多说评论插件的CSS样式,旨在确保评论区与整个博客...
《Hexo与Next主题构建个人博客详解》 Hexo是一款基于Node.js的快速、简洁且高效的博客框架,它使得创建和管理个人博客变得极其简单。而Hexo的Next主题则是最受欢迎的主题之一,以其优雅的设计和丰富的功能吸引了...
Next主题以其优雅的设计和丰富的功能,成为Hexo用户中的热门选择。下面将详细介绍Hexo博客搭建以及Next主题的配置。 首先,你需要确保你的计算机上已经安装了Git和Node.js。Git是分布式版本控制系统,对于管理代码...
Landscape-plus是在原版Landscape主题基础上进行改进的版本,它提供了更多的自定义选项,如颜色主题、字体设置等,同时优化了布局和响应式设计,使得博客在各种设备上都能呈现出良好的阅读体验。在对这个主题进行...
Hexo 是高效的静态站点生成框架,她基于 Node.js。 通过 Hexo 你可以轻松地使用 Markdown 编写文章,除了 Markdown 本身的语法之外,还可以使用 Hexo 提供的 标签插件 来快速的插入特定形式的内容。在这篇文章中,...
4. **配置Next主题**:安装Next主题后,需要在Hexo的配置文件`_config.yml`中设置主题相关参数。此外,还可以自定义布局、颜色、字体等,甚至可以通过修改主题源码来实现更深度的定制。 5. **`hexo d`命令**:这是...
在众多的主题中,“极简的Hexo博客主题专注于内容展现”是一个特别注重内容呈现的设计,旨在让读者更加专注于博客文章本身,而不会被过于花哨的界面元素分散注意力。 这个主题采用JavaScript和CSS技术来实现其简洁...
5. **主题配置**:Hexo主题的配置文件(通常为`_config.yml`)允许用户根据需要调整各种设置,如站点元数据、菜单结构、社交链接等。Vexo主题同样提供了丰富的配置选项,让用户可以根据自己的喜好定制主题。 6. **...
【Matery闪烁之狐免费Hexo博客主题】是一款基于Material Design设计语言和响应式布局的Hexo框架主题。它专为个人博客打造,注重简洁、美观且易读的排版,旨在提供优质的阅读体验。这款主题充分利用了Material Design...
要安装Next主题,需在Hexo项目根目录下执行 `npm install hexo-theme-next --save`,然后在 `_config.yml` 中将主题设置为 `theme: next`。 4. **配置Next主题**:Next主题的配置文件位于 `source/_data/next.yml`...
Hexo-Theme-AirCloud 是一个简洁轻量的 hexo 博客主题,旨在将中心放在博文本身,因此: 默认没有大范围的主题色块、图片铺排等,也不要求每片博文配图,一方面这并不是我们记录知识的重点,另外一方面可能程序员...
4. **自定义设置**:根据个人需求,可以编辑`themes/fluid/_config.yml`来调整主题配置,如颜色、布局、字体等。此外,你还可以利用主题提供的小部件和插件增强博客功能。 5. **预览与部署**:使用`hexo server`...
"ThemeBMW"是一款精心设计的Hexo博客主题,专为那些寻求美观且功能丰富的网站界面的用户而打造。Hexo是一个流行的静态站点生成器,它允许用户通过Markdown编写内容,并自动生成HTML页面,使得个人博客的搭建和维护变...
hexo-theme-particle介绍:hexo 主题 particle,诞生原因是因为建多了两个博客,所以自己开发了这个主题来作为 3 个博客的主题目前有 full、night 和 maiden 两个主题样式重要!由于Hexo的主题开发体验过差,以及本...
《Hexo双栏博客主题——Yelee:简而不减的优雅设计》 Hexo是一款流行的静态站点生成器,它以其高效、简洁的特性受到了许多个人博客用户的喜爱。在众多的Hexo主题中,“hexo-theme-yelee”以其独特的双栏布局和精致...
总的来说,NexT主题是Hexo平台上的一个强大且美观的解决方案,它结合了JavaScript和CSS的优势,提供了丰富的自定义选项和强大的功能,让每一个使用Hexo的博主都能拥有一个既专业又个性化的博客空间。无论你是前端...
在定制Hexo博客时,用户可以根据自己的需求调整主题配置,比如更改颜色方案、调整布局、添加自定义菜单、设置社交链接等。此外,Hexo还有丰富的插件库,可以进一步增强博客的功能,如SEO优化、评论系统、统计分析等...
这款名为“Diaspora”的主题是专门为Hexo设计的,灵感来源于WordPress的某一主题,为用户提供了一个优雅且响应式的界面,特别适合那些热衷于摄影、电影评论、音乐评论以及文字创作的个人博客用户。 Diaspora主题的...