美文网首页
Hexo主题设置

Hexo主题设置

作者: spicychocolate | 来源:发表于2017-03-27 23:39 被阅读0次

hexo默认主题是landscape,hexo官方也提供了许多主题。推荐使用NextYelee。Next简洁美观,支持三种不同风格。Yelee基于Yilia修改而来,改变了大量样式,集成了一些新功能,相较于Next更华丽一些。我的博客就是采用的这个主题。接下来,主要讲解Yelee主题的配置。

安装主题

使用git下载主题,切换到项目根目录,执行以下命令

git clone https://github.com/MOxFIVE/hexo-theme-yelee.git themes/yelee

下载完成后,会在项目themes目录下生成yelle文件夹


Paste_Image.png

主题切换

修改项目根目录配置文件<code>_config.yml</code>,即可切换至Yelle主题

theme: yelee
Paste_Image.png

主题预览

执行以下命令预览主题

hexo clean && hexo s

语言设置

Paste_Image.png

目前支持的语言有以下几项:

code language
en 英语
zh-Hans 大陆简体
zh-Hant-HK 港澳繁體
zh-Hant-TW 台灣正體

头像设置

默认头像存储于 <code>yelee/source/img/avatar.png</code>,替换图片即可设置头像

评论设置

打开主题配置文件<code>_config.yml</code>
<code>Yelee</code>默认评论插件有<code>disqus</code>,<code>duoshuo</code>,<code>youyan</code>,去除<code>on</code>前的注释,并填写相关配置信息,即可添加评论功能。


Paste_Image.png

tips: 多说即将关闭进行业务调整,请转战youyan或disqus

文章摘要

目前主题可使用两种方式在首页显示文章摘要而不是全文。
1. 在摘要和正文之间插入<code></code>

title: Hello World
date: 2015-12-03 00:00:00
---
<Excerpt in index | 首页摘要> 
<!-- more -->
<The rest of contents | 余下全文>

2. 用 <code>description</code>添加摘要

title: Hello World
date: 2015-12-03 00:00:00
description: "Welcome to Hexo! This is your very first post."
---
<Contents>

主菜单设置

按下面格式添加边栏菜单,菜单前的 # 表示注释掉该行,即隐藏掉该条目

menu:
  主页: /
  所有文章: /archives/
  #随笔: /tags/随笔
  标签云: /tags/
  关于我: /about/

更多详细设置请参考作者博客

相关文章

  • hexo 主题设置

    title: “博客主题设置”date: 2017-06-10 16:20:31tags: [Hexo,Blog]...

  • Hexo 主题设置

    Hexo 支持个性化定制主题,可以根据自己的喜好进行修改,想获取更多主题点击这里哦。 一、安装主题 目前使用的主题...

  • Hexo主题设置

    hexo默认主题是landscape,hexo官方也提供了许多主题。推荐使用Next和Yelee。Next简洁美观...

  • hexo设置主题、配置

    Next主题只显示摘要 在首页,如果把每一篇文章的全部内容都显示出来的比较难看,所以可以配置让nexT主题只显示文...

  • hexo设置icarus主题

    上篇博文只是简单搭建起来了Hexo博客,现在来设置主要配置信息和修改主题icarus Hexo配置 替换icaru...

  • Hexo Next 主题点击加载 Disqus 和来必力双评论系

    本文解决两个问题: hexo next 主题(version 5.1.3)怎么设置成点击按钮再加载评论 hexo ...

  • Hexo设置主题以及Next主题个性设置

    1、前言 上篇文章已经在Windows上将个人博客个搭建好了(如果还不知道怎么搭建的,可以戳这里,可是大家有没有发...

  • 博客搭建历程(2)

    下载GitHub客户端,将仓库添加到本地 此处借图 一、hexo主题设置 安装主题 更换主题 对根目录下的conf...

  • Hexo的学习

    hexo g相当于编译hexo s -p 5555相当于运行,其中5555是端口号,可以自定义主题在本地设置完成之...

  • 记录Hexo+Github免费搭建个人博客

    教程基于,最新的hexo 3.2.2版本,以及Next主题5.0.1版本。 从搭站到替换主题,导航设置,引用多说评...

网友评论

      本文标题:Hexo主题设置

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