如何使用Github作为编程学习的工具

作为 Github | star 第一开源项目,已经超过18万 star;比之前最火的bootstrap的10万star还要多出8w,freeCodeCamp 越来越受关注,建站两年时间不到已经近40+万用户。这样一个项目是做什么的呢?你给几分?
对于很多程序员来说,他们必须不断的去编程教学网站学习,不断的充电,才能开发出符合市场的产品。对于很多想学编程的菜鸟来说,学编程简直像无头苍蝇乱撞,去各大编程教学网站学习,但是感觉无从下手,更不要说系统的学习编程技术。为了解决这个问题,W3Cschool引进国外开源编程学习项目freeCodeCamp,并做了中文翻译, 这是一套开源编程闯关学习系统。
如果你对codecamp开不了解,没关系,先看看用户体验。相信看了这些用户的推荐,你就明白codecamp是怎样的。
用户一:之前学习编程,总觉得自己像汪洋大海里的一片孤舟,学习的过程中没有目的和方向。codecamp给了我明确的目标,每做一题都离终点更近,学习的过程快乐而有趣,祝自己早日完成学习。
用户二:在FCC学习了一段时间,我重燃了年轻时的那颗心。那种打游戏冲关的感觉,碰上了,就停不下来。在这里,我们一起打“副本”,一起打boss 不同领域的码农都能发挥出自己最擅长的一面。
用户三:我以 web 开发零基础开始学习Code Camp,6 个月后,作为后端工程师,我得到了我的第一份工作。
用户四:在花了大量的时间尝试不同的编程教学网站后我才发现,CodeCamp 从一开始就是那么地与众不同。他们为不同水平的每个人都提供了最好、最多的用于学习编程并创建神奇的、适销的作品集的条理清晰的途径。
用户五:我喜欢边学边实践,虽然书本内容非常丰富,却是读得多实践少。后来与Code Camp 不期而遇,它让我边学边动手实践。与之前的拼命学习相反,我现在不只学习,而且一边学习一边开发一些很酷的项目。
用户六:Code Camp 提供了结构化的学习体验,相比其他免费学习网站,它更接近于真实的课堂。我最近受雇升级并维护当地医生办公室的网站,有额外收入和经历的感觉真是美妙。
用户七:Code Camp 提供的非常棒的、以目标为导向的课程正是我所需要的,并且最棒的是———— 100% 免费!
用户八:很久以来,我一直在找一个能让我持续感兴趣的学习编程的地方。我试过几个 Codecademy 和类似的地方,但事实证明没有一个能像Code Camp 一样吸引人。
用户九:Code Camp 让我更惬意于代码的某些方面,并且更多地以动手实践的方式帮助我复习和理解了概念性的内容。有的人通过理论学习来掌握知识,但是对我而言,只有亲自动手去做,我才能理解那些内容!
看了这么多,相信你对codecamp这款开源软件有所了解了吧,下面W3Cschool就为你详细的介绍一下这款零基础自学软件。
1.学习界面,你会看到这样的一个三栏模块
这个版块很好了解,很清晰,也很简洁直观。左边是课程区、中间是编程实操区、右边是运行效果显示区。左边给你讲实际操作方法,中间让你按照左边的方法来实践,右边显示你编写的程序效果。这样学习、训练、看效果的一步步学习的模式,同时达到学习和实战的效果。如果你的代码编写错误,那么你点下一步,系统将不会让你通过。直到你编写对了,才可以进入下一步。
示例:像玩游戏一样的闯关,一关一关闯过,比如学习Bootstrap网页布局开发
当你一关一关的闯过了,到最后,你写的代码全部都会累积起来,一个网页就形成了,你也就完成了一个课程。如果你要想继续学习其他课程,可以自由跳跃。我们推荐按照顺序来闯关,但是你也可以找自己感兴趣的教程来自由跳跃。
2.可选课程相关,主要是前端和算法相关课程
编程入门教程实战训练的课程大纲主要包括前端开发、数据可视化、后端开发、非盈利项目、面试攻略五部分。
已经翻译开放的编程闯关课程主要包括Html/CSS编程闯关、Javascript编程闯关、Bootstrap编程闯关、Jquery编程闯关四部分,另外还包括初级算法,中级算法,高级算法等算法学习篇章,具体可以查看/codecamp/list 。
3.学习路线,囊括入门学习方方面面
如果你是编程小白,零基础的学习编程,那么你可以点击开始闯关,进入HTML&CSS学习界面,从最基础的课程开始学习;
如果你有编程基础,或者在某一个领域比较擅长,想学习其他知识,那么你可以打开课程列表,点击你感兴趣的部分,进入学习界面。
看了上面的介绍,不知道你对Code Camp有没有更加深入的了解。不太了解也没关系,打开/codecamp进去看看就知道。这是一款完全免费的编程入门/提升教程实战训练,像打游戏冲关一样的学习编程,快来挑战吧!
阅读(...) 评论()2016第三届物联网大会
智能后视镜产品方案对接会
中国LED智能照明高峰论坛
第三届·无线通信技术研讨会
第二届·中国IoT大会
ETFo智能安防技术论坛
移入鼠标可放大二维码
GitHub - 2017年热门编程语言排行榜,你的语言上榜没?
来源:网络 作者:佚名日 09:38
[导读] 我们访问了几个可信度较高的语言索引网站,同时还深入到 Indeed 和 Glassdoor 等全球门户网站,试图收集数据,以总结出全球最受欢迎的语言是哪些,以及行业内最需要的语言是什么。
  GitHub
  在2016年9月年度会议之前,Github 在此分享了其统计报告。
  在过去的12个月里,Github 的活跃用户数量超过580万,活跃存储库数量超过1940万。随后它在平台上公布了热门语言排行表。我相信看过这个列表的人都会知道 Javascript 占据了榜首,当然这都没什么好惊讶的,值得惊讶的是它赶超竞争对手的程度之大。..。..
  HackerEarth
  HackerEarth 每月都会为用户提供大量的编码挑战和应聘机会。该公司支持30多种编程语言,用户可随心选择。HackerEarth 内有100多万名程序员,来看看他们最喜欢使用的是什么:
  Indeed
  Indeed 是美国最高流量的工作网站之一,可在50多个国家使用,支持28种语言。按照使用量排名,Java 排在第一位,Javascript,PHP 和 C 以一万多的差距尾随其后。令人惊喜的是,R 语言也出现了竞争的势头。
  Deepak Garg 教授(数据挖掘以及IEEE计算机协会印度理事会主席的专家)对此的看法是:&计算行业许多工具和应用程序的基本组成都存在着弥合差距,这导致了语言复杂度的演变,使得语言级别比以前更高,这有助于程序员更多地关注逻辑和应用程序,而不仅仅是在实现标准数据类型和构造的复杂结构和语法。
C++相关文章
C++相关下载
编程相关文章
编程相关下载
JAVA相关文章
JAVA相关下载
刚刚过去的周末,巴菲特执掌的伯克希尔·哈撒韦公司第52届股东大会,在美国小城奥马哈召开。在近5个小时的问答环节,伯克希尔公司87岁的董事长巴菲特...
英特尔公司高级副总裁兼无人驾驶事业部总经理戴佟森坚信英特尔会在无人驾驶领域取得成功。原因有三个:英特尔技术已经应用于正在进行路测的数百辆...
创新实用技术专题
版权所有 & 深圳华强聚丰电子科技有限公司
电信与信息服务业务经营许可证:粤B2-开发者如何高效利用GitHub
GitHub是开发人员经常逛的一个地方,那么如何在这么大一个内容库中披沙拣金,找到自己需要的资源呢?这就涉及到如何高效利用GitHub的话题了。
GitHub是开发人员经常逛的一个地方,那么如何在这么大一个内容库中披沙拣金,找到自己需要的资源呢?这就涉及到如何高效利用GitHub的话题了。正是Github,让社会化编程成为现实。本文尝试谈谈GitHub的文化、技巧与影响。
Q1:GitHub是什么
Q2:GitHub风格
Q3: 在GitHub,如何跟牛人学习
Q4: 享受纯粹的写作与演讲
Q5: 代码帮你找工作
Q6: GitHub还在影响一些什么
Q7: 除了GitHub,还可以选择什么?
Q1:GitHub是什么
A1:一家公司
位于旧金山,由,
与三位开发者在2008年4月创办。迄今拥有59名全职员工,主要提供基于git的版本托管服务。
在此之前,它是由与 在本地程序员聚会中,开始的一个用于托管git的项目。正如每个伟大的传奇都开始于一场冒险,Tom在这篇文章中谈到:
当我老去,回顾一生,我想说,&哇,那是一场冒险&;而不是,&哇,我真的很安稳。&
另一位创始人也详细描述了,他说道:
Do whatever you want.
于是,在号这一天,GitHub正式成立。
目前看来,GitHub这场冒险已经胜出。根据来自维基百科关于GitHub的描述,我们可以形象地看出GitHub的增长速度:
&今天,GitHub已是:
一个拥有143万开发者的社区。其中不乏Linux发明者这样的顶级黑客,以及Rails创始人这样的年轻极客。
这个星球上最流行的开源托管服务。目前已托管431万git项目,不仅越来越多知名开源项目迁入GitHub,比如Ruby on Rails、jQuery、Ruby、Erlang/OTP;近三年流行的开源库往往在GitHub首发,例如:、、。
Q2:GitHub风格
A2: GitHub只是GitHub
强调敏捷开发与快速原型,而又的确成功的创业团队,常具备一个重要气质:有自己的文化风格。如GitHub,又如。通过他们的快速开发,向用户证明了团队在技术上的能力,并且时常有惊喜。同时,通过强调特立独行的文化,将对半衰期过短的产品族群的信任转为对GitHub团队的信任。
的创始人(对,就是互联网最流行的头像托管系统)、Jekyll(对,它就是我近几年用的博客系统)作者、GitHub创始人,现任CTO Tom在、中谈到GitHub文化的方方面面。我尝试将这种风格总结为以下要点:
1.专注创作,高创意
2.运营良好与较高的内外满意度
3.高利润,较低的融资额或零融资
4.创业公司多半死在钱上,就让我们先从钱谈起:
高利润,较低的融资额或者零融资
类似于GitHub这样的公司,拿到风险投资很难吗?恰恰相反,创始人在Hacker News的提到,自从GitHub创办以来,已与几十个VC沟通过。但是,直到今天,GitHub的融资额还是为零,并引以为豪。让我们看看GitHub官网的自我介绍:
营良好与较高的内外满意度
在Quora上有人问道,,还是,他的回答是:No。
GitHub从一开始就运营良好,员工拥有较高满意度,看看这些不太一样的做法:
1.每一位GitHub公司的新员工,官方博客将发表文章欢迎。
2.在GitHub内部,没有经理,需求内容与优先级由项目组自行决策。
3.选择自己的工作时间、工作地点。
4.员工来自开源社区。
5.能开源的尽可能开源。
富有激情、创意的员工使得GitHub得到了社区的广泛认同,从而拥有极高的客户满意度,并从创业一开始就盈利。一份表明,GitHub很快成为Git托管首选。
专注创作,高创意
GitHub59名全职员工仅有29名员工在本地工作!不仅仅是工作地点的安排富有创意,GitHub员工Holman, 详细介绍了GitHub的工作方式:
Q3:在GitHub,如何跟牛人学习
A3:在学习区刻意练习
追随牛人,与他们一起修行
修行之道:
关注大师的言行,
跟随大师的举动,
和大师一并修行,
领会大师的意境,
成为真正的大师。
正如这首禅诗所言,与其在墙内仰望牛人,不如直接在GitHub:
1.watch、fork牛人们
2.对他们的项目提交pull request
3.主动给牛人们的项目写wiki或提交测试用例,或者问题
4.还可以帮他们翻译中文
GitHub本身建构在git之上,git成为勾搭大师们的必要工具,以下读物成为首选:
如果希望进一步深入,可以阅读已有中文翻译版的材料:
1.:GitHub公司传道士所作,已翻译成多国语言,当然,有中文版。
&2.:已有志愿者翻译。
同样,如果希望了解更多GitHub自身的知识,GitHub官方文档值得推荐:
牛人在哪里?
1.GitHub上的代码库本身:尤其是:、两个栏目
&2.GitHub官方推荐:与GitHub员工们的个人博客推荐的项目与开发者
&3.各类社交媒体上提到的的GitHub库:尤其是。
关于学习的心理学研究,常常会谈到一个术语:元认知、元学习、元知识。是的,关于认知的认知、关于学习的学习、关于知识的知识,你对这些信息的偏好与熟练掌握,会让你在学习一门新东西时更加轻车熟路。对一手信息进行回溯,比如作者、创始人、最初文献出处,总是会让你更容易理解知识。
在学习区刻意练习:借助GitStats进行项目统计
在中,我已谈过:学习编程最好的方式是在学习区刻意练习。如何进行自我监督?借助于,我们能很好地统计自己的每个项目的工作量,从而看到工作进展。用法如下:
#复制GitStats项目到本地
git clone git:///trybeee/GitStats.git
python ~/dev/gitstats/git-stats /youproject public
以下为生成结果示范:
每周代码提交次数:
每天代码提交行数:
如果Fork别人的项目或者多人合作项目,最好每人都拥有一个独立分支,然后由项目维护人合并。如何建立自己的分支?
# 分支的创建和合并
# git branch yourbranch
# git checkout yourbranch&&& 切换到yourbranch
# 开发yourbranch分支,然后开发之后与master分支合并
# git checkout master
# git merge yourbranch
# git branch -d yourbranch&&& 合并完后删除本地分支
如何将牛人的远程分支更新到自己的本地分支?
# 查看当前项目下远程
# git remote
# 增加新的分支链接,例如
git remote add niuren giturl&
# 获取牛人的远程更新
git fetch niuren
# 将牛人的远程更新合并到本地分支
git merge niuren/master
生产力小技巧
codeshelver:给git库做标签
观察的项目如果多了,怎么管理?用,安装扩展之后,可以对GitHub项目做标签。
gollum:利用git与github做wiki
是一个基于git的轻型wiki系统。
GitHubwatcher: 监测重点项目
适用于通知不频繁的情景。
GitHub官方资源
GitHub官方列出了。
GitHub中各类配置文件层出不穷,一些常用的:
1.:将终端从bash改为zsh之后,可考虑安装社区驱动的zsh配置文件,含有多个插件。可参考旧文
&2.:GitHub官方出品
&3.:服务器各类安装shell,比如安装nginx等。
Q4: 享受纯粹的写作与演讲
A4:回归创作的初始
早在2008年,就有技术图书作者,以下是示范:
1.,中文版。
你能想到的技术前沿话题,大多能在GitHub找到相应的培训材料或者开源图书。
个人写作照样适用。在前文,我已经格外赞美过这些美好事物了。
暖色调的灯光,足够宽度的工作台,听着清脆的键盘声音,基于Git、GitHub、Markdown与Jekyll来写作,不担心写废与排版,只关注最纯粹的写作,是一种享受。我有时候会想,如果Git、Github、Markdown、Jekyll,再加上Yaml、Json的作者,让这些作者们重新来设计今天互联网基础架构偏文本的部分,会诞生一些什么?
借助于,可以在Github上快速搭建一个基于jekyll的博客系统。
除了这个简单易行的办法之外,还存在一些其他方法,例如:
1.Jekyll:参考
2.Octopress:参考
3.GitHub Pages:参考
借助于GitHub,可以享受更纯粹、更酷的演讲。GitHub 2011年收购Ordered List之后,从此可以通过更好的分享ppt文档。
我们还可以:
1.使用GitHub著名传教士、Progit作者Scott Chacon开发的
2.来自开源社区的其他演讲库
Q5: 代码帮你找工作
A5:GitHub简历很诚实
&NumEricR(非GitHub工作人员)基于GitHub Pages功能做了一个简历生成器,使用极其简单,登陆网站GitHub简历生成器,填入你的GitHub网站用户名即可。fredwu是Ruby中文社区活跃份子,他的开源项目angel_nest,一个天使投资与创业者对接的网站,适合Ruby初学者升级为Ruby中级开发者时学习,也在Hacker News上被热烈讨论过,让我们来看看他的简历:
正是因为GitHub上的代码无法造假,也容易通过你关注的项目来了解知识面的宽度与深度。现在越来越多知名公司活跃在GitHub,发布开源库并招募各类人才,例如:、、 ...开始有了第三方网站提供基于GitHub的人才招聘服务,例如:&&&
1.:通过它,可以找出你所在地区的程序员。
2.:通过它,能评估某位程序员在GitHub、LinkedIn、StackOverflow、hackernews等多个网站的影响力。
Q6: GitHub还在影响一些什么
A6:让计算机增强人类智慧
很多年前,在某个名声显赫的学府中,两位先后拿过图灵奖的牛人有一段对话:
1.牛人A:我们要给机器赋予智慧,让他们有自我意识!
&2.牛人B:你要给机器做那么多好事?那你打算给人类做点什么呢?
这段对话来自《失控》。牛人A是,他最喜欢将人类看做有血肉的机器,他的框架理论成为认知心理学、人工智能入门基础。牛人B则是。当明斯基1961年发表他著名的文章时,恩格尔巴特还籍籍无名。直到次年,恩格尔巴特发表宏文:。提出不同于明斯基的另一条增强人类智力的道路:不要尝试发明自动打字的机器,而是尝试发明鼠标,并且他真的发明鼠标成功了!
从近些年的发展来看,仍然是明斯基占上风,但是,三十年河东,三十年河西,明斯基的人工智能方向又有多少年没有大突破了?相反,来自恩格尔巴特的群件、集体智慧等思想,逐步成为步入Web2.0时代之后的共识。无关对错,可以说,恩格尔巴特为增强人类智力,提供了可行的框架。与其去发明聪明的、昂贵的、功能一体化的智能机器人,还不如发明类似于鼠标这样笨笨的、廉价的、功能单一的人类智慧服务单件。明斯基的机器人很容易陷入死胡同,没有上升到哲学的高度。现在慢慢又回到恩格尔巴特这个方向来了。比如现在IBM开始的。
从git与GitHub设计与解决的问题本质来看,明显加速了代码生产流程,促进了卓越智力产品的诞生。这就是一种典型的web2.0对智力生产流程的改良与人类智慧的增强。同样,某种意义上,小说写作网站也起到类似作用。但是,学术界尤其是社会科学类的智力产品生产似乎还停留在一个古老阶段。在开源领域,好想法层出不穷,极客影响极客,最终产生的是酷玩意。这些酷玩意抛弃浮华,直奔问题本质。那么,
类似问题层出不穷,以下为其他领域产品不完全名单。
除了较早的、之外,较有气象的可以推荐、
:数据分享更容易
:雏形中,支持R、Python等多种。
:一个社会性学习网络,通过互助来更好地学习,主题涉及到计算机、数学、写作等。
: 通过练习、任务等帮助新手更好地进入开源社区
Q7:除了GitHub,还可以选择什么?
因为进化的需要,多数裸猿存在选择强迫症:哪种程序语言更好?哪个web开发框架更好?当然,最令宅男技术男们羡慕的问题是,高白瘦御姐还是青春小萝莉好?:D
除了GitHub之外,
1.中国山寨品是不是更好?(为什么不写他们名字,你懂的,山寨品总是善于争论谁是第一个山寨的,各自的排名先后:D)
2.免费的是不是更适合Python程序员?
3.作为一名折腾族,我不自己搭建一个,是不是对不起自己?
我们可以理解,正是因为无数条分岔路口,让人类不再受制于某种基因、特定疾病、独裁家族,从而拥有无限的可能。但是,这种选择强迫症与远古时代可怜的信息量相比较:
1.今天这个大数据时代,它还会有助于人类作为族群的整体进化与作为个体的幸福吗?
2.今天一位一线城市30岁大学毕业生经历的选择与孔子整个一生经历的选择,纯论数量,谁多谁少?
生命如此短暂,为什么总要将青春浪费在不断的选择之中呢?罚你,回头阅读心理学家施瓦茨()的TED演讲:,1百遍啊1百遍。请记住施瓦茨的演讲要点
1.更多的选择不代表更多的自由;
2.更多的选择导致决策的延迟和降低的满意感;
3.快乐之秘诀,在于降低自己的期望值。最后,让我再抒情一把吧。
美好的事物总是离不开被墙的命运,让我们静静地期待那一天的来临& 也让我们在各自行业的努力,让下一代、下一代、下一代&(希望N&=1,如果N&=4,我做鬼也放不过你们!)不再拥有这一天。
CocoaChina是全球最大的苹果开发中文社区,官方微信每日定时推送各种精彩的研发教程资源和工具,介绍app推广营销经验,最新企业招聘和外包信息,以及Cocos2d引擎、Cocos Studio开发工具包的最新动态及培训信息。关注微信可以第一时间了解最新产品和服务动态,微信在手,天下我有!
请搜索微信号“CocoaChina”关注我们!
关注微信 每日推荐
扫一扫 浏览移动版如何利用github打造博客专属域名
有人会说,这个简单哇,买个域名,设置下域名解析不就好了么?
这样是不行的,关键在于我的博客站点是csdn所提供的,归属于csdn的blog子域名下,但是在设置域名解析的时候只能填写ip,如果你ping 我的博客地址最终得到的ip可能是csdn某台服务器的甚至是拿不到的,所以光填写ip是不行的,不过如果你是自己搭建的服务器站点就可以简单设置解析ip就可以了。
ok,但是大多数人可能还我一样并没有足够的精力去维护个人博客站点,而选择csdn、简书、博客园等平台编写博客。但是这类平台所提供的url想必是非常长的.
这样大家一眼就能记住,一眼不够两眼肯定没问题。
ok,那么针对我这样的问题,有什么好的且免费的方案呢?
这个问题,郭神和我在dota群里讨论过,最终的方案有两个选择:
买个服务器,搭建个服务做页面跳转(redirect或者js跳转). 利用github提供的github pages
方案1我是不会选的,因为租服务器这种事情要钱哇;最终选择了方案二,利用github pages。
很多人可能并不清楚github pages是干嘛的,官网是:,其实算github提供的一个服务,我们可以免费的再其上面搭建自己的网站,也有很多人利用github pages作为自己的个人博客站点。
接下来,我们就看github pages如何使用,以及我是如何利用它做页面跳转的。
那么,通过本文的学习,你也可以利用github pages搭建一个小站点,构建属于自己的网站,或者使用github pages维护个人博客都可以。
这里感谢郭神,该方案虽然一起讨论得出,但是对该方案的实施是在我之前的,此外大家可以关注他的博客。
二、Github Pages的使用
(1)新建仓库
ok,首先你需要一个github的账号,立志作为一名优秀的程序员,这个账号是应该有的,如果没有赶快申请一个。
有了账号以后,首先点击新建仓库,如图:
然后到达仓库信息填写界面,如图:
这里只要注意一个地方,就是仓库的名称,必须是:你的用户名.github.io,例如我的用户名是hongyang,我填写的仓库名称即为:hongyangAndroid.github.io。
(2)更新内容
有了仓库以后,你就可以去随意的更新内容了,如果你对html熟悉,你可以随便写个页面提交上去,比如我写个简单的html页面。
先简单说一下如果更新github仓库中的内容:
clone到本地
命令行进入硬盘上任意一个文件夹,然后执行
git clone /hongyangAndroid/hongyangAndroid.github.io.git
注意修改为你的仓库地址,如果你的电脑上并不支持git命令,你可以搜索git 安装,先安装好git并配置好环境。
到达本地之后,我们就可以准备好需要更新进去的页面了,比如我新建一个index.html内容如下:
这是我使用github pages搭建的个人站点。
完成之后,记得保存,index.html必须和你clone下来的.git文件夹在同一个目录,如图:
完成之后,就是提交了。
/Users/zhy/github_repository/mine/hongyangAndroid.github.io
git commit -m &更新index.html,编写博文测试&
[master c22f3d4] 更新index.html,编写博文测试
1 file changed, 6 insertions(+), 1 deletion(-)
Username for '': hongyangAndroid
Password for '':
注意首先命令行进入你的hongyangAndroid.github.io这个目录,然后依次执行git add . , git commit -m &注释&,git push,然后输入你的用户名,密码即可。
更新成功之后,那就要恭喜你了,你的个人站点搭建成功了。
你肯定又要说,你忽悠谁呢,顶多算你新建了一个仓库,提交了一个html文件而已,这里我要说,No No No,你的个人站点真的搭建好了,你已经可以给你的亲朋好友炫耀了,那么站点总要有个访问的地址吧,不然怎么访问呢?
恩,是的,默认的地址是:
http://hongyangandroid.github.io
例如我在访问这个地址:
看到没有,我们刚才编写的简单html文件已经可以通过特定的url访问了,恩,你记得修改为你自己的url。
如果你的html、css、js技术足够好,你完全可以利用这样的方式搭建一个高逼格且实用的个人站点,当然你也可以在上面搭建你的简历,方便打印,不过注意保护个人隐私。
ok,到这里,我们已经教会大家如何利用github pages去搭建个人站点了,哈,免费的个人站点。如果我大学时候知道这个功能,我至少可以多拿10分,恩,那会我得了90分。
至于这个页面好不好看,看你的才华了;这个页面能干什么,看你的想象了。
ok,经过上面的内容,大家了解了利用github搭建个人站点,以及一些简单git命令的使用,但是我们文章的标题是:如何利用github打造博客专属域名,恩,接下来的标题就是专属域名。
对了,如果你想利用这个做个人博客,以及有很多方便的工具辅助你完成了,例如hexo等,具体自行搜索。
三、打造博客专属域名
(1)域名购买与解析
ok,首先你要有个域名,那么就要去申请域名了,这里我们可以通过万网申请:,查找你想申请域名,如果可以买,购买就可以了。
购买域名完成,进入万网的管理控制台:
找到你已经购买的域名,点击解析,进入如下页面:
然后点击添加解析,ip可以跟我填写的一致,当然以防发生变化,你可以ping你的url:
ping www.hongyangandroid.github.io
然后拿到返回的这个IP也可以。
恩,根据上表,选择一个IP,填写两条记录其实就可以了:
主机记录www对应www.http://blog.csdn.net/lmj/article/ 主机记录@对应http://blog.csdn.net/lmj/article/
ok,设置完成解析之后,是不是直接访问域名就能跳转到我们刚才的github页面呢?
恩,是不能,你去访问会显示404.
我们还差一个环节。
(2)CNAME
差什么呢,差一个CNAME文件,这个文件需要提交到我们刚才创建的仓库,内容为我们的域名,例如:
然后记得执行:git add . , git commit -m &注释&,git push,然后输入你的用户名,密码即可,忘了命令往前翻。
更新成功之后,检查下,确定成功了,就可以通过你的域名访问了,例如:
ok,到这里你已经学会了如何通过你购买的域名与github pages结合,即通过你购买的域名访问你的个人站点了。
一般情况下,到这里就可以庆祝了,比如你想托管你的简单的网页设置。
但是,如果你和我一样,博客在其他平台下托管,你想通过购买的域名跳转到该平台,你的任务还没结束。
(3)神奇的JS
好吧,其实一点也不神奇,也就一行js跳转代码。
对于我这种情况,我不需要任何内容,只要一行js就好了,我可以这么写index.html:
window.location.href="http://blog.csdn.net/lmj";
然后我提交就搞定了,我就可以通过http://blog.csdn.net/lmj/article/直接跳转到我的博客页面了。
but,心细的人并没有满足,比如我们手机访问的csdn列表页面和电脑的列表页面不同的,于是我们可以更加完善我们的js代码:
function browserRedirect() {
var sUserAgent = navigator.userAgent.toLowerCase();
var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";
var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";
var bIsMidp = sUserAgent.match(/midp/i) == "midp";
var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";
var bIsAndroid = sUserAgent.match(/android/i) == "android";
var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";
var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";
if (!(bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) ){
window.location.href="http://blog.csdn.net/lmj";
window.location.href="http://m.blog.csdn.net/blog/index?username=lmj";
browserRedirect();
通过判断userAgent来确定是否是来自手机端的,如果是手机端的访问mobile的页面,否则访问pc端页面。这么心细也就没谁了,该代码是郭神编写的。
ok,到此就真的结束了~~
文章不长,但是值得玩一下,你可以设计个贺卡,做个网页版ppt,托管个网站原型,恩,甚至编写博客(记得利用各种工具hexo等),好了,看你的脑洞了~~
欢迎关注我的微博:
群号:,欢迎入群
微信公众号:hongyangAndroid
(欢迎关注,本公众号已经开通投稿功能,欢迎联系我)}

我要回帖

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信