博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
hexo博客添加功能
阅读量:5759 次
发布时间:2019-06-18

本文共 1583 字,大约阅读时间需要 5 分钟。

设置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: categoriesdate: 2017-03-12 22:06:24type: "categories"---
---title: 标签date: 2017-03-12 17:27:16type: "tags"---
---title: aboutdate: 2017-03-12 22:07:26type: "about"---

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

 

添加搜索功能

注册Algolia,创建Index

安装Hexo Algolia

转载于:https://www.cnblogs.com/mrwuzs/p/7943337.html

你可能感兴趣的文章
Pinpoint跨节点统计失败
查看>>
【Canal源码分析】Canal Server的启动和停止过程
查看>>
机房带宽暴涨问题分析及解决方法
查看>>
iOS 绕过相册权限漏洞
查看>>
我的友情链接
查看>>
XP 安装ORACLE
查看>>
八、 vSphere 6.7 U1(八):分布式交换机配置(vMotion迁移网段)
查看>>
[转载] 中华典故故事(孙刚)——19 万岁
查看>>
修改hosts文件里面的主机名,oralce asm无法启动
查看>>
Maven学习总结(十)——使用Maven编译项目gbk的不可映射问题
查看>>
php5编译安装常见错误和解决办法集锦
查看>>
Linux远程访问及控制
查看>>
MongoDB实战系列之五:mongodb的分片配置
查看>>
Unable to determine local host from URL REPOSITORY_URL=http://
查看>>
java基础(1)
查看>>
ORACLE配置,修改tnsnames.ora文件实例
查看>>
Workstation服务无法启动导致无法访问文件服务器
查看>>
.Net组件程序设计之远程调用(二)
查看>>
ant中文教程
查看>>
Linux常用命令(一)
查看>>