一个极简主义设计的 Hexo 主题

[forsigner]

作为设计师出身的前端攻城狮， blog 用着别人的主题终究还是不爽，于是花了两天晚上写了一个 Hexo 主题。

主题 Github 地址：Fexo - A minimalist design theme.

主题的特点是：
- 极简主义设计
- 去除了各种复杂的元素，总共只有 3 个页面
- 列表页面借鉴了 Facebook 的 timeline
- Pure CSS, No JavaScript, 所以轻量加载性能高

主题截图：

欢迎吐槽建议~

Demo 链接： http://forsigner.com/

[Leafove]

@forsigner 表示归档页最上方首页的标签感觉有些多余啊

[Dlad]

用上了，很好看。

[dongyado]

字体排版都很漂亮，赞一个， 已收藏。。

[forsigner]

@all @timothyye @Leafove @xcc3641 @ykqmain 分页功能已经完成，欢迎建议吐槽，效果如下：

PC 效果：


Mobile 效果：

[forsigner]

@Leafove 这个考虑过，其实点击头像也可以返回首页，但是怕太隐晦，就加了一个首页，这个设计我再想想

[forsigner]

@garsday 什么很快呢？ 不在职怎么吃饭...

[forsigner]

@ykqmain 分页已加上

[xcc3641]

超级 nice~还差硬需求就是分类和 tag 了

[ykqmain]

@forsigner 希望还有分类，友链， RSS ， about 。
把 blog 当作首页就行
感觉手机上的那条垂直线太偏左了。
手机上的，博客内容也感觉偏左
你可以搞一个比较长的标题，看看在手机上的效果

[forsigner]

@ykqmain 恩恩 细节会持续改进

[Leafove]

@forsigner 其实我想说这算是我遇到的第一个可以为之而更换博客程序的主题了 大赞

[forsigner]

@Leafove 谢谢，不过还好多功能跟细节需要完善

[wuyinyin]

喜欢博客的主题

[wuyinyin]

字体

[zhuziyi]

折腾了一天，搭建好了，好多坑。。。

[Zeahoo]

好棒的感觉！期待细节打磨～

[Kaiyuan]

手机效果推荐内容区域左右空白留多一些。最好用百分比，那样不同屏幕也会一样效果。

```
.content-archive {
width: 96%;
padding: 0 2%;
text-align: left;
}
```

[forsigner]

@zhuziyi 文档暂时还不详细，后续改善一下 ^ ^

[forsigner]

@Kaiyuan 恩恩 感谢

[stanjia]

整体很好看， 期望加入 tag ~ 其他的就不需要改动了。很完美

[forsigner]

@stanjia 正在完善， tag 功能正在加 ^ ^

[xcc3641]

好赞啊楼主，一眼就喜欢你的主题了，加油加油，等项目成熟了我就马上换~加油。

[timothyye]

Nice job...

[VECH]

顶一下～很喜欢，持续关注。

[leitwolf]

不错，不错，加油！

[livia313]

时间轴有点靠左（ PC 和手机版都是），建议靠中会比较好看~~~

[hexasnake]

非常棒！！！

[larsenlouis]

非常不错，发现没有 404 页面。打算写一个 jekyll 版 https://github.com/larsenlouis/fekyll

[forsigner]

@xcc3641 恩恩 正在完善中...

[forsigner]

@livia313 恩恩 谢谢你的建议，欢迎继续吐槽

[hqs123]

很简洁，赞一个

[igel]

喜欢！

[qq3421923]

好看...

[livia313]

加油 期待稳定版本

[easing]

刚 git pull 了一次发现不少更新，但貌似导航栏的分类、标签、关于什么的都还没具体实现？

[forsigner]

@easing 对的，正在实现 ing...

[server]

已收藏

[jasperchou]

不错。简洁。总算是找到个符合想法的主题了。。。

[ljh0585]

Just replace image theme/hexo/source/images/avatar.jpg
这路径写错了吧

[eastingcw]

大赞啊，谢谢

[luojiajian]

清爽简单~就是偏左了一点

[forsigner]

@ljh0585 对的，我改一下

[eastingcw]

看了 demo ， http://forsigner.com/fexo/，这个地址怎么实现的，为何不是 forsigner.com/2016/02/23/fexo/

[forsigner]

@eastingcw 在根目录的_config.yml 设置 "permalink: /:title/"

[eastingcw]

@forsigner Thanks

[2hiw]

看了第一眼就喜欢上了，最近也是在搞一个自己的博客，刚才下载试了一下，效果很赞。个人意见：文章页左上角图标位置不太好，可以考虑修改一下；上面标签页弹出的时候，首页标签变暗；
加油，随时关注，期待更新

[leitwolf]

类别那里应该是把所有类别集中在一起吧，不然这样好像没什么用处啊

[lewisou]

很喜欢这个风格。 只是差点没发现 http://forsigner.com/archives/ 里的“盒子”是个隐藏按钮。。

[forsigner]

@2hiw 还在更新完善中哦

[sindy]

就喜欢这么简洁的，已经换上了，加油更新啊~

[forsigner]

@leitwolf 我想想办法，看能不能解决这个问题又不破坏设计的间接性，谢谢哈

[forsigner]

@lewisou 这个我想想有什么更好的设计

[xcc3641]

楼主~你的 Hexo 是不是已经更新好啦~

[forsigner]

@sindy 恩恩 谢谢支持

[forsigner]

@xcc3641 还在完善细节哦，刚重构了代码

[xcc3641]

好像没有单篇文章的内容的目录生成？

[forsigner]

@xcc3641 请问“单篇文章的内容的目录生成” 是指？

[xcc3641]

@forsigner 1.比如你看 http://wuxiaolong.me/2016/01/18/rxjava/这篇，点击右下角侧栏会出现该文章的目录。 2.手机端好像没有盒子。

[xcc3641]

http://wuxiaolong.me/2016/01/18/rxjava/

[xcc3641]

md 里的引用“>”好像没有渲染？

[forsigner]

@xcc3641 恩恩，很多功能还没来得及加上，周末我会尽快完善 ^ ^

[xcc3641]

@forsigner 辛苦你啦~特别喜欢你的风格。

[forsigner]

@sindy 周末加班更新 哈哈

[eastingcw]

tags 和 categories 页面我也 new 了，怎么和你的不一样

[sindy]

@forsigner 持续关注中，哈哈哈

[forsigner]

@eastingcw 还在更新中，过几天我写个详细的文档哈

[vcshui]

mobile 左边距是不是小了点点，右边留白太多

[vcshui]

收回，截图看起来小。实际感觉不错

[easing]

为什么标题不居中了。。在左边看着好别扭

[forsigner]

@vcshui 手机还没做很详细的适配

[forsigner]

@easing 那我在_config.yml 加个配置，可居中也可以据居

[leitwolf]

感觉完善很多了，在正文加个 table of content 就好了。

[forsigner]

@leitwolf 是指文章内容的的导航？

[leitwolf]

@forsigner 是的

[Leafove]

可否配置中不配置"盒子"的话就隐藏掉该按钮..

[forsigner]

@Leafove 可以，已经加上


# 面包屑
breadcrumb:
isShow: true # true|fase

# 盒子
toolbox:
isShow: true # true|fas

[Leafove]

@forsigner Thanks~

[Leafove]

@forsigner 不过在文章页面还是会显示盒子按钮~

[forsigner]

@Leafove 可能是缩进不对，这里不能代码缩进，你看这里： https://github.com/forsigner/fexo/blob/master/_config.yml

[Leafove]

@forsigner 噢,没表达清楚.我的意思是归档页面可以正确隐藏,但是详细文章页面已然存在

[forsigner]

@Leafove 是忘记隐藏详情页了，现在已经可以隐藏

[qutian]

不错准备用 看到过一个类似的 http://lotabout.me/very-simple/