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

纯前端的 github 博客

  •  4
     
  •   FrankFang128 · 2015-03-22 22:14:53 +08:00 · 6020 次点击
    这是一个创建于 3527 天前的主题,其中的信息可能已经有所发展或是发生改变。

    为了学习 React.js 撸了个纯前端的博客系统。
    API 用的是 GitHub API v3
    技术含量还挺低的,用到的开源技术有

    • typo.css
    • marked
    • ReactJS
    • tobiasahlin/SpinKit

    围观地址: http://frankfang.github.io/githublog/
    没啥功能,而且只能放在 github pages 上。
    主要好处就是不需要像 jekyll、hexo 那样需要预处理,还需要会 git 操作。
    只需要在 master 分支上写 *.md 文件就可以了。

    如果大家觉得有用的话,我还是有点动力加些其他功能的。

    第 1 条附言  ·  2015-03-22 23:21:59 +08:00
    有需求的话(评论或点赞或收藏到50)我可以做个性化功能,到时候你只要:

    1. fork 我的一个 repo
    2. 在 master 分支写 *.md / *.txt / *.markdown 文件
    3. 访问 github pages

    就好了。

    还想做的功能:

    1. 分类
    2. url 路由
    3. 评论
    第 2 条附言  ·  2015-03-22 23:23:50 +08:00
    还想做的功能:

    4. 支持 gitlab,因为我看 gitlab 的 API 也挺全的,这样大家就可以搭建私人 blog 了。
    第 3 条附言  ·  2015-03-24 09:10:42 +08:00
    好了,够了。我决定在加班之后继续加班,把这个项目做起来。
    40 条回复    2015-03-26 14:09:38 +08:00
    cdy
        1
    cdy  
       2015-03-22 23:01:24 +08:00   ❤️ 1
    GTD的框框没有完全套住单词!
    immjun
        2
    immjun  
       2015-03-22 23:17:33 +08:00   ❤️ 1
    赞~
    FrankFang128
        3
    FrankFang128  
    OP
       2015-03-22 23:17:53 +08:00
    @cdy 你说的是文章内容么? CSS 还未完善,你可以详细说下吗
    kn007
        4
    kn007  
       2015-03-22 23:19:48 +08:00   ❤️ 1
    有点意思~
    falcon05
        5
    falcon05  
       2015-03-23 01:40:33 +08:00 via iPhone   ❤️ 1
    不错哟
    sandylaw
        6
    sandylaw  
       2015-03-23 08:19:00 +08:00
    支持,这个实现好了比较好。
    DT27
        7
    DT27  
       2015-03-23 08:46:12 +08:00
    为什么只看到一个点在闪啊闪。。。
    loading
        8
    loading  
       2015-03-23 08:52:11 +08:00 via Android
    类似的有几个,但是我也在学reactjs,有空部署一下,在vps上写个辅助后端看看。
    nowbear
        9
    nowbear  
       2015-03-23 09:11:20 +08:00
    火狐28下看不到文章列表 只有一个圈闪而闪的
    ekousp
        10
    ekousp  
       2015-03-23 09:29:08 +08:00
    great
    crs0910
        11
    crs0910  
       2015-03-23 09:55:44 +08:00
    跨域
    kmvan
        12
    kmvan  
       2015-03-23 09:57:07 +08:00
    Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at http://api.github.com/repos/frankfang/githublog/git/refs/heads/master?client_id=0f39e80a1c7ef47e8f78&client_secret=75b612e9fee3ab20606e8700f0ef03f0fc536381. This can be fixed by moving the resource to the same domain or enabling CORS.

    666666
    FrankFang128
        13
    FrankFang128  
    OP
       2015-03-23 10:18:23 +08:00
    @kmvan api.github.com 允许所有域名跨它的呀
    FrankFang128
        14
    FrankFang128  
    OP
       2015-03-23 10:18:54 +08:00
    @DT27 可以把你的 console 信息发给我吗
    yangg
        15
    yangg  
       2015-03-23 10:18:55 +08:00
    学 AI 先于 PS。----------- 32个赞!!!!
    xieranmaya
        16
    xieranmaya  
       2015-03-23 11:18:57 +08:00   ❤️ 1
    hubpress 楼主可以了解一下
    DT27
        17
    DT27  
       2015-03-23 11:54:32 +08:00
    FrankFang128
        18
    FrankFang128  
    OP
       2015-03-23 12:22:52 +08:00
    @kmvan
    @DT27
    我这里看到 api.github.com 是有设置 CORS 的,不知道为什么你们那里没有。看来我只能用 JSONP 了。
    chuyik
        19
    chuyik  
       2015-03-23 12:36:53 +08:00
    **Remote Address: **127.0.0.1:20134
    **Request URL: **http://api.github.com/repos/frankfang/githublog/git/refs/heads/master?client_id=0f39e80a1c7ef47e8f78&client_secret=75b612e9fee3ab20606e8700f0ef03f0fc536381
    **Request Method: **GET
    **Status Code: **503 Service Unavailable
    benyur
        21
    benyur  
       2015-03-23 12:47:11 +08:00
    挺好,节约折腾,省事就好,支持。
    Twinkle
        22
    Twinkle  
       2015-03-23 13:08:29 +08:00
    最近也看了点 React,前来学习
    lxrmido
        23
    lxrmido  
       2015-03-23 13:11:34 +08:00
    不错!
    zls930
        24
    zls930  
       2015-03-23 13:15:07 +08:00
    问一下,为什么学 AI 先于 PS?
    FrankFang128
        25
    FrankFang128  
    OP
       2015-03-23 14:54:21 +08:00
    @chuyik thx 你开了代理是不,我要测下开代理的情况
    Aspx
        26
    Aspx  
       2015-03-23 18:26:03 +08:00   ❤️ 1
    为了让楼主完成梦想,我就进来水一贴咯。博客太过简单,有些东西还是应该要有的。
    loading
        27
    loading  
       2015-03-23 19:19:20 +08:00
    建议楼主 append 个 github 地址,虽然都能找到,就是大家都很麻烦,是不?

    btw:IE 11 居然都不兼容。。。
    tan90ds
        28
    tan90ds  
       2015-03-23 21:43:48 +08:00
    IE11和FF31都只能看到一个点…
    sandylaw
        29
    sandylaw  
       2015-03-23 21:48:26 +08:00
    @xieranmaya
    Enter your GitHub credentials to log into HubPress Admin.
    这句话怎么解?用github账号登陆是不行的。
    JustNormal
        30
    JustNormal  
       2015-03-24 07:50:19 +08:00 via iPhone
    可能还需要加上代码高亮功能?我不知道。只是这么一说
    FrankFang128
        31
    FrankFang128  
    OP
       2015-03-24 09:17:57 +08:00
    @loading 做好了会通知哒
    FrankFang128
        32
    FrankFang128  
    OP
       2015-03-24 09:18:43 +08:00
    @xieranmaya @sandylaw 看了下 HubPress,是需要写作的时候开着 gulp watch 的
    FrankFang128
        33
    FrankFang128  
    OP
       2015-03-24 09:25:13 +08:00
    @kmvan
    @DT27
    你能把被阻止的请求的 header 截图给我看看吗?麻烦两位了 :)
    类似这样的:
    ?1
    DT27
        34
    DT27  
       2015-03-24 10:31:02 +08:00   ❤️ 1
    @FrankFang128 这是火狐http://youjb.com/di/G4Q8/-2015-03-24-10.png 另外chrome打开没问题,Safari打开是这个样子。。。http://youjb.com/di/TYX1/-2015-03-24-10.png
    nellace
        35
    nellace  
       2015-03-24 10:34:41 +08:00
    犀利的很那,这好6啊
    kmvan
        36
    kmvan  
       2015-03-24 14:31:03 +08:00
    @FrankFang128 你能把被阻止的请求的 header 截图给我看看吗?麻烦两位了 :)
    我的FF自带 F12,没法看 master 文件。
    li24361
        37
    li24361  
       2015-03-25 12:34:36 +08:00
    有点慢啊,不是为了学习的话,推荐用hexo,很简单很方便哈
    FrankFang128
        38
    FrankFang128  
    OP
       2015-03-26 01:47:26 +08:00 via Android
    @li24361 hexo 需要预编译吧
    yy77
        39
    yy77  
       2015-03-26 14:03:15 +08:00
    https://github.com/barryclark/jekyll-now
    现在jekyll有这个jekyll-now了,也是只要在github上加一个md就直接能发布。连命令行都不用。
    FrankFang128
        40
    FrankFang128  
    OP
       2015-03-26 14:09:38 +08:00 via Android
    @yy77 nice哦
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1125 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 31ms · UTC 18:51 · PVG 02:51 · LAX 10:51 · JFK 13:51
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.