刚开始我也是很不理解为什么要利用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/
来源:CSDN
作者:Ke_dragon
链接:https://blog.csdn.net/Ke_dragon/article/details/82974224