专栏首页Crossin的编程教室Hexo(3)-安装自己喜欢的主题

Hexo(3)-安装自己喜欢的主题

本系列其它文章:

用 GitHub + Hexo 建立你的第一个博客

[Hexo]部署博客及更新博文

欢迎在今天下面一条推送中留下你的博客地址

本篇来讲解如何安装自己喜欢的主题!

我们之前使用 Hexo 生成的博客使用的是 Hexo 的默认主题:Landscape。怎么说呢,这个主题猛地一看还行,仔细一看还不如猛地一看,所以我决定另寻归宿。

选择主题

可以在 hexo主题总站

https://github.com/hexojs/hexo/wiki/Themes

寻找自己喜欢的主题。

我在这里推荐一个主题

yilia

https://github.com/litten/hexo-theme-yilia

也就是我正在用的主题,简洁大方,比较符合我的品位。

当然每个人的品位都不一样,你可以选择其它的主题,不过欢迎你选择 yilia 主题,这样就能继续一起愉快地折腾啦。

安装 yilia 主题

Hexo 有两份主要的配置文件(_config.yml),一份位于站点根目录下,另一份位于主题目录下。为了描述方便,在以下说明中,将前者称为 站点配置文件,后者称为 主题配置文件

下载 yilia 主题

使用 Git Shell 进入 Hexo 文件夹,输入以下两条命令:

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

启用 yilia 主题

下载完成后,打开 站点配置文件,找到 theme 字段,并将其值更改为 yilia。

验证主题是否启用

执行上面发博文的命令,刷新你的个人博客,就能看到你设置的主题是否启用。

个性化配置

我们来看看如何对默认的主题做些小修改。

首先呢,打开 hexo 文件下的主配置文件,去修改自己的名字及个人介绍。

然后修改每页要显示几篇文章以及确认你是否将主题修改为 yilia。

接下来修改主页、所有文章、以及下面图标。

下面我们再来看下这里的菜单,标签,以及友情链接和关于我的修改方法。

菜单配置要修改 主题配置文件 的 menu 内容,下面是我的主配置示例和菜单配置示例:

主配置示例

# Hexo Configuration
## Docs: https://hexo.io/docs/configuration.html
## Source: https://github.com/hexojs/hexo/

# Site
title: 大懒虫
subtitle: 我想把这片田地,种满星星,带你来看~
description: 这是我的家哦~
author: 大懒虫
language:  zh-Hans
timezone:

# URL
## If your site is put in a subdirectory, set url as 'http://yoursite.com/child' and root as '/child/'
url: http://liangwenhao.cn
root: /
permalink: :year/:month/:day/:title/
permalink_defaults:

# Directory
source_dir: source
public_dir: public
tag_dir: tags
archive_dir: archives
category_dir: categories
code_dir: downloads/code
i18n_dir: :lang
skip_render:

# Writing
new_post_name: :title.md # File name of new posts
default_layout: post
titlecase: false # Transform title into titlecase
external_link: true # Open external links in new tab
filename_case: 0
render_drafts: false
post_asset_folder: false
relative_link: false
future: true
highlight:
  enable: true
  line_number: true
  auto_detect: false
  tab_replace:

# Category & Tag
default_category: uncategorized
category_map:
tag_map:

# Date / Time format
## Hexo uses Moment.js to parse and display date
## You can customize the date format as defined in
## http://momentjs.com/docs/#/displaying/format/
date_format: YYYY-MM-DD
time_format: HH:mm:ss

# Pagination
## Set per_page to 0 to disable pagination
per_page: 5
pagination_dir: page

# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: yilia

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
  type: git
  repository: https://github.com/wenhaoliang/wenhaoliang.github.io
  branch: master
# Extensions
Plugins:
- hexo-generator-feed
- hexo-generator-sitemap

#Feed Atom
feed:
  type: atom
  path: atom.xml
  limit: 5

#sitemap
sitemap:
  path: sitemap.xml
 # Duoshuo
duoshuo_shortname: liangwenhao

菜单配置示例

# Header
menu:#这里是主页菜单的内容
  主页: /
  所有文章: /archives
 # 随笔: /tags/随笔

# SubNav
subnav:#在这里可以将我的网址改成你自己的
  github: "https://github.com/wenhaoliang"
  #weibo: "http://m.weibo.cn/u/5229251424"
  rss: /404.html
  zhihu: "https://www.zhihu.com/people/da-lan-chong-5"
  #douban: 
  #mail: "641541452@qq.com"
  #facebook:
  #google: 
  twitter: 
  #linkedin: 
  #qq: 'http://wpa.qq.com/msgrd?v=3&uin=641541452&site=qq&menu=yes'
  #rss: /404.html

# Content
excerpt_link: more
fancybox: true
mathjax: true

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

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

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

#你的头像url,输入你头像的图片的url地址
avatar: "https://avatars1.githubusercontent.com/u/11350373?v=3&s=460"
#是否开启分享
share_jia: false
share_addthis: false
#是否开启多说评论,填写你在多说申请的项目名称 duoshuo: duoshuo-key
#若使用disqus,请在博客config文件中填写disqus_shortname,并关闭多说评论
#关于这个多说评论框我在下篇文中讲解
duoshuo: true
#是否开启云标签
tagcloud: hahaha

#是否开启友情链接
#不开启——
#friends: false
#开启——
friends:
  Rehack: http://www.rehack.cn/	
  我思故我在: http://artinhuang.com/
  给时光以生命: http://kingname.info/
  青春样: http://www.qcyoung.com/
  黄卯卯的小站: http://huangjinyuan.xyz/
#是否开启“关于我”。
#不开启——
#aboutme: false
#开启——
aboutme: 懒

这样就安装主题完成了~

也可以去这个主题的作者那里学习如何个性化配置

http://litten.github.io/2014/08/31/hexo-theme-yilia/

本文分享自微信公众号 - Crossin的编程教室(crossincode),作者:大懒虫

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2016-09-02

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • [Hexo]部署博客及更新博文

    本系列其它文章: 用 GitHub + Hexo 建立你的第一个博客 将本地文件部署到 GitHub 修改 Hexo 中的 _config.yml 文件 在...

    Crossin先生
  • 国外大牛程序员的工作环境

    Ilya Grigorik: Google 工程师。 Alex MacCaw: JavaScript 程序员,O’Reilly 作者,目前在 Stripe 公司...

    Crossin先生
  • 【Python 第27课】 list切片

    list有两类常用操作:索引(index)和切片(slice)。 昨天我们说的用[]加序号访问的方法就是索引操作。 除了指定位置进行索引外,list还可以处理负...

    Crossin先生
  • 强大的类excel插件,handsontable的简单应用

    “ handsontable是一款强大的web端类excel插件,对于需要在网页上编辑类excel数据的同学来说,简直是妙不可言!”

    周萝卜
  • 基础知识 | 每日一练(166)

    士人有百折不回之真心,才有万变不穷之妙用。立业建功,事事要从实地着脚,若少慕声闻,便成伪果;讲道修德,念念要从虚处立基,若稍计功效,便落尘情。 ...

    小林C语言
  • 科技向善 不忘初心 — CCF与腾讯共同为胡启恒院士、李伯虎院士颁发终身成就奖

    科技向善 不忘初心 —CCF与腾讯共同为胡启恒院士、李伯虎院士颁发终身成就奖 2月3日,2017年度“中国计算机学会颁奖大会”在北京隆重举行...

    腾讯高校合作
  • 自定义认证后台

    Django auth 应用默认支持用户名(username)进行登录。但是在实践中,网站可能还需要邮箱、手机号、身份证号等进行登录,这就需要我们自己写一个认证...

    追梦人物
  • TW洞见 | 郑晔:测试时间

    在单元测试中,与时间相关的测试总是让人很头疼。举个例子,我们希望做一个定期过期缓存,比如30分钟过期,这该怎么测试呢?等30分钟?那要是过期时间是3天,你打算把...

    ThoughtWorks
  • 图像处理初学者应该学习的100个问题-你都学会了吗?

    本文整理了图像处理初学者应该需要了解的100个基础问题,涉及读取、显示图像、操作像素、拷贝图像、保存图像、灰度化(Grayscale)、二值化(Thres...

    代码医生工作室
  • python初学者笔记—入门基础知识

    变量:存储数据的容器,我们可以通过变量来操作数据 我们在创建变量时会在内存中开辟一个空间,可以存储不同类型的数据。

    诡途

扫码关注云+社区

领取腾讯云代金券