美文网首页
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的摸索

    区分站点配置文件和主题配置文件 站点配置文件路径:blog/_config.yml主题配置文件路径:blog/th...

  • Hexo+Next配置Blog

    图片发自简书App title: Hexo+Next配置Blogdate: 2017-03-20 17:18:23...

  • Hexo+Next搭建个人博客

    1. 参考 Hexo官方文档 Next官方文档 Hexo+Next主题优化 2. 环境 Node.js Gi...

  • Hexo+NexT博客搭建相册功能(二)

    准备工作 按照Hexo+NexT博客搭建相册功能(一)搭建好相册库 增加相册STYLE 在next主题路径下面添加...

  • Hexo+NexT(四):Hexo站点及Next主题配置详解

    欢迎访问作者主页www.guide2it.com 由于Hexo+Next的自定义标签在在其他模式下不兼容,原始效果...

  • Hexo+Next 添加菜单分类页面

    在[Hexo+Next]主题下新增一个资源分类页面。 新建一个页面,命名为resources。 此时会在hexo ...

  • 摸索

    搜狗输入法的诀窍。15天就能熟悉

  • 摸索

    一直以来总是在要求孩子这个时间该干什么了,那个时间该干什么了。今晚通过读书让我重新考虑了一点,一直以来都是我们对孩...

  • 摸索

    你在远方眺望 我在老家徘徊 诺言关在箱中 目光挣脱怀抱 思念在梦里摸索

  • 摸索

    总有的时候,觉得人生不如意,但细想一下,却也马马虎虎的走过了之前的路。 想要尽快进步,却是不是把希望寄托在别人身上...

网友评论

      本文标题:Hexo+Next的摸索

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