`
lcyaiym
  • 浏览: 28322 次
  • 性别: Icon_minigender_1
  • 来自: 上海
文章分类
社区版块
存档分类
最新评论

hexo的next主题常用设置

阅读更多

欢迎访问我的个人博客网站: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

      //安装hexo-generator-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>
分享到:
评论

相关推荐

    hexo next主题

    下载并安装Next主题后,你需要将`hexo-theme-next-master`文件夹移动到Hexo项目的`themes`目录下,然后在`_config.yml`文件中将主题设置为`next`。接着,根据Next的主题文档进行个性化配置,这可能涉及修改主题配置...

    基于Next5主题美化的一款hexo博客主题

    【标题】:“基于Next5主题美化的一款hexo博客主题” 【描述】:“基于Next5主题美化的一款hexo博客主题”是指使用Hexo框架中的Next5主题进行了一系列的定制和优化,旨在提供更美观、更具个性化的博客展示效果。...

    与Hexo的NexT主题契合的多说css样式

    在Hexo博客框架中,NexT主题是一款非常受欢迎的高级主题,以其优雅的设计和丰富的功能深受用户喜爱。"与Hexo的NexT主题契合的多说css样式"是针对NexT主题进行定制的多说评论插件的CSS样式,旨在确保评论区与整个博客...

    hexo-theme-next-5.1.4

    《Hexo与Next主题构建个人博客详解》 Hexo是一款基于Node.js的快速、简洁且高效的博客框架,它使得创建和管理个人博客变得极其简单。而Hexo的Next主题则是最受欢迎的主题之一,以其优雅的设计和丰富的功能吸引了...

    Hexo博客搭建文件(next主题)

    Next主题以其优雅的设计和丰富的功能,成为Hexo用户中的热门选择。下面将详细介绍Hexo博客搭建以及Next主题的配置。 首先,你需要确保你的计算机上已经安装了Git和Node.js。Git是分布式版本控制系统,对于管理代码...

    Hexo主题基于landscapeplus进行的优化

    Landscape-plus是在原版Landscape主题基础上进行改进的版本,它提供了更多的自定义选项,如颜色主题、字体设置等,同时优化了布局和响应式设计,使得博客在各种设备上都能呈现出良好的阅读体验。在对这个主题进行...

    hexo_next主题

    Hexo 是高效的静态站点生成框架,她基于 Node.js。 通过 Hexo 你可以轻松地使用 Markdown 编写文章,除了 Markdown 本身的语法之外,还可以使用 Hexo 提供的 标签插件 来快速的插入特定形式的内容。在这篇文章中,...

    hexo-theme-next-master_NeXT_hexo-theme-next_hexo_huntk8a_theme-n

    4. **配置Next主题**:安装Next主题后,需要在Hexo的配置文件`_config.yml`中设置主题相关参数。此外,还可以自定义布局、颜色、字体等,甚至可以通过修改主题源码来实现更深度的定制。 5. **`hexo d`命令**:这是...

    极简的Hexo博客主题专注于内容展现

    在众多的主题中,“极简的Hexo博客主题专注于内容展现”是一个特别注重内容呈现的设计,旨在让读者更加专注于博客文章本身,而不会被过于花哨的界面元素分散注意力。 这个主题采用JavaScript和CSS技术来实现其简洁...

    Vexo是一个Hexo主题模仿Vue的官方网站

    5. **主题配置**:Hexo主题的配置文件(通常为`_config.yml`)允许用户根据需要调整各种设置,如站点元数据、菜单结构、社交链接等。Vexo主题同样提供了丰富的配置选项,让用户可以根据自己的喜好定制主题。 6. **...

    Matery闪烁之狐免费Hexo博客主题

    【Matery闪烁之狐免费Hexo博客主题】是一款基于Material Design设计语言和响应式布局的Hexo框架主题。它专为个人博客打造,注重简洁、美观且易读的排版,旨在提供优质的阅读体验。这款主题充分利用了Material Design...

    hexo-theme-next-7.4.2_hexo_

    要安装Next主题,需在Hexo项目根目录下执行 `npm install hexo-theme-next --save`,然后在 `_config.yml` 中将主题设置为 `theme: next`。 4. **配置Next主题**:Next主题的配置文件位于 `source/_data/next.yml`...

    简洁的 hexo 主题_博客主题_JavaScript_代码_下载

    Hexo-Theme-AirCloud 是一个简洁轻量的 hexo 博客主题,旨在将中心放在博文本身,因此: 默认没有大范围的主题色块、图片铺排等,也不要求每片博文配图,一方面这并不是我们记录知识的重点,另外一方面可能程序员...

    Hexo-theme-Fluid博客主题 v1.9.7.zip

    4. **自定义设置**:根据个人需求,可以编辑`themes/fluid/_config.yml`来调整主题配置,如颜色、布局、字体等。此外,你还可以利用主题提供的小部件和插件增强博客功能。 5. **预览与部署**:使用`hexo server`...

    ThemeBMW是一个漂亮的Hexo主题

    "ThemeBMW"是一款精心设计的Hexo博客主题,专为那些寻求美观且功能丰富的网站界面的用户而打造。Hexo是一个流行的静态站点生成器,它允许用户通过Markdown编写内容,并自动生成HTML页面,使得个人博客的搭建和维护变...

    hexo-theme-particle:包含3种配色样式的简洁Hexo主题,地址:https

    hexo-theme-particle介绍:hexo 主题 particle,诞生原因是因为建多了两个博客,所以自己开发了这个主题来作为 3 个博客的主题目前有 full、night 和 maiden 两个主题样式重要!由于Hexo的主题开发体验过差,以及本...

    hexo-theme-yelee, 简而不减 Hexo 双栏博客主题; Another simple and elegant theme for Hexo..zip

    《Hexo双栏博客主题——Yelee:简而不减的优雅设计》 Hexo是一款流行的静态站点生成器,它以其高效、简洁的特性受到了许多个人博客用户的喜爱。在众多的Hexo主题中,“hexo-theme-yelee”以其独特的双栏布局和精致...

    NexT高品质的优雅的Hexo主题

    总的来说,NexT主题是Hexo平台上的一个强大且美观的解决方案,它结合了JavaScript和CSS的优势,提供了丰富的自定义选项和强大的功能,让每一个使用Hexo的博主都能拥有一个既专业又个性化的博客空间。无论你是前端...

    轻量化的响应式Hexo博客主题。

    在定制Hexo博客时,用户可以根据自己的需求调整主题配置,比如更改颜色方案、调整布局、添加自定义菜单、设置社交链接等。此外,Hexo还有丰富的插件库,可以进一步增强博客的功能,如SEO优化、评论系统、统计分析等...

    Hexothemediaspora一款基于WP移植的Hexo响应式主题

    这款名为“Diaspora”的主题是专门为Hexo设计的,灵感来源于WordPress的某一主题,为用户提供了一个优雅且响应式的界面,特别适合那些热衷于摄影、电影评论、音乐评论以及文字创作的个人博客用户。 Diaspora主题的...

Global site tag (gtag.js) - Google Analytics