美文网首页分享
Hello Hexo丨Hexo主题优化及插件配置

Hello Hexo丨Hexo主题优化及插件配置

作者: simonlu1211 | 来源:发表于2017-05-23 12:59 被阅读0次

上一篇讲了Hexo博客的搭建和部署,这次来补充下主题安装和常用插件的配置。我选择了yilia主题,插件也只装了评论框、访问量统计、站点地图这些,并非全部插件哦。

话不多说,直接进入正题吧!

  1. 主题安装
    在终端执行命令:git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia,修改hexo根目录下的_config.yml文件,theme: yilia。在执行命令cd themes/yiliagit pull,更新主题。

  2. 主题配置

    1. 添加网站信息,修改hexo根目录下的_config.yml文件:

title: 网站名称
subtitle: 网站副标题
description: 网站描述
author: 拥有者
2. 开启关联账号,修改主题目录下的_config.yml文件:python
subnav:
twitter: "对应链接"
facebook: "对应链接"
weibo: "对应链接"
3. 添加头像、favicon和打赏二维码,图片url我都用的七牛云,修改主题目录下的_config.yml文件:python
支付宝二维码图片地址
alipay: "对应链接"
微信二维码图片地址
weixin: "对应链接"
python
你的头像url
avatar: "对应链接"
python
favicon: "对应链接"
```

  1. 修改文章模板
    想要在每次生成文章的时候,自动生成categories:,打开博客根目录scaffolds中的post.md,修改如下

title: {{ title }}
date: {{ date }}
tags:
categories:
```

  1. 域名绑定
    在Godaddy购买好域名,建议用Dnspod来解析。先登陆Godaddy将域名服务器更改为f1g1ns1.dnspod.netf1g1ns1.dnspod.net,再到Dnspod添加域名,添加主机记录分别为@www,记录类型为CNAME的,记录值指向Github页面的2条记录,如图:

    再到博客根目录的source中添加一个名为CNAME文件,注意该文件是没有后缀的,内容就是域名,格式如:

thebravelegend.com
```
最后hexo d部署文件,稍等片刻就能打开啦!

  1. 添加网易云跟帖
    打开https://gentie.163.com/index.html注册账号,填写基本信息时,站点网址要写绑定后的域名,点击获取代码页面的通用代码,将productKey后面的代码复制到主题目录下的_config.yml文件中,修改如下:

网易云跟帖
wangyiyun: "对应代码"
```

  1. 博客收录
  2. 修改博客配置文件
    为保证生成的sitemap.xml文件中地址正确,修改博客目录config.yml中的URL为你的博客首页。

url: http://thebravelegend.com
```

  1. 生成站点地图
    安装sitmap插件,在终端执行以下命令:

npm install hexo-generator-sitemap --save
npm install hexo-generator-baidu-sitemap --save
```

  1. 验证网站
    登陆谷歌站长工具百度站长工具添加站点信息,由于文件验证方式无法验证成功,谷歌我用的是html标签验证,百度我用的是CNAME验证

  2. 添加站点地图
    分别向谷歌站长工具``百度站长工具上传sitemap.xml,如下图:



关于Hexo的分享就到此告一段落,
任何问题,欢迎讨论!

相关文章

  • Hello Hexo丨Hexo主题优化及插件配置

    上一篇讲了Hexo博客的搭建和部署,这次来补充下主题安装和常用插件的配置。我选择了yilia主题,插件也只装了评论...

  • Hexo微博搭建文章收藏

    这篇博客用于收藏Hexo微博搭建觉得比较可以的文章,会持续更新 最全Hexo博客搭建+主题优化+插件配置+常用操作...

  • 博客从wordpress迁移到hexo

    参考资料 基础环境 npm node hexo 初始化hexo 添加next主题 修改主配置文件及主题配置文件 安...

  • Blogging On Github

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

  • github+hexo博客的主题安装及优化

    title: github+hexo博客的主题安装及优化categories: studytags: study ...

  • hexo theme for myself

    主题:hexo theme example Hexo主题配置 1.Git客户端打开Git bath进入到hexo下...

  • 博客搭建历程(3)

    hexo生成工程文件介绍 hexo插件 主题yilia 默认目录结构 具体参考 .deploy :部署到GitHu...

  • Hexo进阶高级教程(一)

    Hexo+yilia主题配置 本文地址:http://tigerliu.site/2017/06/hexo-1/ ...

  • Github Page+Hexo(二)

    配置Hexo 站点配置用到两个文件 : 对博客的配置H:\hexo\_config.yml, 对主题的配置H:\h...

  • hexo命令记录

    hexo 需要shh连接 生成ssh key安装Next主题,并进行优化hexo clean 清空缓存文件he...

网友评论

    本文标题:Hello Hexo丨Hexo主题优化及插件配置

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