FrankFang128

纯前端的 github 博客

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

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