这是Github+hexo搭建博客教程第一篇,主要内容是环境的搭建以及hexo的安装和项目的上传。
1.环境搭建
1.1 下载node.js和git,一路next即可。
安装完成之后,打开命令窗口(Win+R,输入CMD,回车),分别输入node -v, npm -v, git -version, 如果都能像下图一样返回版本号就说明安装好了
如果在这里不可以操作git,说明在安装时没有更改路径,设置为windows环境下也可以操作,不过没有关系,只需要将git的安装路径添加到环境变量中就可以在windows下操作,或者我们可以运行git bash,在这里查看git的版本号(安装git之后一定会生成git bash)
1.2 SSH授权
打开git bash,输入ssh-keygen -t rsa, 接着回车三下,
这样就会在C盘用户目录下生成id_rsa和id_rsa.pub这两个文件,前者是密钥,后者是公钥,用记事本打开id_rsa.pub,复制其中的全部内容,添加到GitHub上,这样本地的id_rsa密钥就可以和GitHub上的id_rsa.pub公钥进行配对,授权成功。
SSH key添加之后,就可以在本机git bash中进行测试,输入ssh -T git@github.com进行测试,
返回Hi username !You’ve successfully ……说明你已经成功啦~
2.本地博客配置
2.1 安装hexo
在任意一个地方新建一个文件夹,在git bash中进入这个文件夹,比如cd /d/Files/hexo/(之后安装的内容会保存在这个文件夹内),输入npm install -g hexo安装hexo即可,如下图(我已经安装过了,就不再安装了)
注意,在回车之后,可能会出现一行WARN的警告语句,不用管它,什么都不要按,等着。。。过一段时间如果出现hexo版本号之类的语句就代表差不多了。
然后输入npm install hexo –save这个时候你会看到命令行出现了一堆白字,紧接着输入hexo v查看是否安装成功
如上图所示,说明hexo就安装成功了~
2.2 hexo初始化
输入hexo init实现初始化
再输入hexo s,进入本地调试模式
这时候我们就可以打开浏览器了,在地址栏中输入http://localhost:4000/,我们就可以看到如下图的界面,,我们的博客建成功啦!!!开不开心?高不高兴?是不是很有成就感?
我们可以去看一下我们的源码的位置,就在之前新建的那个文件夹里,在source->_posts文件夹下,有一篇helloworld的初始化文章,如果想要添加新的文章,可以在命令行输入hexo new ‘filename’,就会生成一个新的.md文件,对它编辑就可以了。
2.3 上传项目
先打开配置文档_config.yml,对它做如下修改,repository后面的内容是 git@gitbub.com:username/库地址 的形式
注意:type、repository、branch冒号的后面都有一个空格
部署好之后,我们就可以上传我们的代码咯
回到命令行窗口,输入npm install hexo-deployer-git –save,
再输入hexo g,然后再hexo d,就可以将我们public里面的代码上传咯,在GitHub上可以看到我们上传的代码。这样别人也可以通过域名访问我们博客了。在地址栏输入http://域名就可以访问。