极简主义主题 Fexo in beta

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

爱意满满的作品展示区。

这是一个创建于 3188 天前的主题，其中的信息可能已经有所发展或是发生改变。

刚开始只是一时兴起心血来潮周末无聊，用了两个晚上写了一个 Hexo 主题，叫做 Fexo ，这个名字的来源是用我网名的首字母 F 替换了 Hexo 的首字母的 H 。

起初就是想做一个最简洁的主题，去除所有元素，只有两个页面：一个文章列表和一个文章详情，但是觉得有点简陋，就加了一个起始页，我觉得 3 个页面就够了。

周一我把主题分享到 V2 ，没想到得到一些 V 有的认可，主要是颜值还可以 (哎，一个看脸的世界)，并且得到一些建议，所以就决定完善这个主题，顺便做回自己的老本行，做一个完整的设计，所以有了现在比较完整的主题。

Demo: http://forsigner.com/

Github 地址：Fexo - A minimalist design theme.

主题的特点最主要就是简单拉 (界面虽简但是五脏俱全)，还有就是 Pure CSS, No JavaScript ，加载性能好。

分页，文章分类，标签，友链， RSS ，关于， toc 等主流功能都有，不足是移动端还没设计好。

主题会长期维护，欢迎吐槽|、提 feature 、提 issue 、 pull request...

下面是一些页面：

首页：

文章页：

关于：

文章分类页：

第 1 条附言 · 2016-03-01 14:11:28 +08:00

@ykqmain 你的刚需看看满足没
@fish267 现在可以配置是否直达 post list
@garsday @thinkmore @easing @jeffjade @oading @Leafove @Lenbo @jusonalien @timothyye @okampfer @GPU @unique @lynulzy @Jeremial @easing @chenyg32 @djyde @Moker @ykqmain @mcfog @3b295 @kassadin @xcc3641 @dcirplan @xcatliu @vivisidea @bugcode @Jeremial @binarylu @Dlad @wuyinyin @zhuziyi @Zeahoo @timothyye @leitwolf @hexasnake @larsenlouis @hqs123 @igel @server @ljh0585 @eitwolf @lewisou @sindy 经过一周的打磨，主题终于基本完善了，感谢大家的建议和关注~

主题

fexo

文章

页面

78 条回复 • 2016-08-29 08:59:15 +08:00

lynulzy

2016-03-01 13:48:10 +08:00

livia313

2016-03-01 13:51:01 +08:00

wow~ 楼主速度好快，已经完善好多了

forsigner

2016-03-01 14:08:21 +08:00

@livia313 @lynulzy 感谢 ^ ^

timothyye

2016-03-01 14:15:33 +08:00

赞一个

EyreFree

2016-03-01 14:18:08 +08:00

赞，看起来很不错。

ciki

2016-03-01 14:23:12 +08:00

我觉得起始页有点多余吧，改成菜单栏会比较好，没那么多层次

forsigner

2016-03-01 14:29:03 +08:00

@ciki 所以这涉及到个人喜好问题，这个可以配置_config.yml 中的 “ init_page_content ” ，让起始页变成文章列表。起始页不一定是多余，例如：当有人想把起始页变成一个入口， blog 只是一个子服务时，起始页就有用了。

kooze

2016-03-01 14:30:40 +08:00

蛮好的

zixincao

2016-03-01 14:35:32 +08:00

支持一个！！

Tink

2016-03-01 14:36:48 +08:00 via iPhone

求众大神移植一个 typecho 版的

zhengji

2016-03-01 15:02:36 +08:00

很精美！

reverland

2016-03-01 15:59:25 +08:00

hi, 有些偏向我个人需求的想法

1. 文章目录能始终保持在屏幕内，或者有快速返回最顶部的方法
2. fontello 不是有 weibo 和 mail 的图标吗，这两个没有图标感觉好奇怪。还想加个微信的图标 233

楼主加油，漂亮，移动端还没看

forsigner

2016-03-01 16:07:03 +08:00

@zhengji thx~

forsigner

2016-03-01 16:07:54 +08:00

@reverland 恩恩这些都很有必要~

edisonator

2016-03-01 16:10:52 +08:00

支持，我记得我收藏过一次呀，怎么又可以收藏了

edisonator

2016-03-01 16:11:46 +08:00

雪崩，原来这是一篇新帖...

forsigner

2016-03-01 16:22:41 +08:00

@edisonator 手动偷笑

reverland

2016-03-01 16:34:16 +08:00

移动端也很好啊，

对了，还有 mathjax

sky170

2016-03-01 16:34:28 +08:00

支持

panfake

2016-03-01 16:36:16 +08:00

赞！很喜欢！

DesignerSkyline

2016-03-01 16:42:29 +08:00

强烈支持现在竟然有种想把 WP 换成 Hexo 的冲动了， 23333333

yuuko

2016-03-01 16:45:19 +08:00

已 star

magicdawn

2016-03-01 16:49:07 +08:00

极简 http://magicdawn.ml 哈哈

HanB

2016-03-01 16:49:46 +08:00

赞、、

forsigner

2016-03-01 17:24:06 +08:00

@DesignerSkyline 换换换 Hexo 比 WP 用起来爽

forsigner

2016-03-01 17:25:11 +08:00

@reverland 看来 Pure CSS 要打破了...

dongyado

2016-03-01 17:40:46 +08:00

越来越漂亮了。。。

feather12315

2016-03-01 18:30:43 +08:00 via Android

已用上，感觉蛮不错的

Zeahoo

2016-03-01 19:11:25 +08:00

之前版本已经用上了，很简单，很喜欢~

livia313

2016-03-01 19:47:13 +08:00

惊喜呀喂，楼主好棒

leitwolf

2016-03-01 19:52:34 +08:00

toc 感觉很糟糕啊，我觉得比较好的是，一个图标固定在右上角，点击（或鼠标放上去）的时候才显示出来。

leitwolf

2016-03-01 19:55:47 +08:00

文章正文有个上一主题下一主题就好了。
不过现在也很好了，加油。

leitwolf

2016-03-01 20:03:53 +08:00

toc 设计成像这样就好了。
http://novoland.github.io/%E8%AE%BE%E8%AE%A1/2015/04/02/%E5%B8%B8%E7%94%A8%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F%E7%9A%84%E6%80%BB%E7%BB%93.html

forsigner

2016-03-01 21:06:50 +08:00

@Zeahoo blog 还上了 https...

forsigner

2016-03-01 21:07:22 +08:00

@leitwolf 恩恩，我试试，看看会不会更好

forsigner

2016-03-01 21:08:35 +08:00

@EyreFree thx~

ykqmain

2016-03-01 21:18:47 +08:00

The last time

kmahyyg

2016-03-01 22:12:57 +08:00

小白问题

hexo 在 96m vps 小鸡上可以跑吗？

edwardaa

2016-03-01 23:44:48 +08:00

确实很干净，所以标题怎么取就显得更加重要了。

forsigner

2016-03-02 09:17:15 +08:00

@edwardaa 恩恩，还有就是字体很重要，我最近在做自定义字体

garsday

2016-03-02 09:34:58 +08:00

@forsigner 撒花～～～

Lenbo

2016-03-02 11:16:25 +08:00

@leitwolf 这个好丑

Lenbo

2016-03-02 11:18:09 +08:00

@forsigner TOC 在现用的基础上，固定悬浮就可以了

leitwolf

2016-03-02 11:19:53 +08:00

@Lenbo 我觉得那个 toc 设计的不错啊，方便阅读文章。

reverland

2016-03-02 11:37:51 +08:00

@forsigner >_< 可选吧， Mathjax 默认关闭什么的

reverland

2016-03-02 11:38:20 +08:00

@Lenbo 同样希望 toc 悬浮。。。要么就需要一个返回顶端。。

reverland

2016-03-02 11:39:31 +08:00

@leitwolf 屏幕小的好伤心。。。

reverland

2016-03-02 12:08:33 +08:00

fontello 的字体要不要按照默认方式命名。。我想加个图标不知道之前那些是什么。。。

forsigner

2016-03-02 12:39:01 +08:00

@reverland 我晚点在文档完善一下怎么使用图标，还有怎么自定义图标

forsigner

2016-03-02 12:39:16 +08:00

@reverland 这个可以有

jinzhe

2016-03-02 12:40:05 +08:00

简约而简单，需要质感

apeipo

2016-03-02 13:54:07 +08:00

很喜欢！！，晚点试试看

forsigner

2016-03-02 16:57:17 +08:00

@jinzhe 请问是指怎样的质感呢？

CyrilC

2016-03-02 18:04:19 +08:00

哟，珠海的？

forsigner

2016-03-02 18:24:36 +08:00

@CyrilC 对的~

Zeahoo

2016-03-03 08:33:13 +08:00

about 页面貌似在手机端显示不全，题主你看看是不是就我一个人这种情况~

stanjia

2016-03-03 08:39:07 +08:00

此项目很活跃，已经在使用了。
有个问题撒，就是我 pull 了最新的 git 内容，然后生成的网站点了标签和分类时，发现是 404 的页面。
我是用 hexo g && hexo server 这样生成的，是不是少做了神马？

forsigner

2016-03-03 09:20:52 +08:00

@Zeahoo 确实还没是配好手机，我这几天适配一下

forsigner

2016-03-03 09:22:10 +08:00

@stanjia 你看看文档，有详细的说明，你要先 “ hexo new page tag ” 生成页面

leo937549163

2016-03-03 10:46:43 +08:00 via Android

赞！我昨天刚搭 hexo ，用的就是你的 fexo
不过有几个小遗憾？一个是中文汉字的字体的实现？总觉得在电脑 chrome 中渲染得一般，但手机上现货不错。另一个是 MD 的的图片似乎默认做了宽度适配全屏的处理？
(顺便正文字体设置的是 15px ？仿佛有点小不过这随意)
总体还是很喜欢的！支持！

jinzhe

2016-03-03 14:31:17 +08:00

@forsigner 这种没办法用语言直接写出来，因为需要很多方面去评价的。比如设计感、交互体验、色彩运用、兼容性、内容、网页性能等等细节。

按我自己的理解就是一个作品的灵魂。这种东西不是拼凑起来的，而且根据以往经验精心打磨而成。其中包括自己的想法、理念、甚至是世界观、人生观。

forsigner

2016-03-03 16:43:01 +08:00

@leo937549163 图片是 100%，这个我可以改成一下，适配一下小图，字体我有计划改善它

forsigner

2016-03-03 16:43:45 +08:00

@jinzhe 这个项目是偶然起的没这么认真哈哈

Merlini

2016-03-04 13:54:58 +08:00

关于的字体有点太大了，还有 icon 矢量图感觉不是很实用， ie11 没有适配，关于图片的话，觉得还是自己上传的时候调好，这样避免下载多余的东西。
总体感觉很简洁，已用上， thanks 哈哈。
还有标题和副标题用中文好丑。。

forsigner

2016-03-04 14:15:13 +08:00

@Merlini 恩恩，字体我没在 IE 环境测，我正准备改善一下字体

forsigner

2016-03-04 15:37:45 +08:00

@Merlini 字体已经改善，后面计划加上配置可以选择自定义字体

Merlini

2016-03-05 13:30:28 +08:00

@forsigner git pull 以后 nav 出错导航栏全是 undefined

leo937549163

2016-03-05 16:00:51 +08:00

一个建议（ bug ）
···
启用分类页面

在博客根目录执行 hexo new page category
修改 my-blog/source/category/index.md 里面的内容:
---
title: category
layout: category
comments: false
---
启用标签页面

在博客根目录执行 hexo new page tag
修改 my-blog/source/tag/index.md 里面的内容:
---
title: tag
layout: tag
comments: false
---
···
以上为你的文档
建议改为 categories 和 tags

leo937549163

2016-03-05 16:56:20 +08:00

http://leonids.xyz/downloads/Screenshot.png
在正文中自动生成的右侧的索引似乎有排版的问题。我不知道只是 hexo 的还是什么;w;
(就是 h4 的标题上下有间距， h2 的却没有)

stanjia

2016-03-05 17:22:42 +08:00

@forsigner 已解决^_^

forsigner

2016-03-06 10:26:27 +08:00

@leo937549163 因为 categories 默认被 Hexo 使用了，所以我才统一没加 [s] 的

forsigner

2016-03-06 10:28:40 +08:00

@reverland 返回顶部已经加上， toc 确实需要优化

forsigner

2016-03-06 10:31:01 +08:00

@leo937549163 图片强制 100%问题已经解决，排版问题我再优化一下

tangbao

2016-03-06 14:40:41 +08:00

求移植到 Typecho ！感谢！

joyc

2016-03-06 22:31:53 +08:00

简洁而不简单不错

Leafove

2016-03-15 10:59:42 +08:00

才发现在设置不显示盒子的情况下桌面上正常,而手机上依然会显示

forsigner

2016-03-16 11:07:14 +08:00

我看一下哈

Eugene1024

2016-08-29 08:59:15 +08:00

咋启动的呢