Hexo 主题设置

作者: 像少年啦飞驰____ | 来源:发表于2016-06-04 22:54 被阅读10587次

Hexo 支持个性化定制主题,可以根据自己的喜好进行修改,想获取更多主题点击这里哦

一、安装主题

目前使用的主题是:yilia

在博客的根目录下(即上一篇文章使用Hexo框架自由搭建博客中提到的 Blog 文件夹下) 克隆主题
$ git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia
执行:
$ vim _config.yml   
将 theme 对应的值进行修改
theme: yilia    
接着就自动部署一下:
$ npm install hexo-deployer-git --save  
最后发布:
$ hexo clean && hexo g && hexo d

稍等片刻看一下自己的博客主页,你想要的效果就出现了。也可以点击 更多,挑选自己喜欢的主题进行修改,只要你快乐就好。

二、主题配置

现在主题是更改过来了,但还有许多细节需要处理,比如说你需要修改头像等等。

首先进入到根目录下的 themes\yilia 文件夹,执行
$ vim _config.yml
就能看到这样信息,我是这样配置的:
# Header
menu:
 主页: /
 所有文章: /archives
 # 随笔: /tags/随笔
 
 # SubNav
subnav:
     github: "https://github.com/Sjunxiao"  //github地址
     #weibo: "#"   //微博地址
     rss: "http://www.jianshu.com/users/fb696dcbd06b/latest_articles"  //订阅地址,我填的是自己的简书主页地址。
     #zhihu: "#"    // 下面这些前面带#的,就不显示在主页上,如果有账号,就可以打开
     #douban: "#"
     #mail: "#"
     #facebook: "#"
     #google: "#"
      #twitter: "#"
      #linkedin: "#"

rss: /atom.xml 

# Content
excerpt_link: more
fancybox: true
mathjax: true

# 是否开启动画效果
animate: true

# 是否在新窗口打开链接
open_in_new: false

# Miscellaneous
google_analytics: ''
favicon: /favicon.png

#你的头像url
avatar: "https://avatars2.githubusercontent.com/u/19587420?v=3&s=460"  //设置头像图片,可以直接拷贝Github头像链接
#是否开启分享
share_jia: true
share_addthis: false
#是否开启多说评论,填写你在多说申请的项目名称 duoshuo: duoshuo-key
#若使用disqus,请在博客config文件中填写disqus_shortname,并关闭多说评论
duoshuo: true     //使用'多说'评论
#是否开启云标签
tagcloud: false

#是否开启友情链接
#不开启——
#friends: ture
#开启——
friends:     //下面可以设置自定义友情链接

#是否开启“关于我”。
#不开启——
#aboutme: false
#开启——
aboutme: 像少年啦飞驰   //介绍
配置完成以后,回到 根目录(即上一篇文章使用Hexo框架自由搭建博客中提到的 Blog 文件夹),按顺序执行命令就OK啦。
$ npm install hexo-deployer-git --save  
$ hexo clean && hexo g && hexo d

收工,主题设置完毕,可以快乐玩耍啦。

相关文章

  • 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/quoldttx.html