使用Jekyll在Github上搭建博客

最近在玩github，忽然发现不少说明网站或者一些介绍页面所有在一个域名是*****.github.io上。

好奇！！！真的好奇！！！怎么弄的？我也要一个~~~

 

因而去网站上查询了一下，找到了https://pages.github.com/官方网站。

只能够写html静态页面。在最下方找到了一个github推荐的Jekyll。

jekyll原网站是英文的，这里有个翻译的网站：http://jekyll.bootcss.com/。不过貌似有些日子没更新了，仍是推荐看回官网。

 

因而，经过jekyll，开启了github的网站搭建之路。

 

1. 打开terminal，任意路径执行： gem install jekyll

抛出异常：

ERROR: While executing gem ... (Gem::FilePermissionError) You don't have write permissions for the /Library/Ruby/Gems/2.0.0 directory.

解决方法：

sudo gem install jekyll

 

 2. 在github上建立项目username.github.io

 3. 拉取项目到本地

 4. 在terminal中，任意路径执行： jekyll new username.github.io

 5. 将生成的文件复制到刚刚拉取的github项目目录下。

 6. 同步代码，上传~ 访问username.github.io，便可看到下图，博客搭建完成。

 7. 本地运行，切换到项目目录下，执行：jekyll serve

 8. 在浏览器中执行：http://127.0.0.1:4000/，便可看到和username.github.io相同的页面内容。

 9. 想要中止服务，在terminal中关闭其进程便可。届时terminal中会显示 “ [1]+  Stopped  jekyll serve ”

10. 再次启动时极可能会出现以下错误：

[2016-04-22 22:51:20] WARN TCPServer Error: Address already in use - bind(2) jekyll 3.1.3 | Error: Address already in use - bind(2)

 

产生缘由：

　　关闭时使用了错误的命令，不是command+c，而是control+c。

解决方法：

　　a. 使用命令：ps aux | grep jekyll 查找到进程号

　　b. 使用命令：kill -9 28185 杀死进程（其中28185是进程号）

 

11. 打开 _config.yml 文件，便可修改文件展现的不少内容。以下图：

12. 再次浏览网页，这是就会发现网页内容被改变了。咦？中文呢？说好的颜色不同的烟火呢？以下图：

（其中#号是注释，也就是说上图的代码中#号后的内容都被注释掉了。但这并非它不显示出中文的缘由）

解决方法：很是简单···换一个ide就能够了···这个是个编码问题···

以前使用vs code，好吧，编码有问题，换成了atom，问题解决···

话说，这样我能够给vs code提bug么?···

 

下面附上个人github page链接地址：http://lunagao.github.io/