用Hexo在GitHub上搭建个人博客

一、github账户注册及Repository建立

    1、首先注册github账户(http://www.github.com/),然后登陆github网站,在github上建立一个repository,名字必须为xxx.github.io,xxx为你的账户名。

    注:Github Pages的Repository名字是特定的,比如我Github账号是lpr0824,那么我Github Pages Repository名字就是lpr0824.github.io。

用Hexo在GitHub上搭建个人博客_第1张图片
Create a new repository

    2、填写好信息后,提交后如图:

用Hexo在GitHub上搭建个人博客_第2张图片

    3、再回到setting页面,选择博客模板,如下:


用Hexo在GitHub上搭建个人博客_第3张图片

   4、点击Launch automatic page generator,选择模板:

用Hexo在GitHub上搭建个人博客_第4张图片
选择模板

    4、过一会即可访问你的个人博客了:

用Hexo在GitHub上搭建个人博客_第5张图片

    注:如果报404异常,可查看你的github账户是否已经进行过邮箱验证,如果没有,进行邮箱验证下后再访问。

    5、打开SourceTree(已经内嵌git,若不用改工具直接到git官网下载安装),新建仓库:

用Hexo在GitHub上搭建个人博客_第6张图片

二、安装Hexo

    安装hexo首先需要先安装node.js,下载地址(https://nodejs.org/en/),下载后根据提示一直下一步安装完成即可。

安装hexo步骤:

    1、进入命令行(快捷键:Windows+R)窗口,用npm命令安装,命令:npm i -g hexo。           注:-g是指全局安装hexo;

    2、安装完成后查看hexo版本号,命令:hexo -v,如果能看到版本号,则表示安装成功。

用Hexo在GitHub上搭建个人博客_第7张图片
hexo版本号

    3、将hexo仓库通过sourcestree工具关联到git上,在sourcetree上通过命令行模式窗口操作;

    4、现在本地创建一个hexo项目,输入:hexo init

用Hexo在GitHub上搭建个人博客_第8张图片

    5、安装默认插件及为了支持github,安装另外一个插件

         npm install

        npm install hexo-deployer-git --save

用Hexo在GitHub上搭建个人博客_第9张图片

    6、然后生成web项目,输入:hexo g

用Hexo在GitHub上搭建个人博客_第10张图片

    7、启动服务器预览效果,输入:hexo s -o (或者:hexo server)

用Hexo在GitHub上搭建个人博客_第11张图片
本地项目访问

    8、这还只是本地项目,现在要发布到github上面去,我们需要配置项目目录下的_config.yml文件,打开它找到最后一行,我们把github的配置信息填上去。这里lpr0824是我的登录名,你只需要将它改成你github的登录名,原封不动地配置好就行了.

用Hexo在GitHub上搭建个人博客_第12张图片

7、我们开始发布博客吧!当前路径命令行下输入:hexo d

     按照提示输入github的登录名和密码,就可以看到成功信息。稍等一会就可以输入网址xxx.github.io访问你的博客。

用Hexo在GitHub上搭建个人博客_第13张图片

你可能感兴趣的:(用Hexo在GitHub上搭建个人博客)