V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
爱意满满的作品展示区。
P233
5.03D

分享一款 Ghost/Jekyll 模板

  •  
  •   P233 ·
    P233 · Dec 2, 2013 · 21348 views
    This topic created in 4529 days ago, the information mentioned may be changed or developed.
    之前的博客模板收到了很多朋友的询问,受宠若惊,非常感谢!一直觉得还有很多可改进的地方,抽时间做了第二版,想不出好名字就叫 "3" 了 :) 能力有限,能做到的都努力做了,还请大家多提建议不断改进完善(尤其期待各位设计师V友的美化建议)

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

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

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

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

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

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


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

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

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

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


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


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


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

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

    或者

    categories:1 2 3
    qoshi
        36
    qoshi  
       Jul 25, 2014
    @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
       Jul 25, 2014   ❤️ 1
    @qoshi 应该是这样没错,其实我也好久没用 jekyll 了,还有问题给我发邮件吧 [email protected] :)
    qoshi
        38
    qoshi  
       Jul 25, 2014
    @P233 好的 谢谢你~~貌似还是不行T_T
    qoshi
        39
    qoshi  
       Jul 25, 2014
    @P233 改成小写的貌似就对了。。。。
    P233
        40
    P233  
    OP
       Jul 25, 2014
    @qoshi 多谢告知,我下次会注意这个问题的
    novoland
        41
    novoland  
       Jul 28, 2014
    @P233 请问下怎么修改博客的title,我每次进入首页title是place_your_title_here,找了下没发现修改的地方。
    P233
        42
    P233  
    OP
       Jul 29, 2014
    @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  
       Jul 29, 2014
    @P233 已搞定,多谢~

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

    https://github.com/novoland/blog/tree/master/evernote-sync
    Aspx
        44
    Aspx  
       Nov 27, 2014
    请问,分类的tags如何修改,实在没搞懂readme中说的那个,我自己修改后左边的那个标签就点不开了。
    youkochan
        45
    youkochan  
       Dec 9, 2014
    好厉害!。。。特别喜欢这个!
    nomemo
        46
    nomemo  
       Dec 12, 2014
    正在使用,回贴感谢
    raykwok
        47
    raykwok  
       Dec 31, 2014
    挺不错的
    PyPog
        48
    PyPog  
       Jun 11, 2016
    已 start
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   982 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 134ms · UTC 19:17 · PVG 03:17 · LAX 12:17 · JFK 15:17
    ♥ Do have faith in what you're doing.