使用GitHub.io当作自己的博客网站

作为程序猿很多时候我们都都会自己写一些博客,通常我们都是在国内的博客网站上写,比如csdn、iteye、cnblogs等等博客网站。这些博客网站也提供了很好的功能,但是相对来说个性化方面就要差一些了。今天我将介绍另一种写博客的方式,用github来写博客并且将博客发布到github上是不是很洋气!! 
github提供了一个功能叫github.io,用官网的一句话来形容 Websites for you and your projects. 
如果要使用github.io首先也是需要在github上创建一个repository,这个repository的名字还有要求必须是username.github.io,比如我的就是jackycheng86.github.io。 
创建好仓库就很简单了,只需要git clone https://github.com/username/username.github.io。 
然后再在这个目录中编写静态html内容就行了

cd username.github.io 
echo “Hello World” > index.html 
git add –all 
git commit -m “Initial commit” 
git push -u origin master

这样一个最基本的github.io博客页面就做好了。 
当然这样是远远不够的,那么github给我们推荐了一些办法来构建静态的博客内容,github推荐的是Jekyll这个静态网站构建工具,那么下一步我们就来看看怎么通过Jekyll构建静态网站。 
首先在Jekyll官网Jekyll,官网上写得很清楚Transform your plain text into static websites and blogs.将纯文本内容构建为静态网页和博客

Jekyll安装

首先我们看看官网对Jekyll的安装需求 
Before you start, make sure your system has the following:


Ruby version 2.2.5 or above, including all development headers (ruby installation can be checked by running ruby -v)
RubyGems (which you can check by running gem -v)
GCC and Make (in case your system doesn’t have them installed, which you can check by running gcc -v,g++ -v and make -v in your system’s command line interface) 
从上面需求来看Jekyll对windows的支持不太好,官方并没有提供对windows的支持,只有其他的一些办法来在windows上安装Jekyll。 

OS: Gentoo 
因此在系统安装过程中已经安装ruby、gcc、make等包,如果没有的话自行安装 
安装完以后 
jacky@gentoo ~ $ sudo gem install bundler jekyll 
主要这里必须要使用root权限来进行安装,在安装完后运行
jacky@gentoo ~/github/jackycheng86.github.io $ bundle exec jekyll serve
Could not find i18n-0.9.1 in any of the sources
Run `bundle install` to install missing gems.
Thank you for installing html-pipeline! 
You must bundle Filter gem dependencies. 
See html-pipeline README.md for more details.

https://github.com/jch/html-pipeline#dependencies

到此为止我们就完成了基本的Jekyll的安装配置啦 
要运行也很简单

jacky@gentoo ~ $ cd github/
AdminLTE/               jackycheng86.github.io/ spring/
jacky@gentoo ~ $ cd github/jackycheng86.github.io/
jacky@gentoo ~/github/jackycheng86.github.io $ bundle exec jekyll serve
Configuration file: /home/jacky/github/jackycheng86.github.io/_config.yml
            Source: /home/jacky/github/jackycheng86.github.io
       Destination: /home/jacky/github/jackycheng86.github.io/_site
 Incremental build: disabled. Enable with --incremental
      Generating... 
                    done in 2.012 seconds.
 Auto-regeneration: enabled for '/home/jacky/github/jackycheng86.github.io'
    Server address: http://127.0.0.1:4000
  Server running... press ctrl-c to stop.

这时候Jekyll就已经运行起来了,通过localhost:4000端口就能看到内容,如果我们修改了静态html内容只需要将修改好的内容push到github我们在github.io上的页面也就得到了更新。 
有了Jekyll我们就可以去找很多Jekyll的模板来让我们的博客看起来更漂亮了传送门

多多学习,记一遍

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
GitHub.io是一个用于托管静态网页的服务,可以用来展示个人项目、等内容。如果你想美化你的GitHub.io页面,有以下几种方法可以考虑: 1. 使用自定义域名:通过给你的GitHub.io页面绑定自定义域名,可以让页面的网址更加个性化。你可以购买一个域名,并将域名指向你的GitHub.io页面。这样,访问你的网址时会显示你的自定义域名。 2. 使用主题:GitHub.io支持使用Jekyll主题来美化页面。Jekyll是一个静态网站生成器,可以帮助你轻松地创建漂亮的页面。你可以在GitHub上搜索Jekyll主题,选择一个你喜欢的主题并应用到你的GitHub.io页面上。 3. 自定义CSS样式:如果你对前端开发比较熟悉,你可以在GitHub.io页面中添加自定义CSS样式来美化页面。通过修改页面的样式,你可以改变字体、颜色、布局等,使页面更加吸引人。 4. 添加图片和媒体:通过在GitHub.io页面上添加图片和媒体元素,可以增加页面的视觉效果。你可以在页面中展示项目截图、头图或者其他相关图片和视频,以增强页面的吸引力。 5. 使用插件和工具:有很多开源的插件和工具可以帮助你美化GitHub.io页面。比如,你可以使用Font Awesome插件来添加矢量图标,使用Google Fonts来选择更多的字体样式,使用Animate.css来添加动画效果等。 以上是一些常见的方法,你可以根据自己的需求选择适合的方式来美化你的GitHub.io页面。希望能对你有所帮助!

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值