前言你是否也想拥有属于自己的博客?是否也想拥有跟我一样的博客空间?如果心动了,就赶紧往下看吧!
原理Github PagesGithub不仅可以让我们把代码托管在平台上,而且允许我们利用Github的服务器部署自定义网页对我们的项目作简介。这个网页就被称为** Github Pages**。这是我们可以利用Github搭建免费博客的基础啦~ HexoHexo是一款轻量但高逼格的搭建博客快速工具,它是基于Node.js开发的。而Node.js...好了,扯远了...有兴趣的童鞋可以出门左转自己百度... 准备知道了大致的原理,我们首先需要准备搭建博客的材料。如下: 1. 一台windows系统的电脑 开始申请Github账号,建立一个仓库,并为此创建一个说明网页(Github Pages)假设我们都有了Github账号,这是首先在右上角点击“+”号,选择New repository 注意 仓库名一定是"你的Github用户名"+ !!! 之后为我们的项目添加一个说明Pages! 建好的项目顶部最右边有个Setting按钮,点击进入配置界面,下滑界面,直到看到Github Pages,这时你发现竟然自动生成了一个说明网页! 因为Github说明网页的默认地址就是“你的Github用户名”+,其它说明网页都是基于该地址的。 Ok! 到此为止,Gihub Pages的部分就结束了。 搭建Hexo,把Github Pages修改为自己的博客界面!安装Git以及Node.js!因为我们需要通过Git把我们的Hexo生成的网页提交到Github pages上,而Node.js是我们Hexo插件运行的基础! 验证:
是否安装Node.js:输入
安装及部署Hexo首先创建一个文件夹,用来放置我们的Hexo。 然后进入我们的文件夹,例如我们文件夹路径为D:\blog 则在终端依次输入并执行 打开命令终端,利用Node.js的包管理器npm安装Hexo: 是不是有点鸡冻!别急,我们还需要把页面推送到Github Pages上,步骤如下: 1. 设置Git的user name和email 在我们创建博客文件夹里右击,选择 Git Base Here,然后在窗口中依次输入 2. SSH 授权 最后得到了两个文件:id_rsa和id_rsa.pub(默认存储路径是:C:\Users\Administrator.ssh) 登录Github,点击头像下的settings,添加ssh。新建一个new ssh key,将id_rsa.pub文件里的内容复制上去 3. 上传项目 首先用IDE(我用的是WebStorm)打开我们的Hexo文件夹,发现它的文档目录是这样的:
打开配置文档_config.yml,修改deploy值(在末尾):
安装在git上部署文章的扩展 打开终端并进入到Hexo文件系统中,创建一篇新博客 这时文件夹source/_posts文件夹里会出现博客名.md的博客文章源文件 文件是markdown格式,书写方法有一套规范,下篇博客会讲到。PS:非常简单啦~ 编辑好博客内容后,一顿滚键盘,依次执行以下命令: 就这样,你的第一篇博客就上传啦! 更换Hexo主题由于默认的博客主题可能不能满足大家的需求,所以再提一下更换主题的方法。 首先到Hexo官网中选择一款喜欢的主题 这里我以我博客采用的主题为例,我采用的pure主题 首先在Hexo系统文件夹中打开终端,然后输入 之后在系统目录theme文件夹下你会发现多出了pure命名的一个文件夹,这就是我们主题保存的位置,其中pure文件夹下的config.yml文件就是我 在我们的Hexo系统配置文件config.yml中,修改theme为我们的pure主题
然后进入文件夹 把主题提交 重新生成博客静态文件,然后部署到Github Pages 当当~我们的个性化博客就搭建完毕啦! |
|