美文网首页
Hexo+Next的摸索

Hexo+Next的摸索

作者: mibenxin | 来源:发表于2018-03-31 22:36 被阅读0次

    区分站点配置文件和主题配置文件

    站点配置文件路径:blog/_config.yml
    主题配置文件路径:blog/themes/next/_config.yml

    修改字体大小

    Next主题默认的字体比较小,我想把它改大一点,就去翻了翻文件,就找到这个文件blog/themes/next/source/css/_variables/base.styl,找到$font-size-base,修改成你想要的大小

    Hexo支持markdown语法,如果觉得六种标题样式字体太小,可以修改这个文件blog/themes/next/source/css/_common/scaffolding/base.styl,做类似的修改,直接在后面进行加减

    增加顶部加载条

    主题配置文件,找到pace,设置为truepace_theme可以设置为自己喜欢的样式

    删除目录行号

    主题配置文件,找到number改为false

    加载静态资源的问题

    站点配置文件中,配置网址即可

    绑定独立域名的问题

    虽然绑定在github逼格比较高,但是打开网址速度比较慢。我还是比较推荐绑定在coding,可coding又有腾讯云的广告,官方也给出了去除广告的方法,无非就是要在博客底部加入coding的链接,这里我们直接修改主题配置文件,即可在博客底部加入

    Hosted by <a href="https://pages.coding.me" style="font-weight:bold">Coding Pages</a>
    

    外部链接添加nofollow属性

    会自动为所有外部链接添加下面这个属性

    rel="external nofollow noopener noreferrer"
    

    安装hexo-autonofollow插件,README.md有安装方法,不在复述

    永久链接

    安装hexo-abbrlink,README.md有安装方法,不在复述,更多细节自行查看

    评论功能

    首先注册leancloud,创建一个新应用,名字随意,进入应用找到设置中的应用key

    复制APP ID与APP Key,在主题配置文件中填写即可,其他参数根据图片来填

    然后设置安全域名 进行评论数据管理

    文章浏览次数

    跟着评论功能,新建一个Class,新建Class名字必须为Counter

    主题配置文件中填写即可

    字数统计

    安装插件hexo-wordcount
    主题配置文件中配置,按照自己的喜欢的去配置即可

    相关文章

      网友评论

          本文标题:Hexo+Next的摸索

          本文链接:https://www.haomeiwen.com/subject/srpncftx.html