前言
很久前就想搭建一个自己的网站,想想在上面可以自由编写喜欢的东西,感觉会很有趣。这次趁着国庆放假,开始动起手来。
搭建过程还算顺利,同时也学到了点新知识,总体还算满意。以后会更新些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
现在终于搭建成功了,可以好好欣赏下自己的博客。
也许搭建过程中会遇到一些问题,但多思考,多搜索,相信你能解决!
网友评论