基于github搭建的个人博客

 

刚开始我也是很不理解为什么要利用github+hexo搭建博客，现在差不多能理解，首先逼格很高，其次用github搭建可以学习使用github并且空间很大，也可以便于交流。

再次声明本篇是基于windows系统下搭建的博客。

废话不多说开始。

搭建前准备node.js  ,git的安装（ps：在命令行里敲node -v  npm -v  git -version,如果出现版本信息就是安装成功哦，笔芯）

一，创建仓库并添加秘钥

创建仓库如图1-1

                                                                        图1-1

新建仓库找到new repository 点击出现如图1-2

注意：仓库名后缀必须为github.io   并且自己仓库的名字最好和自己github的名字一致，Description 这一栏可以不用填写，只需用勾选public就可以，然后自己的仓库就建好了。

                                                                                图1-2

添加秘钥

1.现在点击鼠标右键打开git bash，首先检查是否有ssh key；

输入：

cd ~/.ssh

如果显示“no such file or directory”,则跳转第三步，否则继续；

2.备份和删除原来的ssh key设置；

$ ls
$ mkdir key_backup
$ cp id_rsa* key_backup
$ rm id_rsa*

3.生成新的ssh key

输入 ：

$ ssh-keygen -t rsa -C"邮箱地址@youremail.com"

回车就好；
如果要让你输入密码，输入密码就好；
看到这样的如图1-3 就说明你已经设置好了；

                                                                                 图1-3

4.添加ssh key到github

首先到github上点击自己右上角头像，下边有个setting，如图1-4  然后点击setting；

                                                                                 图1-4 

 选择ssh and GPG keys添加秘钥就好，可以不用填写名称。如图1-5；

                                                                                                   图1-5

二，配置hexo

在桌面建一个文件夹，自己喜欢就好，我们暂时叫做git pages；然后打开文件夹，在空白处点击右键，打开git bash；输入命令行

npm install hexo-cli -g

然后输入 npm install hexo --save，然后会看到窗口刷了一大堆白字，不用管，再输入

hexo -v，

 

如果看到图1-6，则说明安装正确了； 

 

                       图1-6

 

1.初始化hexo

在桌面新建文件夹hexospace 右键git bash 输入

hexo init；

再输入 npm install 然后等待安装；

2.体验hexo

接着上面的操作，输入

hexo g；

继续输入  hexo s；如下图

会有一个网址，打开就可以看见最初的hexo在本地的配置了；

3.使用hexo

进入自己的文件夹，打开一个config文件，如图所示；

 将下列找到改成自己的设置

 

# Site
title: longke
subtitle:
description: 前端开发
keywords:
author: longke
language: zh
timezone:

 

 

然后Ctrl+c停止

输入：git config --global user.name “yourname”
           git config --global user.email “youremail”

带引号的是自己的github账号和github相同的邮箱；
完了之后，还是在config文件里。找到deployment修改自己的参数；ps：yml文件冒号后面必须加空格 

deploy:
  type: git
  repo: http://github.com/longlongkeke/longlongkeke.github.io.git
  branch: master

输完之后，输入hexo d；就可以通过自己设置的github名称访问自己的主页了；

我的是http://longlongkeke.github.io

4.文章发布

打开命令行输入

hexo new “文章名”

 admin@LAPTOP-7AKID8CG MINGW64 ~/Desktop/hexospace
$ hexo new "123456"
INFO  Created: ~\Desktop\hexospace\source\_posts\123456-1.md

如图现在已经建了一个名为123456的md文件，而这个文件保存在source文件夹下的post文件里，如图所示：

                                                      

下面你可以用sublime 或者其他的markdown编辑器打开，进行编辑；
写完之后保存下来，再输入，

hexo clean，//清空原来的文件

再输入

hexo g
hexo d 

然后就可以刷新网站看到自己推送的文章了；

到目前为止个人博客已经完成一半了，整体的框架已经形成     剩下的内容后续慢慢补上~~~~~~

大家也可以进我的博客里进行学习交流，欢迎来访：(小心心送给你❤)
http://longlongkeke.github.io/