logo头像

好好学习,天天向上

Hexo 博客搭建(有效法一)

###Hexo是什么?

hexo是一个基于Node.js的博客框架,我们可以用hexo既快速又方便的生成博客网页并托管在github上。

如果你根据官网文档没有将博客搭建好,那么本文将是你的福利哟!

1.安装Git Bash

进入Git下载官网(下载地址),点击64-bit Git for Windows Setup!

下载exe文件

运行安装,一直默认点next(安装路径自行选择)

安装成功后右击桌面菜单项会多出 img,单击Git Bash Here可直接运行Git,界面如下

img

2.安装Node.js

(前面提到过hexo是一个基于Node.js的,我们安装hexo前要用到Node.js的npm工具)

下载地址 建议选择LTS版

运行安装,安装路径自行选择,一直默认点next,(不过要留心Custom Setup这一步,点一下Add to Path再点next,这样就不用后面手动配置环境变量了~)

查看Node.js版本:在cmd命令行或Git Bash输入命令node -v查看版本号

img

3.安装hexo

(这里我们不用npm i -g hexo命令安装hexo,这要访问外网容易会被“墙”,而是使用 淘宝NPM镜像 帮助安装)

新建一个文件夹(用来存放你用hexo搭建的blog项目,我这文件夹名为blog)

右击该文件夹,点击Git Bash进入Git输入以下命令:

npm install -g cnpm –registry=https://registry.npm.taobao.org

img

等待一段时间下载完成后会出现 $ 开始符号,再输入命令:

cnpm i -g hexo-cli

(注意!当我们使用 淘宝NPM镜像 后,以后使用npm安装工具一律把npm改为cnpm,可自行百度区别两者)

待安装成功后,可查看版本号确认,命令:

hexo -v

img

输入初始化命令:hexo init,初始化完成后你的文件夹会出现以下文件:

img

安装生成器

cnpm install

到这里hexo搭建好了,可以开启hexo服务测试一下,命令:

hexo s

img

​ 浏览器访问http://localhost:4000/就可以看见自己博客了!

4.实现Git本地管理你的github库

打开你的Git Bash(在哪打开都一样),进行以下配置:

git config –global user.name “bettmaner” //设置用户名

git config –global user.email “175****428@qq.com“ //设置用户邮箱

创建SSH

(SSH key是Git与github之间的传输密匙,有了它每次提交文件就不需要再输入用户名和密码了。 )

在Git Bash中输入:

ssh-keygen -t rsa -C "175****428@qq.com"

​ 这过程会需要你输入一些东西,直接按回车就行

复制ssh key命令:

clip < ~/.ssh/id_rsa.pub

将复制的ssh添加到github上:

img

img

img

回到Git Bsah验证你的ssh是否有效:

ssh -T git@github.com

最后一句出现你github名证明你成功了

img

5.将博客部署到github上

(激动人心的时刻!博客已用hexo搭建好了,现在就是要将博客放github就能让人访问到了)

创建版本库

进入你的github账号创建版本库,库名为username.github.io,其中username为你的github名称,步骤如下

img

img

修改hexo文件配置

此处可参考网址 https://blog.csdn.net/jzooo/article/details/46781805(“管理博客”一步)

进入你的blog文件夹,(建议用编辑器)修改根目录下的_config.yml文件

img

_config.yml中其它自行修改,最后一行必须这样配置(冒号后有一个英语半角空格):

deploy:
type: git
repo: https://github.com/bettmaner/bettmaner.github.io.git (蓝体改为自己的github名)

branch: master

保存

###

上传blog到github上

右击blog文件夹进入Git Bash,输入安装命令:

cnpm install hexo-deployer-git –save

img

(此安装命令能让你使用hexo deploy命令上传blog到github上)

上传命令

hexo d(即hexo deploy)

第一次deploy会弹出窗口需要输入你的github账号和密码

现在就可以访问username.github.io进入你的博客了~

以后修改blog后执行hexo s或hexo d之前建议先执行这2个命令行(作用自己百度哟):

hexo clean

hexo d -g(即可)

###

-————————————————————————————————————–

捣腾这个一两天,因该是官网是国外镜像原因吧,不稳定,还是国内给力。