爱意满满的作品展示区。
P233
5.03D

分享一款 Ghost/Jekyll 模板

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

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

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

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


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

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

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

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


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


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


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

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

    或者

    categories:1 2 3
    qoshi
    qoshi
    Jul 25, 2014
    36
    @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
    P233
    OP
    Jul 25, 2014❤️1
    37
    @qoshi 应该是这样没错,其实我也好久没用 jekyll 了,还有问题给我发邮件吧 [email protected] :)
    qoshi
    qoshi
    Jul 25, 2014
    38
    @P233 好的 谢谢你~~貌似还是不行T_T
    qoshi
    qoshi
    Jul 25, 2014
    39
    @P233 改成小写的貌似就对了。。。。
    P233
    P233
    OP
    Jul 25, 2014
    40
    @qoshi 多谢告知,我下次会注意这个问题的
    novoland
    novoland
    Jul 28, 2014
    41
    @P233 请问下怎么修改博客的title,我每次进入首页title是place_your_title_here,找了下没发现修改的地方。
    P233
    P233
    OP
    Jul 29, 2014
    42
    @novoland 是 jekyll 首页的 place_your_blog_title_here 吗,在 index 和 rss 中都需要改一次, https://github.com/P233/3-Jekyll/search?q=place_your_blog_title_here 抱歉要这么麻烦
    novoland
    novoland
    Jul 29, 2014
    43
    @P233 已搞定,多谢~

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

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