“Follow you instincts.”
前言
折腾了一天的博客就这样开始见世面了。
2019年,我即将离校,毕竟世界辣么大,总要去看看。恰好在Clean Blog 与 Hux Blog相遇,那一眼,我觉得它就是我的真爱。虽然我认识它已经过了5年,但是作为一个极简主义爱好者,还是被它所散发的魅力深深吸引。
我几乎没怎么玩过微博,是不是难以相信?不,这是真的。我经常会出现在CSDN上(自从它开始欣赏自我,全新界面更改之后),偶尔也出没于知乎。也有经常有分享和记录自己成长历程写博客的想法,实际上我也是真的在写,不过是在Evernote和wps word上面。今天遇到Hux Blog, 于是迸发出来相似的热情,弄个Blog吧。
正文
接下来说一下我是如何搭建这个博客的过程。
首先说明一下,我的操作系统是Windows 10 专业版。而之前了解Clean Blog / Hux Blog 系列大都是基于Unix/Linux或者Mac操作系统。
先是将Hux Blog的概况了解了一番。发现该博主创建的Clean Blog是基于 GitHub Pages + Jekyll 。于是就是搜索了jekyll官网,直接下载最新版本适用于我的操作系统的Jekyll安装导航rubyinstaller-devkit-2.6.5-1-x64.exe
。
Windows下Jekyll的安装和使用
1 安装Ruby+devkit
下载完安装导向之后直接启动,点击安装。可以直接安装在C盘或者自定义。
将提示的三个选项都勾选上。
在安装结束时,不要勾选ridk install
的选项,后面再手动安装检查rudy是否安装正常。
打开管理员命令提示符(接下来的一系列安装操作都是在命令行进行),键入ruby -v
,会出现版本号。
1
ruby -v
检查gem是否安装完毕:
1
gem -v
2 安装MSYS2
输入命令:ridk install
输入“ridk install”进行MSYS2的安装,会出现然你选择123,你选3就行。这个过程会下载很多安装包什么的,耐心等待,一定要耐心,要完整装完才行,装好会让你再做一次123选择,这个时候不需要选了,直接enter退出就行了。
3 安装bundler
键入: gem install bundler
执行安装
等待安装完毕即可
4 安装jekyll
键入命令:
1
gem install jekyll
检查jekyll是否安装成功:
1
jekyll -v
如果没什么问题,出现版本提示就说明安装成功了。
也可参考官方文档:jekyll中文官方文档
使用jekyll创建简单的博客
创建博客
键入命令:
1
jekyll new myblog
本地运行博客
切换到刚创建的myblog
目录下,输入命令:
1
2
3
4
5
6
7
8
bundle exec jekyll serve
或
jekyll s
或
jekyll serve
或
jekyll s --watch
(该命令可以实时编译blog)
接下来打开浏览器输入:http://localhost:4000 就可以看到生成的博客页面。
Jekyll服务器默认端口是4000。
GitHub Pages托管个人博客
网上很多教程,这里就不多赘述了,直接上一篇简洁高效的教程
将本地博客托管到github pages
你可以使用其他大神开发好的稳定版本,比如我使用的是Huxpro版本。使用github的桌面版将该版本fork到本地即可。或者使用git命令操作。都可以啦。
重点要来了
接下来在命令行界面,切换到你fork本地博客库的根目录,执行:
1
bundle install
这个过程完成之后你应该就已经在系统上安装了github-pages,此时你可以通过 jekyll s
命令来在本地启动你的博客。
在启动的过程你会得到一个警告信息,提示你应该在 Gemfile
中包含 gem 'wdm', '>= 0.1.0' if Gem.win_platform?
, 但是我在文件中添加了这一行之后 jekyll s
就不能正常启动了,所以我就直接无视了这个警告。
键入jekyll s 启动本地服务后在命令行界面会出现
1
Server address: http://127.0.0.1:4000/
根据博客的设置可能会有所不同,以命令行提示为主。
打开浏览器输入Server address即可浏览自己的博客啦
再次感谢Hux提供的huxblog-boilerplate版本。
博客的格式可以查看该篇文章的头信息。