Hexo博客建站三〈玄阶配置〉

7269465-98b16b2f5aa45d86.png
image

接上一篇黄阶配置

玄阶配置

前面我们已经成功的执行以下步骤(以下步骤全部在主题配置文件中完成,除开有些标识的):

  • 下载 Next 主题
cd your-hexo-site
git clone https://github.com/iissnan/hexo-theme-next themes/next
  • 启用主题
    修改站点配置文件
theme: next
  • 验证主题
hexo clean
hexo g
hexo s
INFO  Hexo is running at http://0.0.0.0:4000/. Press Ctrl+C to stop.

此时即可使用浏览器访问 http://localhost:4000,检查站点是否正确运行。
以下是我们即将要执行的操作:

  1. 选择 Scheme
# Schemes
# scheme: Muse
# scheme: Mist
# scheme: Pisces
scheme: Gemini

这里我使用第五种,修改主题配置文件即可修改成功。

  1. 设置菜单
    菜单配置包括三个部分,第一是菜单项(名称和链接),第二是菜单项的显示文本,第三是菜单项对应的图标。 NexT 使用的是 Font Awesome 提供的图标。
  • 设定菜单名称和链接,如下:
menu:
  home: / || home
  archives: /archives/ || archive
  categories: /categories/ || th
  tags: /tags/ || tags
  about: /about/ || user
  #schedule: /schedule/ || calendar
  #sitemap: /sitemap.xml || sitemap
  #commonweal: /404/ || heartbeat
  • 设定菜单项的显示文本
    Next 默认显示的名称是菜单的的英文,如果要使用其他语言,就要修改主题文件下的languages文件夹下的对应语言的yml的配置文件。这里以简体中文为例(修改zh-Hans.yml):
menu:
  home: 首页
  archives: 归档
  categories: 分类
  tags: 标签
  about: 关于
  search: 搜索
  schedule: 日程表
  sitemap: 站点地图
  commonweal: 公益404
  • 设定菜单项对应的图标
menu_icons:
  enable: true
  # Icon Mapping.
  home: home
  about: user
  categories: th
  tags: tags
  archives: archive
  commonweal: heartbeat

注:在菜单图标开启的情况下,如果菜单项与菜单未匹配(没有设置或者无效的 Font Awesome 图标名字) 的情况下,NexT 将会使用?作为图标。 | 请注意键值(如 home)的大小写要严格匹配。

  1. 设置左侧栏
  • 设置侧栏的位置,修改 sidebar.position 的值,支持的选项有:
    left - 靠左放置
    right - 靠右放置
sidebar:
  position: left
  • 设置侧栏显示的时机,修改 sidebar.display 的值,支持的选项有:
    post - 默认行为,在文章页面(拥有目录列表)时显示
    always - 在所有页面中都显示
    hide - 在所有页面中都隐藏(可以手动展开)
    remove - 完全移除
sidebar:
  display: post
  1. 头像设置
    主要就是设置头像的路径地址,这里头像的地址可以由多种方式:
地址
完整的互联网 URI http://example.com/avatar.png
站点内的地址 将头像放置主题目录下的 source/uploads/ (新建 uploads 目录若不存在)

配置为:avatar: /uploads/avatar.png
或者 放置在 source/images/ 目录下
配置为:avatar: /images/avatar.png |
头像设置示例:

avatar: http://example.com/avatar.png

猜你喜欢

转载自blog.csdn.net/weixin_33884611/article/details/87117470
今日推荐