zoukankan      html  css  js  c++  java
  • hexo博客添加功能

    设置Hexo主题模式

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

    设置预览摘要

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

    添加评论功能

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

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

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

    添加打赏功能

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

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

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

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

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

    设置侧边栏显示效果

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

    添加菜单选项

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

    然后在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

  • 相关阅读:
    大牛思考方式
    web面试题大全
    github上最全的资源教程-前端涉及的所有知识体系
    java switch语句注意的事项
    Lucene Payload 的研究与应用
    hive array、map、struct使用
    黑马程序员--正则表达式
    [置顶] 读源码练内功(一):guava之eventbus
    自定义Java Annotations实例以及用Java Reflection来解析自定义的Annotation
    Solr之NamedList 简单介绍与实例解析
  • 原文地址:https://www.cnblogs.com/mrwuzs/p/7943337.html
Copyright © 2011-2022 走看看