Hexo博客框架下,模板的选择与主题优化

2019-04-14 19:41发布

class="markdown_views prism-tomorrow-night">

文章目录


折腾了两三天,零基础的我,终于找到一个喜欢的模板,并做好了优化
编译环境:(Windows 10 操作系统) Git version:2.20.1 Node version:10.15.0 模板Next version:5.1.4 Markdown编辑器 version:0.9.64
关于利用GithubPages和Hexo搭建个人独立博客,和下载Hexo主题模板的教程,可以查阅 ,有非常简单易懂的教程

Next模板主题优化

选择Scheme

Next模板内置四种不同的主题,可以自定义开启,参考文档: 选择Scheme

设置语言

参考文档:设置语言 如果你想设置多种语言,可以参考以下指令: language: - zh-Hans - en - zh-hk
.yml 文件修改是需要注意:每一个值的冒号后面都有一个半角空格!
  • 未生效的写法:title:Darer‘Blog
  • 能生效的写法:title:[空格]Darer‘Blog

设置菜单

参考文档:设置菜单 补充说明: menu: home: / || home tags: /tags/ || tags categories: /categories/ || th archives: /archives/ || archive about: /about/ || user #schedule: /schedule/ || calendar #sitemap: /sitemap.xml || sitemap #commonweal: /404/ || heartbeat 以上设置 菜单栏 的指令 也决定了 菜单栏各项菜单的顺序,以上面的指令为例,顺序依次为:主页、标签、目录、归档、关于

设置侧栏

参考文档:设置侧栏 补充说明: # Sidebar offset from top menubar in pixels (only for Pisces | Gemini). ###侧栏与顶部菜单栏的 空隙距离 offset: 12 # Back to top in sidebar.(only for Pisces | Gemini). ### 侧边栏加入一个 回到顶部 按钮 b2t: false # Scroll percent label in b2t button. ## 侧边栏加入一个 阅读进度 按钮 scrollpercent: true # Enable sidebar on narrow view (only for Muse | Mist). ##适配 小窗口 onmobile: false

设置头像

参考文档:设置头像

设置作者昵称

参考文档:设置作者昵称

博客描述

参考文档:博客描述

设置字体

参考文档:设置字体

设置代码高亮

参考文档:设置代码高亮

侧边栏

社交链接
参考文档:社交链接
友情链接
参考文档:友情链接

打赏功能设置

参考文档:打赏功能设置
提醒:注意图片的格式(是.jpg还是.png)

站点建立时间

参考文档:站点建立时间

微信公众号订阅

参考文档:微信公众号订阅
提醒:此特性在版本5.0.1中引入

引入三方服务以优化模板

添加文章评分功能

参考文档:添加文章评分功能
我还没试过,感兴趣可以参考以上文档说明

添加文章分享功能

参考文档:文章分享

更多功能

如果你还还想添加更多功能,比如:
  • 增加版权信息
  • 在线联系
  • 点击出现小爱心
  • 自定义鼠标加载方式
  • 等等
可以参考以下博客:
  1. nMask’s Blog
  2. Hexo-Next-主题优化
  3. [hexo搭建个人博客–NexT主题优化]

如果你在使用时,遇到了一些“稀奇古怪”的问题,可以查看下这些博客:
  1. nMask’s Blog
  2. 「Hexo On Win10」新手搭建博客过程

最后,祝你顺利,过程很枯燥,也不会一帆风顺,但是,相信自己可以战胜困难。 如果,你有任何问题,都可以和我联系,这是我的独立博客 Darer’Blog ,随时联系