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

版权声明:#原创不易#转载请注明出处# https://blog.csdn.net/weixin_44441012/article/details/86717212


折腾了两三天,零基础的我,终于找到一个喜欢的模板,并做好了优化


编译环境:(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 ,随时联系


猜你喜欢

转载自blog.csdn.net/weixin_44441012/article/details/86717212