本文主要是介绍如何在github上搭建自己的个性blog——Windows版,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
初衷
本文适用于跟我一样的前端小白,却又想搭建一个属于自己的博客站点玩玩,可以自己DIY样式,构建属于自己的网站,但又不想花费太多精力维护。在搭建博客之前我也百度找了很多教程,网上的教程五花八门,但对于想完整的从无到有,让一个前端小白,从零开始搭建一个自己看着觉得样式还不错的博客站点,这样的文章比较少。本人写下此文仅记录自己用Github Pages 搭建博客的过程,及帮助后面的朋友们少绕点弯路。其中有些大师写的教程比较好,这里就直接引用了。
本文适用人群
有git基础 & 前端小白
本文的针对的是有git基础的人群,如果不懂git,可以参考git教程,该教程讲解得十分详细了,我就不赘述了。
流程一览
Jekyll在Github Pages上搭建一个简易blog
本文是用Jekyll在Github Pages 部署博客,首先介绍Jekyll。Jekyll是一个静态网站生成工具。它允许用户使用HTML、Markdown或Textile来建立静态页面,然后通过模板引擎Liquid(Liquid Templating Engine)来运行.
通过阮一峰老师的例子可以学会如何在git上搭建一个自己的blog.
http://www.ruanyifeng.com/blog/2012/08/blogging_with_jekyll.html
最后的效果如图所示:
这样一个简易的独立博客就完成了,但其样式太过于简陋了,为了进一步完善,我们可以借鉴别人的blog模板,但是既然是借鉴别人的模板,我们还是需要修改其中内容以适应自己的需求,这就需要本地预览调试,下面介绍Windows 上安装 Jekyll,并启动预览。
搭建Jekyll的本地预览调试环境
共分为以下几个重要步骤
1.安装 Ruby
前往 http://rubyinstaller.org/downloads/
在 RubyInstallers 部分,选择某个版本点击下载。
例如, Ruby 2.0.0-p451 (x64) 是适于64位 Windows 机器上的 Ruby 2.0.0 x64 安装包。
通过安装包安装
最好保持默认的路径 C:\Ruby200-x64, 因为安装包明确提出 “请不要使用带有空格的文件夹 (如: Program Files)”。
勾选 “Add Ruby executables to your PATH”,这样执行程序会被自动添加至 PATH 而避免不必要的头疼。
Windows Ruby 安装包
打开一个命令提示行并输入以下命令来检测 Ruby 是否成功安装。
ruby -v
输出示例:
ruby 2.0.0p451 (2014-02-24) [x64-mingw32]
2.安装 DevKit
DevKit 是一个在 Windows 上帮助简化安装及使用 Ruby C/C++ 扩展如 RDiscount 和 RedCloth 的工具箱。 详细的安装指南可以在程序的wiki 页面 阅读。
再次前往 http://rubyinstaller.org/downloads/
下载同系统及 Ruby 版本相对应的 DevKit 安装包。 例如,DevKit-mingw64-64-4.7.2-20130224-1432-sfx.exe 适用于64位 Windows 系统上的 Ruby 2.0.0 x64。
下面列出了如何选择正确的 DevKit 版本:
Ruby 1.8.6 to 1.9.3: DevKit tdm-32-4.5.2
Ruby 2.0.0: DevKit mingw64-32-4.7.2
Ruby 2.0.0 x64: DevKit mingw64-64-4.7.2
运行安装包并解压缩至某文件夹,如 C:\DevKit
通过初始化来创建 config.yml 文件。在命令行窗口内,输入下列命令:
cd “C:\DevKit”
ruby dk.rb init
notepad config.yml
在打开的记事本窗口中,于末尾添加新的一行 - C:\Ruby200-x64
,保存文件并退出。
回到命令行窗口内,审查(非必须)并安装。
ruby dk.rb review
ruby dk.rb install
3.安装 Jekyll
1).确保 gem 已经正确安装
gem -v
输出示例:
2.0.14
2).安装 Jekyll gem
gem install jekyll
4.启动 Jekyll
按照官方的 Jekyll 快速开始手册的步骤,或是前面所述的http://www.ruanyifeng.com/blog/2012/08/blogging_with_jekyll.html的教程, 一个新的 Jekyll 博客可以被建立并在localhost:4000浏览。
jekyll new myblog
cd myblog
jekyll serve
应用别人的模板
安装Bundler:
gem install bundler
git上clone别人的模板,或者网上下载模板,这里有个模板库可挑选自己喜欢的https://jekyllthemes.io/
安装依赖:
bundle install
运行 Jekyll:
bundle exec jekyll server
下面是本人根据上述流程搭建的一个自己的blog,应用的模板是Jacman,git上直接搜Jacman的关键词就有,效果图:
博客地址
git地址
喜欢的朋友可以fork或下载自己修改。
这篇关于如何在github上搭建自己的个性blog——Windows版的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!