hexo+github搭建个人博客（二）

前言

上一篇文章介绍了hexo+gitHub简易搭建属于自己的个人独立博客，但是主题是默认的landscape，hexo上有许多好看的主题，有官方主题。也有别人自己写的，大家可以上网搜一搜。我这里就演示一下我自己用的yilia主题。

正文

安装主题

git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia

当然，你也可以直接访问他的github下载下来，然后复制粘贴到hexo/themes下。

然后就可以到你的博客根目录下修改_config.yml中的theme: landscape改为theme: yilia，重新执行hexo g来生成。

你可以hexo s先预览下，哈哈，是不是不错啊。

配置参数

下面介绍下hexo目录都是些什么

1. ├── _config.yml
2. ├── package.json
3. ├── scaffolds
4. ├── source
5. |   ├── _drafts
6. |   └── _posts
7. └── themes

_config.yml:网站的 配置 信息，您可以在此配置大部分的参数。
package.json:应用程序的信息。
scaffolds:模版文件夹。当您新建文章时，Hexo会根据scaffold 来建立文件。
source资源文件夹是存放用户资源的地方。除posts文件夹之外，开头命名为(下划线)的文件/文件夹和隐藏的文件将会被忽略。Markdown和HTML文件会被解析并放到public文件夹，而其他文件会被拷贝过去。
themes:主题 文件夹。Hexo会根据主题来生成静态页面。

---

下面来说一下主题的配置，它也有一个配置文件_config.yml位于主题根目录下.这里给出作者的配置使用，大家可以自己更改参数

# Header

menu:
  主页: /
  随笔: /tags/随笔/

# SubNav
subnav:
  github: "#"
  weibo: "#"
  rss: "#"
  zhihu: "#"
  #qq: "#"
  #weixin: "#"
  #jianshu: "#"
  #douban: "#"
  #segmentfault: "#"
  #bilibili: "#"
  #acfun: "#"
  #mail: "mailto:litten225@qq.com"
  #facebook: "#"
  #google: "#"
  #twitter: "#"
  #linkedin: "#"

rss: /atom.xml

# 是否需要修改 root 路径
# 如果您的网站存放在子目录中，例如 http://yoursite.com/blog，
# 请将您的 url 设为 http://yoursite.com/blog 并把 root 设为 /blog/。
root: 

# Content

# 文章太长，截断按钮文字
excerpt_link: more
# 文章卡片右下角常驻链接，不需要请设置为false
show_all_link: '展开全文'
# 数学公式
mathjax: false
# 是否在新窗口打开链接
open_in_new: false

# 打赏
# 请在需要打赏的文章的md文件头部，设置属性reward: true

# 打赏基础设定：0-关闭打赏； 1-文章对应的md文件里有reward:true属性，才有打赏； 2-所有文章均有打赏
reward_type: 2
# 打赏wording
reward_wording: '谢谢你请我吃糖果'
# 支付宝二维码图片地址，跟你设置头像的方式一样。比如：/assets/img/alipay.jpg
alipay: 
# 微信二维码图片地址
weixin: 

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

#你的头像url
avatar:

#是否开启分享
share_jia: true

#是否开启多说评论，填写你在多说申请的项目名称 duoshuo: duoshuo-key
#若使用disqus，请在博客config文件中填写disqus_shortname，并关闭多说评论
duoshuo: false

# 样式定制 - 一般不需要修改，除非有很强的定制欲望…
style:
  # 头像上面的背景颜色
  header: '#4d4d4d'
  # 右滑板块背景
  slider: 'linear-gradient(200deg,#a0cfe4,#e8c37e)'

# slider的设置
slider:
  # 是否默认展开tags板块
  showTags: false

# 智能菜单
# 如不需要，将该对应项置为false
# 比如
#smart_menu:
#  friends: false
smart_menu:
  innerArchive: '所有文章'
  friends: '友链'
  aboutme: '关于我'

friends:
  友情链接1: http://localhost:4000/
  友情链接2: http://localhost:4000/
  友情链接3: http://localhost:4000/
  友情链接4: http://localhost:4000/
  友情链接5: http://localhost:4000/
  友情链接6: http://localhost:4000/

添加浏览器上的小图标

可以打开themes\yilia\layout\_partial\head.ejs，找到<link rel="icon" href="<%- theme.favicon %>">替换为<link href="<%- theme.favicon %>favicon.ico" rel="icon" type="image/x-ico">，然后将名字改为favicon.ico的图标放在themes\yilia\source目录下,就可以显示图标了。

文章截断

用<!--more-->，在<!--more-->之前的内容会显示在首页，之后的内容会被隐藏,只有点击显示全文才能看见。

总结

就先写到这，至于博客的优化有许多，我也在摸索中。但是毕竟，我们更应该关注的是内容不是么。哈哈！