现在位置: 首页 > 免费空间 > 正文

Github空间在线写文章和用Farbox,Droppages在Dropbox建博客网站

2014年05月19日 评论数 39 ⁄ 被围观 16,120 个+

Github空间在线写文章和用Farbox,Droppages在Dropbox建博客网站

最近发现静态博客很流行,一可能是因为博客这东西本来就没多少文章,用上数据库,后端啥的有点杀鸡用牛刀的感觉,二是静态页面天然的速度优势,于是现在很多人便纷纷开始用静态博客了。加之github pages可以很方便而且是免费的放置静态页面。

于是便有了像jekyll,Octopress等一系列好用的静态博客生成程序。而且现在Dropbox也支持放置静态页面,也有了像Farbox、Droppages等一类好用的工具,利用Farbox,,我们可以在Dropbox网盘上搭建自己的博客网站,绑定域名,评论等功能应有尽有。

当然很多程序员geek们当然不满足用很多现有的静态博客生成工具,为了显示高逼格,大家纷纷去搞自己的静态博客生成程序,很多人不想在自己的电脑上折腾一个生成静态博客的软件,本篇文章就来分享一下直接在Github空间上写文章的方法。

更多的有关于免费静态博客和适合搭建静态博客的免费空间有:

Github空间在线写文章和用Farbox,Droppages在Dropbox建博客网站

一、 在Github pages空间上在线自动生成静态博客

1、Github官网:

  • 1、官方首页:https://github.com/

2、首先你需要注册一个GitHub的帐号,以及了解Github使用的基本方法:免费开源Github Pages空间可绑域名搭建个人博客存放图片文件

,Droppages新建一个项目

3、创建一个username.github.io的project,注意要勾选生成README。(点击放大)

Droppages新建的项目详细信息

4、用github帐号登录simple:https://isnowfy.github.io/simple/,点击Initialize来初始化blog,之后点击Go就可以开始写markdown的blog了。

Github初始化博客

5、单击New post就可以新建文章来开始写作了,完成之后点击Save就可以生成静态页面了,之后访问你的username.github.io就可以看到生成的blog了!(点击放大)

Github发布文章

6、github pages貌似有缓存,也就是说会有一段时间的延迟,可能不能立即看到效果,不过等几分钟就好啦。演示:https://isnowfy.github.io/

7、特别提醒:simple是“SS-ss”博主开发的项目,你可以将simple放在自己的Github空间中,方法是先Fork此simple项目,然后从本地将simple项目的src文件夹里的文件push到gh-pages分支即可。

二、利用Droppages在Dropbox建博客网站

1、Droppages官网:

  • 1、官方网站:https://droppages.com/

2、Droppages是一个利用Dropbox API可搭建自己的博客网站的应用,网站的文件存放在Dropbox网盘上,而Droppages提供免费二级域名、主题模板、文件编辑功能等。

3、进入Droppages,用Dropbox账号登录。

Droppages登录自己的账号

4、确认Droppages授权。

Droppages确认授权

5、接着就是在Droppages新建一个网站。

Droppages新建一个网站

6、输入你想要使用的Droppages二级域名网站。

Droppages填写自己的二级域名

7、确定后,你就可以到Dropbox网盘中查看Droppages创建的文件夹了,点击“应用”。

Dropbox应用文件夹

8、然后在这里可以看到My.Droppages文件夹。

Dropbox看到Droppages文件夹

9、点击打开,这里会有三个文件夹,是用来存放网站的模板文件的。到:https://droppages.com/themes中下载一个网站模板,或者你自己参考他们的模板做一个,将相应的文件分别上传到相应的目录中。

Droppages的网盘目录结构

10、所以的操作完成后,你就可以到Droppages点击发布网站了,演示:https://freehao123.droppages.com/

Droppages发布网站

三、利用Farbox在Dropbox网盘建立网站

1、Farbox官方网站:

  • 1、Farbox官网:https://www..com/

2、Farbox也是一个类似于Droppages的、可利用Dropbox网盘搭建网站的应用,Farbox可以整站托管静态网站,支持站内的全文搜索、访问数、评论、网站数据统计等功能。

3、Farbox发展到现在已经不再是一个简单的Dropbox应用了,除了写作支持Markdown、Dropbox同步外,还提供了FarBox API、函数、开发人员机制等,正如官方文档所说:“FarBox已经脱离了 WordPress、Ghost、Jekyll 所属的各自领域。”

4、首先是用Dropbox账号登录Farbox。

Farbox登录账号

5、接着就看到了Farbox提供的网站后台设置、网站编辑和数据统计等功能。

Farbox网站设置

6、你的网站的文件都存放在Dropbox的Apps下。

Farbox存储在Dropbox的Apps下

7、这是Farbox提供的网站博客后台设置页面,可以设置网站SEO、URL、模板、域名绑定等等。(点击放大)

Farbox网站后台控制面板

8、Farbox提供了免费的二级域名,当然你可以绑定自己的域名。

Farbox绑定域名

9、绑定好自己的域名后,你需要到域名的DNS管理后台将域名的CNAME设置为Farbox给你的二级域名,等新的DNS生效后你就可以用新域名访问Farbox了。

Farbox设置CNAME解析

10、Farbox写作可以将图片拖入文本区域就可以了,手动插入就是用此格式:![图片不显示时的文本](/图片的/地址/中间不能有空格.jpg),文章的URL等都是可以自己修改的。

Farbox编辑文章

11、Farbox还直接提供了网站统计功能,方便我们直接查看。(点击放大)

Farbox网站统计

四、静态空间搭建博客网站小结

1、使用Droppages和Farbox在Dropbox建博客网站,Droppages有50MB的限制,不能绑定自己的域名,而Farbox则比较遗憾了,5月1日宣布开始收费,虽然价格极低,但是能否受到免费用户的喜爱还是一个未知数。

2、Github pages空间搭建自己的博客还是前景蛮大的,除了用本文的在线生成静态博客的方法,我们还可以配合hexo、Octopress等经典的静态博客生成程序,在Github pages上搭建自己的网站与博客。

文章出自:isnowfy   由部落编辑整理,版权归原作者所有。本站文章除注明出处外,皆为作者原创文章,可自由引用,但请注明来源。

共有 39 条留言 访客:39 条 博主:0 条

  1. 夏目贵志  2016.06.11 回复

    xiamuguizhi.github.io

    感觉很不错!

  2. mRNA  2016.02.03 回复

    jelly改为jekyll。

    qi 回复:

    @mRNA, 谢谢,已经更新。

  3. Chias  2014.09.24 回复

    刚知道Farbox就收费了,我只能呵呵了。

  4. soso  2014.09.22 回复

    必须要赞一个。

  5. pang  2014.07.29 回复

    第一个貌似不行了。

  6. OpooPress  2014.05.30 回复

    好吧,我也强势插个广告 🙂

    我开通了一项免费的 OpooPress 博客服务 —— Opoo Pages,对静态博客感兴趣,又不想搭建环境的筒子们可以试试。

    [url]https://pages.opoo.org[/url]

    qi 回复:

    @OpooPress, 一直在关注它,之前试用过,很不错。

  7. 云会飘  2014.05.29 回复

    用着farbox,因为在5月前注册所以是免费的XD

  8. 耳屎网  2014.05.26 回复

    哈哈,发现我记住你博客了。资源值得定期查看

  9. xym_g  2014.05.25 回复

    Farbox 5年期Basic对应为¥20,一年期Senior账户对应为¥120,一年期Pro账户对应为¥300
    小博客Basic就够了,流量大点上Senior,其实挺便宜的。
    早期用户Basic免费,图片302到国内,速度还不错。
    qi听过hostker没,弹性付费,机房在广州,未北岸走香港,自带cdn,速度也不错,有免费额度。只是技术太新了偶尔不稳定。
    简单介绍:
    https://yanx.net/post/2014-04-11

  10. xhhjin  2014.05.21 回复

    这几个方法够范儿!

  11. ytf4425  2014.05.20 回复

    octopress路过

  12. 趣赚吧  2014.05.20 回复

    静态的有意思,去折腾试试!!

  13. 小雄  2014.05.20 回复

    这几天网站备@案呢!都打不开站,郁闷啊!

  14. ss_ss  2014.05.20 回复

    @qi, 这个simple不是我弄得。。只是推荐。。。推荐。。。作者是isnowfy。

  15. 不认识  2014.05.20 回复

    好东西。。。速度快。。。

  16. 郭爱兵  2014.05.20 回复

    终于看到了个能看懂的教程了………github好像还是没wp漂亮、强大!

    qi 回复:

    @郭爱兵, github主要是不支持PHP等语言。

  17. 潮流台  2014.05.19 回复

    😆 这么折腾有必要吗!

    qi 回复:

    @潮流台, 亲,静态博客还是有一定的优势。

    潮流台 回复:

    @qi, 有优势是不错!但麻烦啊,说不定还动不动出问题,搞一个博客不能把时间都放在折腾上吧!

    qi 回复:

    @潮流台, 严格来说,静态博客一旦搭建完成了就不需要去折腾其实的了,也就是一次性的。剩下的时间就是写博文了。

    潮流台 回复:

    @qi, 😮 哎呦!那不错,不过现在博文啥的写不下去,写自己点破事也没看!

  18. wind  2014.05.19 回复

    droppages,算起来才是我用来做的第一个网站,看了博主的文章才慢慢用那些php空间

    qi 回复:

    @wind, droppages好像出来好几年了。

  19. xhhjin  2014.05.19 回复

    Github pages也可以实现在线写作的啦!
    [url]https://xuhehuan.com/1761.html[/url]

    qi 回复:

    @xhhjin, 这个不错。

  20. 若水  2014.05.19 回复

    不喜欢。

  21. Jason  2014.05.19 回复

    额。。。还是wordpress好玩!

  22. E享乐  2014.05.19 回复

    占··位~

  23. 无纯洁  2014.05.19 回复

    后排。。。

  24. 风雨无阻  2014.05.19 回复

    果断前排

  25. 悦听有声  2014.05.19 回复

    终于在前面了

  26. 前排

  27. 余人陶艺  2014.05.19 回复

    果断前排呀

  28. Less  2014.05.19 回复

    Github经常会被墙吧。。。

  29. Kung  2014.05.19 回复

    前排了..这些事静态的空间吧..

    musk100 回复:

    @Kung, 伪前排

给我留言

返回顶部