利用Github搭建自己专属博客

安稳与你 提交于 2019-12-01 08:24:26

这是一个在Windows简易的搭建博客的方法,建立使用Jekyll构建自己的博客,所以这一篇文章采用fork别人的模板来构建(“偷懒”),在此之前需要满足一下条件

  • 注册一个Github账号
  • 本地安装Git,并且能实现Git向自己的仓库push文件 教程

第一步:fork别人模板

这里我以自己的博客的模板为例(fork),我自己采用的一款名叫NexT主题,在github上面搜索jekyll-theme-next
然后点击fork
这里写图片描述
然后查看自己的本地仓库,刚开始你的仓库的名字是别人的名字,点击Setting
这里写图片描述
然后更改自己的账号名字
这里写图片描述
(更改自己仓库名字,一般都是”自己账号的名字.github.io”,因为一般生成的访问地址就是这个)最终自己的博客访问地址可以向下面翻看到Github Pages就是最终访问地址
这里写图片描述
现在你已经完成大部分,现在就可以试一下是否能访问成功,可是你看到的是别人的博客别人的名字,下面就来自己定制了。

第二步:修改模板

一般有两种方法:直接在Github网页上修改,在自己电脑本地修改,这里我选择在本地修改,这时候就需要Git工具。选择自己想要放博客源的文件夹,然后点击鼠标选择Git Bash Here
输入命令 git clone +自己仓库的地址+”.git ”
这里写图片描述
然后进入自己clone的目录,修改模板的配置文件
这里写图片描述
修改_config.yml文件,里面的内容如下
这里写图片描述
里面有一些很详细的设置,作者的名称,网站的建立时间,描述等等,很多可以根据自己的喜好设置,这具体的设置我们可以参考官网设置
修改完这一切之后 就可以push上我们的仓库(具体命令看最安装Git链接)

注意: 我再按照官网配置第三方服务 来必力 评论时并文章下面没有出现评论的框,如果没有的话,我们可以按照 来必力 官网设置, 在管理页面-代码管理,把里面的所有代码复制到 我们工程文件 /_layouts/post.html 最后添加这些代码就好了。

第三步: 本地安装Jelly

我们不可能每次修改一点,就去push上去,所以我们应该本地查看确认无误之后才push是最好的,所以我们需要自己的电脑上安装Jelly

安装Ruby

下载exe 地址:http://rubyinstaller.org/downloads/
这里我推荐下载Ruby2.2.6,因为后面安装Devkit只支持2.0-2.3版本
这里写图片描述
安装的时候注意勾选 “Add Ruby executables to your path”
这里写图片描述
安装之后,win+R 命令行输入
ruby -v
如果显示了版本号就安装成功

安装Devkit

下载地址 :http://rubyinstaller.org/downloads/
这里写图片描述
根据自己的需求安装32还是64
1. 运行安装包并解压缩至某文件夹,如 C:\DevKit
2. 通过初始化来创建 config.yml 文件。在命令行窗口内,输入下列命令:
cd “C:\DevKit”
ruby dk.rb init
notepad config.yml

3. 在打开的记事本窗口中,于末尾添加新的一行- C:\Ruby200-x64,保存文件并退出。
4. 回到命令行窗口内,审查(非必须)并安装。
ruby dk.rb review

安装Jekyll

首先,测试一些gem 工具是否安装成功(下面的都可以在git窗口执行)
命令行输入:
gem -v //显示版本号则成功
gem install jekyll
注意:可能遇到错误 例如

ERROR: Could not find a valid gem ‘jekyll’ (>= 0), here is why:
Unable to download data from https://rubygems.org/ - SSL_connect returned=1 errno=0 state=SSLv3 read server certificate B: certificate verify failed (https://api.rubygems.org/latest_spece.4.8.gz)

显示不能下载,什么 证书验证失败之类的。我们就需要去下载证书并且配置环境
下载:http://curl.haxx.se/ca/cacert.pem
拷贝到:Ruby安装目录下的“bin”文件夹下
环境变量:
这里写图片描述

安装Bundler

$ gem install bundler
进入自己的博客目录,安装依赖
$ bundle install
运行Jekyll
$ bundle exec jekyll server
这里写图片描述
然后打开自己浏览器访问4000就可以了
这里写图片描述
到这 就已经完成安装了,后面只需要把自己的博客md文件放到_post文件里面去,push上github仓库就行了

注意
每一篇博客前面都要写YAML头信息,可是我刚开始用Markpad写博客的时候,没什么识别出YAML头信息,无法分类和标签,后面我用Markdownpad写却可以识别出,所以推荐使用markdownpad写博客。
markdownpad安装教程:https://www.jianshu.com/p/5604996dcdbb

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!