一款粉粉的hexo主题
发布在杨滋滋的博客2016年4月21日view:1567HTML5css3Sass,Less模板引擎HeoxHTML
在文章任何区域双击击即可给文章添加【评注】!浮到评注点上可以查看详情。

自主研发一款hexo主题

live:yzz1995.cn

之前在杨滋滋的年度计划里面,写到第一个计划就是自己设计一款hexo的主题,所以才有了这款MyFairLady粉红主题

0x00

一开始的设计初衷,是没有想过要把他做得这么粉红。想用最简单的黑白灰三种颜色来做,可是后来呢,发觉实在是有点太单调了。不是很好看,所以想换个颜色,Ctrl+Alt+C 打开调色板选到了粉红色rgba(246,74,182,.66);

0x01

进入正题,这里其实是一篇中文文档。

安装

$ git clone https://github.com/yzzting/hexo-theme-MyFairLady.git

修改你hexo主目录下的_config.yml的theme

# Extensions
## Plugins: http://hexo.io/plugins/
## Themes: http://hexo.io/themes/
theme: MyFairLady

主要的配置

菜单

menu:
    home: /
    about me : /about
    archives: /archives

这个是header里面三个选项,如果要添加的话,在目录下的 source 下创建 一个你想要添加的选项,例如xx.md里面填入

---
layout: page
title: "xx"
noDate: "true"
---

显示的文章数

每一页显示的文章数,还是在主目录下的_config.yml,找到per_page,选择你喜欢的数字。归档页也会跟着改变。

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

统计

我在里面添加了百度统计和google统计,默认才用的是google。分别在主题的配着文件下填入你的ID,就是启用了

# Baidu Analytics
# baidu_analytics: c21994907883f37ffd80e13627dd4faa

# Google Analytics
google_analytics: UA-75314797-1

社交

在主题的_config.yml里面的subnav选项中,有三个选项,github,知乎,微博,一切从简,并没有用icon。(其实是实在找不到什么font-awesome,有知乎的logo

# SubNav
subnav:
gitHub: "https://github.com/yzzting"
weiBo: "http://weibo.com/yzzting"
zhiHu: "https://www.zhihu.com/people/yang-zi-zi-1995"

其他的配置呢在配置文件里面写的也蛮清楚了,一看就懂的啦

0x02

这款主题用了ejs+less,只是一点点js而已。这个主题粉红色调,以简洁的白色和粉红色看起来更简洁,清楚,所以我借了一部电影,它被命名为窈窕淑女的名称,也希望大家可以给出宝贵的意见和建议,来帮助我改正。也欢迎大家star和fork这个主题,给宝宝一个小小的鼓励

最后

这篇文章的更新会在我的博客 地址在戳我

评论
发表评论
暂无评论
WRITTEN BY
PUBLISHED IN
杨滋滋的博客

自主研发一款hexo主题

live:yzz1995.cn

之前在杨滋滋的年度计划里面,写到第一个计划就是自己设计一款hexo的主题,所以才有了这款MyFairLady粉红主题

0x00

一开始的设计初衷,是没有想过要把他做得这么粉红。想用最简单的黑白灰三种颜色来做,可是后来呢,发觉实在是有点太单调了。不是很好看,所以想换个颜色,Ctrl+Alt+C 打开调色板选到了粉红色rgba(246,74,182,.66);

0x01

进入正题,这里其实是一篇中文文档。

安装

$ git clone https://github.com/yzzting/hexo-theme-MyFairLady.git

修改你hexo主目录下的_config.yml的theme

# Extensions
## Plugins: http://hexo.io/plugins/
## Themes: http://hexo.io/themes/
theme: MyFairLady

主要的配置

菜单

menu:
    home: /
    about me : /about
    archives: /archives

这个是header里面三个选项,如果要添加的话,在目录下的 source 下创建 一个你想要添加的选项,例如xx.md里面填入

---
layout: page
title: "xx"
noDate: "true"
---

显示的文章数

每一页显示的文章数,还是在主目录下的_config.yml,找到per_page,选择你喜欢的数字。归档页也会跟着改变。

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

统计

我在里面添加了百度统计和google统计,默认才用的是google。分别在主题的配着文件下填入你的ID,就是启用了

# Baidu Analytics
# baidu_analytics: c21994907883f37ffd80e13627dd4faa

# Google Analytics
google_analytics: UA-75314797-1

社交

在主题的_config.yml里面的subnav选项中,有三个选项,github,知乎,微博,一切从简,并没有用icon。(其实是实在找不到什么font-awesome,有知乎的logo

# SubNav
subnav:
gitHub: "https://github.com/yzzting"
weiBo: "http://weibo.com/yzzting"
zhiHu: "https://www.zhihu.com/people/yang-zi-zi-1995"

其他的配置呢在配置文件里面写的也蛮清楚了,一看就懂的啦

0x02

这款主题用了ejs+less,只是一点点js而已。这个主题粉红色调,以简洁的白色和粉红色看起来更简洁,清楚,所以我借了一部电影,它被命名为窈窕淑女的名称,也希望大家可以给出宝贵的意见和建议,来帮助我改正。也欢迎大家star和fork这个主题,给宝宝一个小小的鼓励

最后

这篇文章的更新会在我的博客 地址在戳我

我的收藏