纯前端的 github 博客 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
FrankFang128
V2EX    分享发现

纯前端的 github 博客

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

    为了学习 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
    有点意思~
    GG668v26Fd55CP5W
        5
    GG668v26Fd55CP5W  
       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 文件。
    north521
        37
    north521  
       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     Solana     1079 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 26ms UTC 17:48 PVG 01:48 LAX 10:48 JFK 13:48
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86