美文网首页
GitHub Pages搭建个人博客

GitHub Pages搭建个人博客

作者: chenxuri | 来源:发表于2017-12-17 17:32 被阅读0次

    前言

    很久前就想搭建一个自己的网站,想想在上面可以自由编写喜欢的东西,感觉会很有趣。这次趁着国庆放假,开始动起手来。
    搭建过程还算顺利,同时也学到了点新知识,总体还算满意。以后会更新些Java相关博客。或许也会添加些其它有意思的小东西,敬请期待!


    正文

    下面谈下该网站搭建细节
    要搭建一个网站,你需要 服务器+博客代码+域名

    服务器

    一般来说都使用云服务器,可以从阿里云和腾讯云购买。也许有人会问了,有免费的云服务器吗?有,并且十分好用,就是GitHub。
    GitHub是最大的代码托管网站,可以被用来版本控制。Github Pages 是 Github 的静态页面托管服务。它设计的初衷是为了用户能够直接通过 Github 仓库来托管用户个人、组织或是项目的专属页面。
    首先在GitHub上创建一个项目,不过名字必须是这种格式xxx(比如名字).github.io,这样会自动开启GitHub Pages的功能。其它地方与创建普通项目相同。
    想学习更多Git知识的同学可以看下廖雪峰的Git教程

    博客代码

    Jekyll是个好用的博客框架,它支持静态网站和Markdown。Mardown是一种简单的标记语言,可移植性强,被越来越多
    的用来写博客。不熟悉Markdown的可以参考这里的教程马克飞象,很容易学会。

    安装Jekyll

    安装流程为ruby -> gem -> Jekyll。首先我们安装ruby,Mac和Linux可以用命令行配合yum或者brew这样的包管理器很方便的安装ruby,
    Windows可以下载Ruby installer来进行安装。然后用命令行安装gem,gem是一个ruby的包管理系统。
    最后再用gem安装Jekyll。如下所示:

    //在RubyGems官网上下载压缩包,解压到你的本地任意位置
    
    $ cd yourpath to rubygems //你解压的位置
    $ ruby setup.rb  //安装gem
    $ gem install jekyll
    

    Jekyll模板

    推荐如下模板:

    • Jekyll Themes jekyll的模板网站,可以找到各式各样你喜欢的模板。
    • Hux Blog 黄轩的博客,样式也比较好看。

    博客目录大概如下图所示

    |── _includes  //页首页尾模块
    |   ├── footer.html
    |   └── header.html
    |
    |── _layouts   //页面布局
    |   ├── default.html
    |   └── post.html
    |
    |── _posts     //博客文件
    |   ├── 20017-10-29-why-every-programmer-should-play-nethack.markdown
    |   └── 20017-04-26-barcamp-boston-4-roundup.markdown
    |
    |── _site      //输出目录
    |
    |── index.html
    

    网站写好后,把_site目录下的文件上传到Github上刚建的项目里。

    购买域名

    可以从阿里云或腾讯云购买域名,一般一年几十块钱。然后在github上博客项目的setting里的Github pages内绑定域名,如下图所示


    githubpages.png

    现在终于搭建成功了,可以好好欣赏下自己的博客。

    也许搭建过程中会遇到一些问题,但多思考,多搜索,相信你能解决!

    相关文章

      网友评论

          本文标题:GitHub Pages搭建个人博客

          本文链接:https://www.haomeiwen.com/subject/jmquwxtx.html