FrankFang128

纯前端的 github 博客

  •  4
     
  •   FrankFang128 · Mar 22, 2015 · 6681 views
    This topic created in 4094 days ago, the information mentioned may be changed or developed.

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

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

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

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

    Supplement 1  ·  Mar 22, 2015
    有需求的话(评论或点赞或收藏到50)我可以做个性化功能,到时候你只要:

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

    就好了。

    还想做的功能:

    1. 分类
    2. url 路由
    3. 评论
    Supplement 2  ·  Mar 22, 2015
    还想做的功能:

    4. 支持 gitlab,因为我看 gitlab 的 API 也挺全的,这样大家就可以搭建私人 blog 了。
    Supplement 3  ·  Mar 24, 2015
    好了,够了。我决定在加班之后继续加班,把这个项目做起来。
    40 replies    2015-03-26 14:09:38 +08:00
    cdy
        1
    cdy  
       Mar 22, 2015   ❤️ 1
    GTD的框框没有完全套住单词!
    immjun
        2
    immjun  
       Mar 22, 2015   ❤️ 1
    赞~
    FrankFang128
        3
    FrankFang128  
    OP
       Mar 22, 2015
    @cdy 你说的是文章内容么? CSS 还未完善,你可以详细说下吗
    kn007
        4
    kn007  
       Mar 22, 2015   ❤️ 1
    有点意思~
    GG668v26Fd55CP5W
        5
    GG668v26Fd55CP5W  
       Mar 23, 2015 via iPhone   ❤️ 1
    不错哟
    sandylaw
        6
    sandylaw  
       Mar 23, 2015
    支持,这个实现好了比较好。
    naver1
        7
    naver1  
       Mar 23, 2015
    为什么只看到一个点在闪啊闪。。。
    loading
        8
    loading  
       Mar 23, 2015 via Android
    类似的有几个,但是我也在学reactjs,有空部署一下,在vps上写个辅助后端看看。
    nowbear
        9
    nowbear  
       Mar 23, 2015
    火狐28下看不到文章列表 只有一个圈闪而闪的
    ekousp
        10
    ekousp  
       Mar 23, 2015
    great
    catoncat
        11
    catoncat  
       Mar 23, 2015
    跨域
    kmvan
        12
    kmvan  
       Mar 23, 2015
    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
       Mar 23, 2015
    @kmvan api.github.com 允许所有域名跨它的呀
    FrankFang128
        14
    FrankFang128  
    OP
       Mar 23, 2015
    @DT27 可以把你的 console 信息发给我吗
    yangg
        15
    yangg  
       Mar 23, 2015
    学 AI 先于 PS。----------- 32个赞!!!!
    xieranmaya
        16
    xieranmaya  
       Mar 23, 2015   ❤️ 1
    hubpress 楼主可以了解一下
    FrankFang128
        18
    FrankFang128  
    OP
       Mar 23, 2015
    @kmvan
    @DT27
    我这里看到 api.github.com 是有设置 CORS 的,不知道为什么你们那里没有。看来我只能用 JSONP 了。
    chuyik
        19
    chuyik  
       Mar 23, 2015
    **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  
       Mar 23, 2015
    挺好,节约折腾,省事就好,支持。
    Twinkle
        22
    Twinkle  
       Mar 23, 2015
    最近也看了点 React,前来学习
    lxrmido
        23
    lxrmido  
       Mar 23, 2015
    不错!
    zls930
        24
    zls930  
       Mar 23, 2015
    问一下,为什么学 AI 先于 PS?
    FrankFang128
        25
    FrankFang128  
    OP
       Mar 23, 2015
    @chuyik thx 你开了代理是不,我要测下开代理的情况
    Aspx
        26
    Aspx  
       Mar 23, 2015   ❤️ 1
    为了让楼主完成梦想,我就进来水一贴咯。博客太过简单,有些东西还是应该要有的。
    loading
        27
    loading  
       Mar 23, 2015
    建议楼主 append 个 github 地址,虽然都能找到,就是大家都很麻烦,是不?

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