分享一款 Ghost/Jekyll 模板

爱意满满的作品展示区。

This topic created in 4572 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

大牛们见笑了

Jekyll

Ghost

模板

48 replies • 2016-06-11 14:17:43 +08:00

lichao

Dec 2, 2013

什么逻辑，想把鼠标放右边拉滚动条都不让

fangzhzh

Dec 2, 2013

很漂亮

P233

Dec 2, 2013

@lichao 目录是一直想添加的功能，最后决定放在右侧，因为平时也没有拉滚动条的习惯，文章标题越多越方便一点

P233

Dec 2, 2013

@fangzhzh 献丑了，折腾了一个周末，该去睡觉了 :)

ijse

Dec 2, 2013

很好看～～

Seita

Dec 2, 2013

搜索框怎么不让鼠标放上去==！

bearcat001

Dec 2, 2013

顶楼主。。。你的博客布局是我一直想要的~ 感觉对屏幕的利用率比较高
仿照你原来的布局我写了自己的 http://yansu.org
但是有一些功能是我希望有的，所以没有直接clone你的代码

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

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

感谢一个！

clippit

Dec 2, 2013

赞一个，就是不能搜索……

subpo

Dec 2, 2013

真是好看，玩了好久：）

Sherlockhlt

Dec 2, 2013

大赞！尤其是对多设备的支持，well done！

hfcc8685

Dec 2, 2013

好看~

kimcool

Dec 2, 2013

好看，好用，赞一个

leohxj

Dec 2, 2013

挺好的。
头像转一下就可以了吧，一直转感觉有点晕。

46fo

Dec 2, 2013

个人觉得不支持IE8 就不是一个成功的作品

tayuo

Dec 2, 2013

P233

Dec 2, 2013

@Seita
@clippit 抱歉，搜索暂时是摆设，Ghost 以后会加入搜索功能，准备先等等。尝试过 Google CSE 但还没想到合适的展示方式。

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

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

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

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

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

@xdeng 这套模板的设计初衷是分享前端技术，所以没考虑向下兼容，经过几轮修改已经定型不大算继续向下兼容了

P233

Dec 2, 2013

@tayuo 这是调试样式用的，访客不会有影响，如果安装了 Takana 也可以很方便的修改样式

sethverlo

Dec 2, 2013

没有一个 demo 么……我想看看样子还得自己部署么……或者是我哪里姿势不对了？

P233

Dec 2, 2013

@sethverlo Jekyll 版本与 Ghost 效果完全一样，只有代码高亮的配色略有不同，请看 http://peiwen.lu

ceclinux

Dec 2, 2013

相当漂亮，赞一个

zhwei

Dec 2, 2013 via Android

nice，手机党，很性感！

P233

Dec 3, 2013

@ceclinux
@zhwei 感谢支持 :)

isaced

Dec 3, 2013

不错哦～～～

assad

Dec 3, 2013

不错不错！！

yemoluo

Dec 3, 2013

rpx

Dec 3, 2013

赞一个，做的真不错。俺打算使用这个模板了。

viperasi

Dec 4, 2013

目录功能赞！

P233

Dec 4, 2013

@isaced
@assad
@GTim
@rpx 非常感谢

@lichao
@viperasi 思考了一下，想将目录移动到文章左侧不遮挡滚动条，但又怕鼠标每次移动到这里会闪一下

joshualeung

Mar 9, 2014

非常不错！目录和头像效果都很赞！

viperasi

Apr 16, 2014

@P233 套用你的页面用到自己python写的blog上了，感谢

P233

Apr 16, 2014

@viperasi 感谢支持 :)

qoshi

Jul 25, 2014

研究了半天不知道如何给日志分类。。。T_T弱菜啊简直。。。

P233

Jul 25, 2014

@qoshi ghost 还是 jekyll 呢？下个版本准备实现模板输出分类，不必再手动修改了 :)

qoshi

Jul 25, 2014

jekyll 新弄博客。。。好多都不懂。。。现在想知道怎么把我的文章分类。。。index和js都改好了。。。还要怎么动手呢？

P233

Jul 25, 2014

@qoshi 在 markdown 文件头加上

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

或者

categories：1 2 3

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

Jul 25, 2014

@qoshi 应该是这样没错，其实我也好久没用 jekyll 了，还有问题给我发邮件吧 [email protected] :)

qoshi

Jul 25, 2014

@P233 好的谢谢你~~貌似还是不行T_T

qoshi

Jul 25, 2014

@P233 改成小写的貌似就对了。。。。

P233

Jul 25, 2014

@qoshi 多谢告知，我下次会注意这个问题的

novoland

Jul 28, 2014

@P233 请问下怎么修改博客的title，我每次进入首页title是place_your_title_here，找了下没发现修改的地方。

P233

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

Jul 29, 2014

@P233 已搞定，多谢～

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

https://github.com/novoland/blog/tree/master/evernote-sync