博客改版啦/使用Github Page搭建博客
2019-05-12
博客改版啦
以前博客的主题非常的华丽,图片、字体、外部样式啥都有,但最后效果不太好。
因为我的博客是搭建在Github Page上,虽然是免费的服务器,但Github Page给的流量带宽非常少,而且没有国内CDN,造成在国内访问就20~30KB/s这样一个带宽。所以将博客改版了,减少了非常多的图片和字体,实测即使是在国内不用VPN的访问,也能在5秒内完成首屏加载。
非常的开心,嘻嘻。
使用Github Page搭建博客
我Github Page搭建博客的框架依然是Jekyll。虽然Jekyll是一个使用Ruby写的框架,但要学会使用并不需要真的会Ruby语言。
搭建一个Github Page博客步骤如下:
-
在本机上装好Ruby环境
$ sudo apt-get install ruby-full
-
在本机上装好Jekyll和Sass环境,推荐使用一个打包好的Gem包
github-pages
$ sudo gem install github-pages
-
选择一个模板:http://jekyllthemes.org/
-
将模板download或者clone下来
-
在本机上run起来
$ sudo jekyll serve
-
可以进行一些定制化,Jekyll的主要配置文件为
/_config.yml
,同时,Jekyll也是使用markdown/html修改的,具体可以到下载的主题的readme中去看怎么改。 -
在Github上创建一个库,名称为
<username>.github.io
,其中<username>
为个人的github账号。按照这个模式取得名字,Github就知道这个项目是要创建github page,就会创建一个部署环境。 -
push上去就完事了,只要在本机上能够运行,在Github Page上也能运行。
-
创建博文主要是靠写markdown到
_post
文件夹中,jekyll会自动把markdown编译为html展示到界面上。
参考:
- 如何安装Ruby:http://www.ruby-lang.org/zh_cn/documentation/installation/
- 如何使用Jekll:https://www.jekyll.com.cn/
- 如何使用Git:https://git-scm.com/doc