基于github搭建的个人博客

一个人想着一个人 提交于 2019-12-01 08:25:44

 

刚开始我也是很不理解为什么要利用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/

 

 

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