V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
shinerene
V2EX  ›  程序员

怎样用github pages搭blog呢~

  •  
  •   shinerene ·
    Xiechen · 2013-05-14 18:33:52 +08:00 · 9563 次点击
    这是一个创建于 3997 天前的主题,其中的信息可能已经有所发展或是发生改变。
    想要用github pages搭博客 可是试了各种方法貌似都成功不了

    有哪位自己搭建过能给个详细的靠谱流程吗??

    谢谢
    31 条回复    2014-09-25 09:42:59 +08:00
    shinerene
        1
    shinerene  
    OP
       2013-05-14 18:39:30 +08:00
    进入chendell.github.io这个域名总是提示pages not found
    ljbha007
        2
    ljbha007  
       2013-05-14 18:39:38 +08:00
    好像在项目里边加个CNAME文件 里边填上域名 然后把域名指向github的服务器就行了

    具体参见
    https://help.github.com/articles/setting-up-a-custom-domain-with-pages
    linuz
        3
    linuz  
       2013-05-14 18:46:26 +08:00
    你确定你看官方引导了?没看就不要浪费别人时间
    shinerene
        4
    shinerene  
    OP
       2013-05-14 18:51:54 +08:00
    @ljbha007 恩 填上的域名是自己申请的域名吧?
    对了 刚才好像可以了 如果没有设定域名的话 原来是要chendell.github.io/DreamLand 这样来访问的
    likebeta
        5
    likebeta  
       2013-05-14 19:01:58 +08:00
    @shinerene 我前段时间也在github搭了blog,你如果想用chendell.github.io来访问的话,需要建一个叫chendell.github.com的仓库,这个直接是master分支就行,其他的需要创建gh-pages分支
    juicy
        6
    juicy  
       2013-05-14 19:10:55 +08:00   ❤️ 1
    我前几天搭博客的时候也发现这个问题,过了十多个小时了还没成功, 然后就把这问题反馈给他们, 不得不说他们的反应真迅速, 十分钟之后就给我回了封信, 说触发的机制出了点小问题。

    不过看楼主貌似是自己操作的问题。
    github pages有两类:
    你如果起个名为chendell.github.io的repository, 那么他的master分支上的文件就能在chendell.github.io的根目录访问到。
    而如果是其他的repositories,比如这个repository名字叫node,那么建一个gh-pages分支,该分支下的文件就能在chendell.github.io/node/下访问到。
    shinerene
        7
    shinerene  
    OP
       2013-05-14 19:11:07 +08:00
    @likebeta 嗯嗯 对的
    还有件事想请教下 就是jekyll到底要怎么用啊。。看网上教程有点乱 官方的doc也有点看不明彼岸
    shinerene
        8
    shinerene  
    OP
       2013-05-14 19:12:17 +08:00
    @juicy 嗯嗯~是的!就是这个问题!
    请问你是用jekyll的吗?具体应该怎么样操作呢?
    juicy
        9
    juicy  
       2013-05-14 19:21:28 +08:00   ❤️ 1
    @shinerene 。。。官方的documentation讲得很清楚了吧, 可能我觉得你首先需要理解下jekyll到底是干什么的,以及为什么要用jekyll搭博客。 明白了之后, 很多东西就水到渠成了~
    shinerene
        10
    shinerene  
    OP
       2013-05-14 19:22:02 +08:00
    @juicy 恩 那我再去仔细看看去~谢啦
    P233
        11
    P233  
       2013-05-14 19:22:14 +08:00   ❤️ 2
    以前整理的,希望可以帮到楼主

    1. 门槛:需要理解 Github 的工作方式,熟悉 Github 客户端,熟悉 Html 与 CSS;

    2. 不妨一边开始写静态模板,一边了解 Jekyll 布局所用到的 Liquid Tag,磨刀不误砍柴工;

    3. Jekyll 博客,可以看作是一套文件结构,通过 Jekyll 程序编译成静态网站。如果不熟悉命令,完全可以不安装 Jekyll,只需按照要求的格式创建文件后再上传到 Github,然后访问主页就可以了,因为 Github Pages 便是由 Jekyll 驱动的,或者直接使用 Jekyll-Bootstrap 的结构;

    4. Jekyll 的文件结构大概可以这样分:配置文件 _config.yml,布局文件 _layouts,模块文件 _includes,插件 _plugin,文章 _posts,其他文件(不以下划线开头的文件及文件夹都会完整的拷贝到生成的静态网站中,比如 CSS 文件、图片等),以及将会生成的静态站 _site;

    5. Jekyll 命令很简单,先使用 cd 命令进入目标文件夹,然后输入 jekyll --server 生成网站,浏览器中输入 0.0.0.0:4000 访问生成的静态网站,jekyll --server --auto 命令将开启实时更新,修改文件后在浏览器中刷新就可看到效果,对本地调试很有帮助;

    6. Github Pages 禁用所有插件,需要使用自定义插件,只能上传生成的网站文件 _site,或者试试 这个办法 ;

    7. 想写草稿不想被编译?创建一个以下划线开头文件夹就会被忽略,例如在 _posts 下创建 _drafts 存储草稿;

    8. 默认的 Markdown 引擎问题很多,建议替换成 RDiscount。
    P233
        12
    P233  
       2013-05-14 19:23:11 +08:00
    likebeta
        13
    likebeta  
       2013-05-14 19:34:44 +08:00
    @shinerene 很多参数我也不太明白,但是有个方法:你直接看别人的源码,一般你想要的被人代码里面都有,然后在修改下,另外文档你抽空还是要看看.
    jekyll: https://github.com/mojombo/jekyll/wiki/_pages
    liquid: https://github.com/Shopify/liquid/wiki/Liquid-for-Designers
    我的pages:https://github.com/likebeta/likebeta.github.com
    shinerene
        14
    shinerene  
    OP
       2013-05-14 20:35:29 +08:00
    @P233 相当感激!不需要jekyll也就是说 可以直接在我的github的仓库中加入配置文件 然后新建日志是吗?
    shinerene
        15
    shinerene  
    OP
       2013-05-14 20:41:44 +08:00
    @likebeta 恩 正在看你的学习着~
    alexrezit
        16
    alexrezit  
       2013-05-14 20:45:03 +08:00
    @linuz
    你确定你看官方引导了? 没看就不要浪费别人时间.
    +1
    chemzqm
        17
    chemzqm  
       2013-05-14 20:46:54 +08:00
    我的blog
    http://chemzqm.me/2013/03/05/blog-live.html
    http://chemzqm.me/2013/03/08/blog-enhance.html
    一篇是搭建,一篇是添加功能,可惜disqus坑爹了。
    只要熟悉git了解点jekyll和sqluid基本用法真的是简单便捷,就是访问速度不大让我满意
    shinerene
        18
    shinerene  
    OP
       2013-05-14 20:54:42 +08:00
    @chemzqm 恩 其实一直在纠结jekyll的问题 现在明白多了
    P233
        19
    P233  
       2013-05-14 20:56:31 +08:00
    @shinerene commit 后 github pages 自动执行 jekyll --safe (后面的参数不记得了),所以是完全可以的
    shinerene
        20
    shinerene  
    OP
       2013-05-14 21:05:00 +08:00
    @P233 恩 多谢了!我继续去试验去
    bearqq
        21
    bearqq  
       2013-05-14 21:15:48 +08:00
    lenville
        22
    lenville  
       2013-05-14 21:19:34 +08:00
    @shinerene
    楼主,我刚打开看里面已经有内容了,恭喜你
    我也是前两天在折腾学这个,很好玩儿
    shinerene
        23
    shinerene  
    OP
       2013-05-14 21:23:06 +08:00   ❤️ 1
    @lenville 哈哈!是啊 成功了!现在正在写模版
    很有意思!
    shinerene
        24
    shinerene  
    OP
       2013-05-14 21:23:57 +08:00
    @bearqq 同样感谢!不过感觉jekyll更加简洁 更符合我的需求
    shinerene
        25
    shinerene  
    OP
       2013-05-21 13:26:18 +08:00 via iPad
    @likebeta hello 我的blog已经搭起来了 但有个问题就是比如说我看你的blog 他的页面无论在手机还是在电脑上都可以正好充满一个页面 我刚学css 我想请问下是怎么实现的呢?我的blog总是会在边上留下一条大白条
    xidianlz
        26
    xidianlz  
       2013-05-21 13:51:24 +08:00
    @lenville 居然发现你了
    likebeta
        27
    likebeta  
       2013-05-21 14:00:54 +08:00
    @shinerene 没有啊,我的只是居中而已,我也不是搞web的,居中的话,类似margin: 0 auto;这样吧
    lenville
        28
    lenville  
       2013-05-21 14:05:59 +08:00
    @xidianlz 必须……
    shinerene
        29
    shinerene  
    OP
       2013-05-21 17:14:06 +08:00
    @likebeta 额 好奇怪 我用电脑打开是没有边上有很大一块空白 但是我用手机或者 iPad 打开就有很大一快空白
    shinerene
        30
    shinerene  
    OP
       2013-05-22 09:36:27 +08:00
    @likebeta 已经搞定了~
    mcsrainbow
        31
    mcsrainbow  
       2014-09-25 09:42:59 +08:00
    Try Pelican!
    使用Pelican + Markdown + GitHub Pages来撰写Blog
    http://heylinux.com/archives/3337.html
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   5186 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 34ms · UTC 09:27 · PVG 17:27 · LAX 02:27 · JFK 05:27
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.