IT博客汇
  • 首页
  • 精华
  • 技术
  • 设计
  • 资讯
  • 扯淡
  • 权利声明
  • 登录 注册

    Hexo 主题设置

    shendao发表于 2017-01-14 01:18:14
    love 0

    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

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



沪ICP备19023445号-2号
友情链接