hexo博客添加功能

设置Hexo主题模式html

Hexo主题中,有三种不一样的模式,经过切换模式,让NexT主题显示不同的样式。在NexT根目录下有一个一样名称为_config.yml,为了区分hexo根目录下的_config.yml,将前者称为主题配置文件,在其中找到scheme属性,NexT主题默认使用Muse模式,读者可根据本身的喜爱,选择其中一种模式。微信

设置预览摘要

设置完模式后,读者们会发现,尽管首页显示的是全部文章的列表,可是每一篇文章都显示了全部内容,这样感受看起来不舒服,这时候能够启用预览摘要模式,在主题配置文件中找到auto_excerpt属性,将enable设置为true ,将length设置为想要预览到的字数hexo

添加评论功能

    • 注册友言帐号
      打开友言官网,单击“注册”按钮后,按照套路可完成帐号注册。ide

    • 获取uid
      注册完登陆后,在首页单击“后台管理”按钮进入后台界面即可看到本身的用户ID,将其复制下来post

    • 主题配置文件 设置uid
      打开主题配置文件,在其中找到属性youyan_uid,而后在:后添加以前复制的uid

添加打赏功能

  • 获取微信收款二维码
    微信二维码的获取途径仍是比较容易的,按照这个教程便可实现,读者们也能够预先设置收款的金额。ui

  • 获取支付宝收款二维码
    笔者上网查了不少关于支付宝收款二维码的相关信息,奈何获得的结果不是版本不一致就是商家认证,找了很久,终于找到一个符合要求的教程,读者们可别被“商家平台”这几个字吓到了,普通用户同样能够开通,且不须要相关证件的认证,读者们可根据这个教程得到本身的支付宝收款二维码。.net

  • 添加二维码图片资源
    获得二维码图片资源后,读者们可将二维码图片放到NexT根目录/source/images/文件夹下。code

  • 开启打赏功能
    找到主题配置文件,在其最后添加打赏的配置信息:htm

    reward_comment: 坚持原创技术分享,您的支持将鼓励我继续创做!
    wechatpay: 图片连接或图片相对路径
    alipay: 图片连接或图片相对路径

设置侧边栏显示效果

  • 在主题配置文件中,找到sidebardisplay属性,display属性有四种显示模式:分别为:
  • post // 默认显示方式 always // 一直显示 hide // 初始隐藏 remove // 移除侧边栏

添加菜单选项

默认状况下,菜单导航栏有首页、归档、关于三个选项,除此以外笔者还添加了分类、标签和关于。在主题配置文件中,找到menu属性,并去掉categories、 tagsabout的的注释,blog

而后在Hexo根目录执行指令以下:

// 添加分类页面
hexo new page "categories"
// 添加标签页面
hexo new page “tags”
// 添加关于页面
hexo new page "about

执行完上述指令后,在Hexo根目录/source/文件夹下建立三个文件夹,命名分别为:categories、tags、about文件夹,在这些文件夹中分别会建立一个以index命名的Markdown文件,对这三个Markdown文件内容进行修改,使之分别为:

---
title: categories
date: 2017-03-12 22:06:24
type: "categories"
---
---
title: 标签
date: 2017-03-12 17:27:16
type: "tags"
---
---
title: about
date: 2017-03-12 22:07:26
type: "about"
---

完成文件的修改,而后部署Hexo便可完成菜单选项的添加。

 

添加搜索功能

注册Algolia,建立Index

安装Hexo Algolia

相关文章
相关标签/搜索