V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
forsigner
V2EX  ›  分享创造

极简主义主题 Fexo in beta

  •  3
     
  •   forsigner · 2016-03-01 13:39:36 +08:00 · 8528 次点击
    这是一个创建于 3181 天前的主题,其中的信息可能已经有所发展或是发生改变。

    刚开始只是一时兴起心血来潮周末无聊,用了两个晚上写了一个 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

    文章页:
    2

    关于:
    2

    文章分类页:
    4

    第 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 经过一周的打磨,主题终于基本完善了,感谢大家的建议和关注~
    78 条回复    2016-08-29 08:59:15 +08:00
    lynulzy
        1
    lynulzy  
       2016-03-01 13:48:10 +08:00
    livia313
        2
    livia313  
       2016-03-01 13:51:01 +08:00
    wow~ 楼主速度好快,已经完善好多了
    forsigner
        3
    forsigner  
    OP
       2016-03-01 14:08:21 +08:00
    @livia313 @lynulzy 感谢 ^ ^
    timothyye
        4
    timothyye  
       2016-03-01 14:15:33 +08:00
    赞一个
    EyreFree
        5
    EyreFree  
       2016-03-01 14:18:08 +08:00
    赞,看起来很不错。
    ciki
        6
    ciki  
       2016-03-01 14:23:12 +08:00
    我觉得起始页有点多余吧,改成菜单栏会比较好,没那么多层次
    forsigner
        7
    forsigner  
    OP
       2016-03-01 14:29:03 +08:00
    @ciki 所以这涉及到个人喜好问题,这个可以配置_config.yml 中的 “ init_page_content ” ,让起始页变成文章列表。起始页不一定是多余,例如:当有人想把起始页变成一个入口, blog 只是一个子服务时,起始页就有用了。
    kooze
        8
    kooze  
       2016-03-01 14:30:40 +08:00
    蛮好的
    zixincao
        9
    zixincao  
       2016-03-01 14:35:32 +08:00
    支持一个!!
    Tink
        10
    Tink  
       2016-03-01 14:36:48 +08:00 via iPhone
    求众大神移植一个 typecho 版的
    zhengji
        11
    zhengji  
       2016-03-01 15:02:36 +08:00
    很精美!
    reverland
        12
    reverland  
       2016-03-01 15:59:25 +08:00
    hi, 有些偏向我个人需求的想法

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

    楼主加油,漂亮,移动端还没看
    forsigner
        13
    forsigner  
    OP
       2016-03-01 16:07:03 +08:00
    @zhengji thx~
    forsigner
        14
    forsigner  
    OP
       2016-03-01 16:07:54 +08:00
    @reverland 恩恩 这些都很有必要~
    edisonator
        15
    edisonator  
       2016-03-01 16:10:52 +08:00
    支持,我记得我收藏过一次呀,怎么又可以收藏了
    edisonator
        16
    edisonator  
       2016-03-01 16:11:46 +08:00
    雪崩,原来这是一篇新帖...
    forsigner
        17
    forsigner  
    OP
       2016-03-01 16:22:41 +08:00
    @edisonator 手动偷笑
    reverland
        18
    reverland  
       2016-03-01 16:34:16 +08:00
    移动端也很好啊,

    对了,还有 mathjax
    sky170
        19
    sky170  
       2016-03-01 16:34:28 +08:00
    支持
    panfake
        20
    panfake  
       2016-03-01 16:36:16 +08:00
    赞!很喜欢!
    DesignerSkyline
        21
    DesignerSkyline  
       2016-03-01 16:42:29 +08:00
    强烈支持 现在竟然有种想把 WP 换成 Hexo 的冲动了, 23333333
    yuuko
        22
    yuuko  
       2016-03-01 16:45:19 +08:00
    已 star
    magicdawn
        23
    magicdawn  
       2016-03-01 16:49:07 +08:00
    极简 http://magicdawn.ml 哈哈
    HanB
        24
    HanB  
       2016-03-01 16:49:46 +08:00
    赞、、
    forsigner
        25
    forsigner  
    OP
       2016-03-01 17:24:06 +08:00
    @DesignerSkyline 换换换 Hexo 比 WP 用起来爽
    forsigner
        26
    forsigner  
    OP
       2016-03-01 17:25:11 +08:00
    @reverland 看来 Pure CSS 要打破了...
    dongyado
        27
    dongyado  
       2016-03-01 17:40:46 +08:00
    越来越漂亮了。。。
    feather12315
        28
    feather12315  
       2016-03-01 18:30:43 +08:00 via Android
    已用上,感觉蛮不错的
    Zeahoo
        29
    Zeahoo  
       2016-03-01 19:11:25 +08:00
    之前版本已经用上了,很简单,很喜欢~
    livia313
        30
    livia313  
       2016-03-01 19:47:13 +08:00
    惊喜呀喂,楼主好棒
    leitwolf
        31
    leitwolf  
       2016-03-01 19:52:34 +08:00
    toc 感觉很糟糕啊,我觉得比较好的是,一个图标固定在右上角,点击(或鼠标放上去)的时候才显示出来。
    leitwolf
        32
    leitwolf  
       2016-03-01 19:55:47 +08:00
    文章正文有个上一主题下一主题就好了。
    不过现在也很好了,加油。
    forsigner
        34
    forsigner  
    OP
       2016-03-01 21:06:50 +08:00
    @Zeahoo blog 还上了 https...
    forsigner
        35
    forsigner  
    OP
       2016-03-01 21:07:22 +08:00
    @leitwolf 恩恩,我试试,看看会不会更好
    forsigner
        36
    forsigner  
    OP
       2016-03-01 21:08:35 +08:00
    @EyreFree thx~
    ykqmain
        37
    ykqmain  
       2016-03-01 21:18:47 +08:00
    The last time
    kmahyyg
        38
    kmahyyg  
       2016-03-01 22:12:57 +08:00
    小白问题

    hexo 在 96m vps 小鸡上可以跑吗?
    edwardaa
        39
    edwardaa  
       2016-03-01 23:44:48 +08:00
    确实很干净,所以标题怎么取就显得更加重要了。
    forsigner
        40
    forsigner  
    OP
       2016-03-02 09:17:15 +08:00
    @edwardaa 恩恩,还有就是字体很重要,我最近在做自定义字体
    garsday
        41
    garsday  
       2016-03-02 09:34:58 +08:00
    @forsigner 撒花~~~
    Lenbo
        42
    Lenbo  
       2016-03-02 11:16:25 +08:00
    @leitwolf 这个好丑
    Lenbo
        43
    Lenbo  
       2016-03-02 11:18:09 +08:00
    @forsigner TOC 在现用的基础上,固定悬浮就可以了
    leitwolf
        44
    leitwolf  
       2016-03-02 11:19:53 +08:00
    @Lenbo 我觉得那个 toc 设计的不错啊,方便阅读文章。
    reverland
        45
    reverland  
       2016-03-02 11:37:51 +08:00
    @forsigner >_< 可选吧, Mathjax 默认关闭什么的
    reverland
        46
    reverland  
       2016-03-02 11:38:20 +08:00
    @Lenbo 同样希望 toc 悬浮。。。要么就需要一个返回顶端。。
    reverland
        47
    reverland  
       2016-03-02 11:39:31 +08:00
    @leitwolf 屏幕小的好伤心。。。
    reverland
        48
    reverland  
       2016-03-02 12:08:33 +08:00
    fontello 的字体要不要按照默认方式命名。。我想加个图标不知道之前那些是什么。。。
    forsigner
        49
    forsigner  
    OP
       2016-03-02 12:39:01 +08:00
    @reverland 我晚点在文档完善一下怎么使用图标,还有怎么自定义图标
    forsigner
        50
    forsigner  
    OP
       2016-03-02 12:39:16 +08:00
    @reverland 这个可以有
    jinzhe
        51
    jinzhe  
       2016-03-02 12:40:05 +08:00
    简约而简单,需要质感
    apeipo
        52
    apeipo  
       2016-03-02 13:54:07 +08:00
    很喜欢!!,晚点试试看
    forsigner
        53
    forsigner  
    OP
       2016-03-02 16:57:17 +08:00
    @jinzhe 请问是指怎样的质感呢?
    CyrilC
        54
    CyrilC  
       2016-03-02 18:04:19 +08:00
    哟,珠海的?
    forsigner
        55
    forsigner  
    OP
       2016-03-02 18:24:36 +08:00
    @CyrilC 对的~
    Zeahoo
        56
    Zeahoo  
       2016-03-03 08:33:13 +08:00
    about 页面貌似在手机端显示不全,题主你看看是不是就我一个人这种情况~
    stanjia
        57
    stanjia  
       2016-03-03 08:39:07 +08:00
    此项目很活跃,已经在使用了。
    有个问题撒, 就是我 pull 了最新的 git 内容,然后生成的网站点了 标签和分类时,发现是 404 的页面。
    我是用 hexo g && hexo server 这样生成的, 是不是少做了神马?
    forsigner
        58
    forsigner  
    OP
       2016-03-03 09:20:52 +08:00
    @Zeahoo 确实还没是配好手机,我这几天适配一下
    forsigner
        59
    forsigner  
    OP
       2016-03-03 09:22:10 +08:00
    @stanjia 你看看文档,有详细的说明,你要先 “ hexo new page tag ” 生成页面
    leo937549163
        60
    leo937549163  
       2016-03-03 10:46:43 +08:00 via Android
    赞!我昨天刚搭 hexo ,用的就是你的 fexo
    不过有几个小遗憾?一个是中文汉字的字体的实现?总觉得在电脑 chrome 中渲染得一般,但手机上现货不错。另一个是 MD 的的图片似乎默认做了宽度适配全屏的处理?
    (顺便正文字体设置的是 15px ?仿佛有点小 不过这随意)
    总体还是很喜欢的!支持!
    jinzhe
        61
    jinzhe  
       2016-03-03 14:31:17 +08:00
    @forsigner 这种没办法用语言直接写出来,因为需要很多方面去评价的。比如设计感、交互体验、色彩运用、兼容性、内容、网页性能等等细节。

    按我自己的理解就是一个作品的灵魂。这种东西不是拼凑起来的,而且根据以往经验精心打磨而成。其中包括自己的想法、理念、甚至是世界观、人生观。
    forsigner
        62
    forsigner  
    OP
       2016-03-03 16:43:01 +08:00
    @leo937549163 图片是 100%,这个我可以改成一下,适配一下小图,字体我有计划改善它
    forsigner
        63
    forsigner  
    OP
       2016-03-03 16:43:45 +08:00
    @jinzhe 这个项目是偶然起的 没这么认真 哈哈
    Merlini
        64
    Merlini  
       2016-03-04 13:54:58 +08:00
    关于的字体有点太大了,还有 icon 矢量图感觉不是很实用, ie11 没有适配,关于图片的话,觉得还是自己上传的时候调好,这样避免下载多余的东西。
    总体感觉很简洁,已用上, thanks 哈哈。
    还有标题和副标题用中文好丑。。
    forsigner
        65
    forsigner  
    OP
       2016-03-04 14:15:13 +08:00
    @Merlini 恩恩,字体我没在 IE 环境测,我正准备改善一下字体
    forsigner
        66
    forsigner  
    OP
       2016-03-04 15:37:45 +08:00
    @Merlini 字体已经改善,后面计划加上配置可以选择自定义字体
    Merlini
        67
    Merlini  
       2016-03-05 13:30:28 +08:00
    @forsigner git pull 以后 nav 出错 导航栏全是 undefined
    leo937549163
        68
    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
        69
    leo937549163  
       2016-03-05 16:56:20 +08:00
    http://leonids.xyz/downloads/Screenshot.png
    在正文中 自动生成的右侧的索引 似乎有排版的问题。我不知道只是 hexo 的还是什么;w;
    (就是 h4 的标题上下有间距, h2 的却没有)
    stanjia
        70
    stanjia  
       2016-03-05 17:22:42 +08:00
    @forsigner 已解决^_^
    forsigner
        71
    forsigner  
    OP
       2016-03-06 10:26:27 +08:00
    @leo937549163 因为 categories 默认被 Hexo 使用了,所以我才统一没加 [s] 的
    forsigner
        72
    forsigner  
    OP
       2016-03-06 10:28:40 +08:00
    @reverland 返回顶部已经加上, toc 确实需要优化
    forsigner
        73
    forsigner  
    OP
       2016-03-06 10:31:01 +08:00
    @leo937549163 图片强制 100%问题已经解决, 排版问题我再优化一下
    tangbao
        74
    tangbao  
       2016-03-06 14:40:41 +08:00
    求移植到 Typecho ! 感谢 !
    joyc
        75
    joyc  
       2016-03-06 22:31:53 +08:00
    简洁而不简单 不错
    Leafove
        76
    Leafove  
       2016-03-15 10:59:42 +08:00
    才发现在设置不显示盒子的情况下桌面上正常,而手机上依然会显示
    forsigner
        77
    forsigner  
    OP
       2016-03-16 11:07:14 +08:00
    我看一下哈
    Eugene1024
        78
    Eugene1024  
       2016-08-29 08:59:15 +08:00
    咋启动的呢
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1054 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 30ms · UTC 19:42 · PVG 03:42 · LAX 11:42 · JFK 14:42
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.