美文网首页
Hexo博客建站三〈玄阶配置〉

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

作者: zoluo | 来源:发表于2019-01-27 23:15 被阅读0次
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

相关文章

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

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

  • Hexo博客建站四〈地阶配置〉

    接上一篇玄阶配置 地阶配置 这部分的配置由作者们自由选择了,网上有很多方案,这里我采用的是配置起来比较简单的一种,...

  • Hexo博客建站二〈黄阶配置〉

    至上篇搭建博客文章后,断更了后续,在此说声抱歉。由于后面的配置篇在网上较为冗余,我把自己的配置过程做了详细记录,其...

  • Hexo博客建站五〈天阶配置〉

    接上一篇地阶配置 天阶配置 评论系统Next 主题支持多种评论系统,如:来必力、多说、Valine,这里我使用 V...

  • HEXO搭建个人博客基础——建站发布

    HEXO搭建个人博客基础——建站发布 一、 HEXO 使用环境基础 HEXO博客搭建环境必须包括 NodeJS 与...

  • Blogging On Github

    使用Hexo+Github配置博客 初步使用Hexo+Github配置博客 进阶最详细的Hexo Next主题配置...

  • 树莓派Hexo博客配置

    树莓派Hexo博客配置 关于Hexo Hexo是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(...

  • Hexo搭建GitHub博客--初级(二)

    简介 上篇我们主要讲的是如何通过Hexo建站,并如何部署到GitHub上Hexo搭建GitHub博客--初级(一)...

  • Hexo博客搭建记录

    Hexo是一款优秀的静态博客,本文主要记录了在搭建Hexo博客时的一些安装配置。通过Hexo配置了自己的个人博客,...

  • 零基础用Hexo+Github 搭建博客2

    转载:Github Pages + Hexo搭建博客(二) 此篇博客主要讲解Hexo的站点配置、主题配置和使用以及...

网友评论

      本文标题:Hexo博客建站三〈玄阶配置〉

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