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

分享一款 Ghost/Jekyll 模板

  •  
  •   P233 ·
    P233 · 2013-12-02 10:09:56 +08:00 · 20417 次点击
    这是一个创建于 3788 天前的主题,其中的信息可能已经有所发展或是发生改变。
    之前的博客模板收到了很多朋友的询问,受宠若惊,非常感谢!一直觉得还有很多可改进的地方,抽时间做了第二版,想不出好名字就叫 "3" 了 :) 能力有限,能做到的都努力做了,还请大家多提建议不断改进完善(尤其期待各位设计师V友的美化建议)

    3-Ghost: https://github.com/P233/3-Ghost
    3-Jekyll: https://github.com/P233/3-Jekyll

    以及新换了域名的菜鸟博客 http://peiwen.lu

    大牛们见笑了
    48 条回复    2016-06-11 14:17:43 +08:00
    lichao
        1
    lichao  
       2013-12-02 10:12:16 +08:00   ❤️ 1
    什么逻辑,想把鼠标放右边拉滚动条都不让
    fangzhzh
        2
    fangzhzh  
       2013-12-02 10:19:46 +08:00   ❤️ 1
    很漂亮
    P233
        3
    P233  
    OP
       2013-12-02 10:22:12 +08:00
    @lichao 目录是一直想添加的功能,最后决定放在右侧,因为平时也没有拉滚动条的习惯,文章标题越多越方便一点
    P233
        4
    P233  
    OP
       2013-12-02 10:24:49 +08:00
    @fangzhzh 献丑了,折腾了一个周末,该去睡觉了 :)
    ijse
        5
    ijse  
       2013-12-02 10:29:33 +08:00   ❤️ 1
    很好看~~
    Seita
        6
    Seita  
       2013-12-02 10:35:00 +08:00   ❤️ 1
    搜索框怎么不让鼠标放上去==!
    bearcat001
        7
    bearcat001  
       2013-12-02 10:44:04 +08:00   ❤️ 1
    顶楼主。。。你的博客布局是我一直想要的~ 感觉对屏幕的利用率比较高
    仿照你原来的布局我写了自己的 http://yansu.org
    但是有一些功能是我希望有的,所以没有直接clone你的代码

    我想要给不同类型的博文不同的布局,像博文、图片、读书等内容可以以不同的方式展现,jekyll中根据layout就可以搞定了。。。不过我也还没写 =0=

    Ghost写作起来确实比本地sublime直观一些,但是好像没有Layout功能?而且主题自定义似乎也没有jekyll灵活

    感谢一个!
    clippit
        8
    clippit  
       2013-12-02 11:10:29 +08:00   ❤️ 1
    赞一个,就是不能搜索……
    subpo
        9
    subpo  
       2013-12-02 11:10:37 +08:00   ❤️ 1
    真是好看,玩了好久:)
    Sherlockhlt
        10
    Sherlockhlt  
       2013-12-02 11:24:06 +08:00   ❤️ 1
    大赞!尤其是对多设备的支持,well done!
    hfcc8685
        11
    hfcc8685  
       2013-12-02 11:35:25 +08:00   ❤️ 1
    好看~
    kimcool
        12
    kimcool  
       2013-12-02 11:50:41 +08:00   ❤️ 1
    好看,好用,赞一个
    leohxj
        13
    leohxj  
       2013-12-02 13:37:35 +08:00   ❤️ 1
    挺好的。
    头像转一下就可以了吧,一直转感觉有点晕。
    xdeng
        14
    xdeng  
       2013-12-02 14:20:03 +08:00   ❤️ 1
    个人觉得 不支持IE8 就不是一个成功的作品
    tayuo
        15
    tayuo  
       2013-12-02 18:00:37 +08:00   ❤️ 1
    <script type="text/javascript" data-project="ghost" src="http://localhost:48626/takana.js"></script>
    P233
        16
    P233  
    OP
       2013-12-02 18:05:20 +08:00
    @Seita
    @clippit 抱歉,搜索暂时是摆设,Ghost 以后会加入搜索功能,准备先等等。尝试过 Google CSE 但还没想到合适的展示方式。


    @bearcat001 非常感谢支持,看了你的 blog 标签分类的功能非常棒,学习了。

    Ghost theme 支持 partials 还没研究过怎么用。

    ”给不同类型的博文不同的布局,像博文、图片、读书等内容可以以不同的方式展现“
    我想应该可以根据不同的 Tag 输出不同的 ID 或 class 表现不同内容样式。相比 Jekyll 缺少一些功能,不过这个平台的发展潜力不错,可以信赖。

    在 Ghost 里面中文输入框会网上窜,所以我只用来修改文章,写东西会通过 Marked 配合自定义 CSS。


    @leohxj 非常感谢,建议很好,已经记录下了,多攒几个一并修改


    @xdeng 这套模板的设计初衷是分享前端技术,所以没考虑向下兼容,经过几轮修改已经定型不大算继续向下兼容了
    P233
        17
    P233  
    OP
       2013-12-02 18:07:01 +08:00
    @tayuo 这是调试样式用的,访客不会有影响,如果安装了 Takana 也可以很方便的修改样式
    sethverlo
        18
    sethverlo  
       2013-12-02 18:56:33 +08:00
    没有一个 demo 么……我想看看样子还得自己部署么……或者是我哪里姿势不对了?
    P233
        19
    P233  
    OP
       2013-12-02 19:41:58 +08:00
    @sethverlo Jekyll 版本与 Ghost 效果完全一样,只有代码高亮的配色略有不同,请看 http://peiwen.lu
    ceclinux
        20
    ceclinux  
       2013-12-02 22:09:31 +08:00
    相当漂亮,赞一个
    zhwei
        21
    zhwei  
       2013-12-02 23:16:15 +08:00 via Android
    nice,手机党,很性感!
    P233
        22
    P233  
    OP
       2013-12-03 07:48:54 +08:00
    @ceclinux
    @zhwei 感谢支持 :)
    isaced
        23
    isaced  
       2013-12-03 09:53:23 +08:00
    不错哦~~~
    assad
        24
    assad  
       2013-12-03 09:53:57 +08:00
    不错不错!!
    GTim
        25
    GTim  
       2013-12-03 10:11:16 +08:00
    rpx
        26
    rpx  
       2013-12-03 12:58:40 +08:00
    赞一个,做的真不错。俺打算使用这个模板了。
    viperasi
        27
    viperasi  
       2013-12-04 12:29:00 +08:00
    目录功能赞!
    P233
        28
    P233  
    OP
       2013-12-04 18:52:25 +08:00
    @isaced
    @assad
    @GTim
    @rpx 非常感谢


    @lichao
    @viperasi 思考了一下,想将目录移动到文章左侧不遮挡滚动条,但又怕鼠标每次移动到这里会闪一下
    joshualeung
        29
    joshualeung  
       2014-03-09 22:28:53 +08:00
    非常不错!目录和头像效果都很赞!
    viperasi
        30
    viperasi  
       2014-04-16 09:59:57 +08:00
    @P233 套用你的页面用到自己python写的blog上了,感谢
    P233
        31
    P233  
    OP
       2014-04-16 16:34:21 +08:00
    @viperasi 感谢支持 :)
    qoshi
        32
    qoshi  
       2014-07-25 15:16:23 +08:00
    研究了半天不知道如何给日志分类。。。T_T弱菜啊简直。。。
    P233
        33
    P233  
    OP
       2014-07-25 15:26:22 +08:00
    @qoshi ghost 还是 jekyll 呢? 下个版本准备实现模板输出分类,不必再手动修改了 :)
    qoshi
        34
    qoshi  
       2014-07-25 15:29:57 +08:00
    jekyll 新弄博客。。。好多都不懂。。。现在想知道怎么把我的文章分类。。。index和js都改好了。。。还要怎么动手呢?
    P233
        35
    P233  
    OP
       2014-07-25 15:45:23 +08:00
    @qoshi 在 markdown 文件头加上

    ---
    layout: post
    title: Blog Title
    category: myCategory
    ---

    或者

    categories:1 2 3
    qoshi
        36
    qoshi  
       2014-07-25 15:49:54 +08:00
    @P233 好的 我再试试 我加了caegory貌似不行啊
    比如我在index.html改成了<li id="js-label2" class="tags__li tags-btn active">sb</li>
    js里面改成
    tag2 = $('.sb');
    然后我就在我的文章里面写
    ---
    layout: post
    title: hehe
    category: sb
    ---
    这样就行了吧?
    P233
        37
    P233  
    OP
       2014-07-25 16:01:15 +08:00   ❤️ 1
    @qoshi 应该是这样没错,其实我也好久没用 jekyll 了,还有问题给我发邮件吧 [email protected] :)
    qoshi
        38
    qoshi  
       2014-07-25 16:06:46 +08:00
    @P233 好的 谢谢你~~貌似还是不行T_T
    qoshi
        39
    qoshi  
       2014-07-25 16:09:43 +08:00
    @P233 改成小写的貌似就对了。。。。
    P233
        40
    P233  
    OP
       2014-07-25 16:40:01 +08:00
    @qoshi 多谢告知,我下次会注意这个问题的
    novoland
        41
    novoland  
       2014-07-28 15:55:04 +08:00
    @P233 请问下怎么修改博客的title,我每次进入首页title是place_your_title_here,找了下没发现修改的地方。
    P233
        42
    P233  
    OP
       2014-07-29 15:13:45 +08:00
    @novoland 是 jekyll 首页的 place_your_blog_title_here 吗,在 index 和 rss 中都需要改一次, https://github.com/P233/3-Jekyll/search?q=place_your_blog_title_here 抱歉要这么麻烦
    novoland
        43
    novoland  
       2014-07-29 15:55:43 +08:00
    @P233 已搞定,多谢~

    PS:写了一个简单的脚本同步evernote笔记到jekyll博客(前提是公开链接),需要的请看这里:

    https://github.com/novoland/blog/tree/master/evernote-sync
    Aspx
        44
    Aspx  
       2014-11-27 08:34:24 +08:00
    请问,分类的tags如何修改,实在没搞懂readme中说的那个,我自己修改后左边的那个标签就点不开了。
    youkochan
        45
    youkochan  
       2014-12-09 11:20:05 +08:00
    好厉害!。。。特别喜欢这个!
    nomemo
        46
    nomemo  
       2014-12-12 21:06:07 +08:00
    正在使用,回贴感谢
    raykwok
        47
    raykwok  
       2014-12-31 12:11:20 +08:00
    挺不错的
    PyPog
        48
    PyPog  
       2016-06-11 14:17:43 +08:00
    已 start
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   5520 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 27ms · UTC 07:35 · PVG 15:35 · LAX 00:35 · JFK 03:35
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.