2018.5月使用Github+Hexo搭建自己的博客

找了很多教程,发现都不太全,所以写个最新版本的Github+hexo搭建属于自己的博客,第一次写,勿喷!!!


搭建环境准备:

1.下载Node.js安装文件(现在电脑基本都是64位的,我就放64位的下载地址):https://nodejs.org/dist/v8.9.4/node-v8.9.4-x64.msi

或者自行到官网下载最新版本: https://nodejs.org

2.安装Git: Git下载包(64位)   Git下载包(32位) 



教程

下载完成后(全部按NEXT就好),按下WIN+R,调出运行窗口,打cmd,会出现如下图:

2018.5月使用Github+Hexo搭建自己的博客_第1张图片


检查node是否安装正确,输入下面两条指令

node -v
npm -v

出现如下图就代表安装成功:

2018.5月使用Github+Hexo搭建自己的博客_第2张图片


检查Git是否安装正确,输入

git --version

出现如下图就代表安装成功:

2018.5月使用Github+Hexo搭建自己的博客_第3张图片


安装成功后,先在Github注册一个账号:https://github.com/,点右上角的Sign up

2018.5月使用Github+Hexo搭建自己的博客_第4张图片


输入信息,确认无误后按create:

2018.5月使用Github+Hexo搭建自己的博客_第5张图片



第二步直接按继续,然后按右上角的


如图:

2018.5月使用Github+Hexo搭建自己的博客_第6张图片



然后去邮箱那里验证:

2018.5月使用Github+Hexo搭建自己的博客_第7张图片


验证完之后就再按一次,会出现这个界面:

2018.5月使用Github+Hexo搭建自己的博客_第8张图片


创建成功会出现下图:

2018.5月使用Github+Hexo搭建自己的博客_第9张图片


先在某一个盘上创建一个文件夹,例如在E盘建立一个blog文件夹:2018.5月使用Github+Hexo搭建自己的博客_第10张图片       

文件夹右键,点Git Bash ,进入这个界面:2018.5月使用Github+Hexo搭建自己的博客_第11张图片


全局配置设置到淘宝源:

npm config set registry https://registry.npm.taobao.org

2018.5月使用Github+Hexo搭建自己的博客_第12张图片


设置全局配置user.name 和user.email

git config –-global user.name “55kaikainiubi”  //(“”的账号是刚才Github里面自己注册的账号) 
git config –-global user.email “[email protected]” //(""的邮箱是你自己注册的邮箱)

成功配置:

2018.5月使用Github+Hexo搭建自己的博客_第13张图片


生成SSH密钥设置到Github(需先设置user.name和user.email)

cd ~/.ssh 
ssh-keygen -t rsa -C “[email protected]” //打自己的邮箱

出现下图:

2018.5月使用Github+Hexo搭建自己的博客_第14张图片


设置ssh key到GitHub 
默认生成ssh key在C:\Users\username.ssh文件夹中,复制 id_rsa.pub文件到 github->settings->SSH and GPG key->new ssh key 如图 

2018.5月使用Github+Hexo搭建自己的博客_第15张图片

把里面的代码,复制到刚才网站注册的地方:

2018.5月使用Github+Hexo搭建自己的博客_第16张图片

2018.5月使用Github+Hexo搭建自己的博客_第17张图片

2018.5月使用Github+Hexo搭建自己的博客_第18张图片


2018.5月使用Github+Hexo搭建自己的博客_第19张图片


ssh设置是否成功测试

ssh -T [email protected]

2018.5月使用Github+Hexo搭建自己的博客_第20张图片


安装hexo插件

输入以下代码:

  cd / #进入根目录,实际上是git安装的根目录 
  pwd /
npm install hexo-cli -g #安装hexo,阿里云源 大概10s安装

2018.5月使用Github+Hexo搭建自己的博客_第21张图片


安装之后,输入以下代码:

cd / 
hexo init Hexo 
cd /Hexo 
npm instal 
hexo generate(可简写为hexo g) 
hexo sever(可简写为hexo s)

2018.5月使用Github+Hexo搭建自己的博客_第22张图片


2018.5月使用Github+Hexo搭建自己的博客_第23张图片


发现到最后已经有网址,复制+粘贴到浏览器访问



假如4000打不开,换一个端口,输入以下代码:

hexo s -p 5000    

本地搭建hexo博客插件完成。


上传hexo博客的静态文档到GitHub

查看hexo插件的版本

hexo -V

2018.5月使用Github+Hexo搭建自己的博客_第24张图片


大于hexo 3.0的上传到github的方法: 

安装部署到github插件依赖

npm install –save hexo-deployer-git

2018.5月使用Github+Hexo搭建自己的博客_第25张图片


然后打开我的电脑搜索Hexo文件夹

deploy: 
type: git 
repo: [email protected]:55kaikainiubi/55kaikainiubi.github.io.git  //(改成自己的用户名和用户名加域名) 
branch: master
2018.5月使用Github+Hexo搭建自己的博客_第26张图片


2018.5月使用Github+Hexo搭建自己的博客_第27张图片




再将gitbash部署hexo到github

hexo deploy

看到这样的进程,代表成功部署hexo到github

2018.5月使用Github+Hexo搭建自己的博客_第28张图片



等待10分钟左右,打开用户名.github.io,会出现如下界面(代表成功搭建博客):

2018.5月使用Github+Hexo搭建自己的博客_第29张图片

你可能感兴趣的:(2018.5月使用Github+Hexo搭建自己的博客)