HEXO+Git+Github+域名搭建个人博客

搭建个人博客可以分为以下五个部分

一、搭建本地环境(个人为Win10)

1、安装Git,下载地址:点击

下载后,按提示进行安装即可,作用是:把本地的内容提交到github上去

注意:官网下载速度不是很快,可以去其他地方搜索相关资源。

2、安装Node,下载地址:点击

按顺序安装即可

3、安装Hexo

Node和Git都安装好后,创建一个文件夹,如blog,用于存放后期用到的所有的hexo文件。

在blog文件夹中右键,选择git bash here,打开窗口,输入:

npm install hexo-cli -g

然后输入

npm install hexo --save

待安装完成后,输入一下代码,用来查看版本

hexo -v

然后执行init命令初始化hexo,命令:

hexo init

至此,全部安装工作已经完成!

 

接下来,执行以下代码,用来生成服务,然后在本地访问。

hexo g
hexo s

执行后,会出现代码如图:

在浏览器中输入http://localhost:4000/ ,可以访问即表示本地hexo发布成功。

 

二、搭建GitHub环境

1、在GitHub官方注册账号

2、New repository

此处,注意Owner的名称与repository的前半部分必须一致,例如:

 

3、开启GitHub pages

打开这个库的setting页面,找到GitHub Pages,创建即可,创建成功后,便可以通过浏览器访问owner.github.io

三、将本地Hexo与github page 联系起来

1、配置Git个人信息

1 git config --system user.name "yourusername"
2 git config --system user.email "youremail@163.com"

运行截图如下:

2、配置Deployment

在_config.yml文件中找到deployment,然后配置如下:

1 deploy:
2   type: git
3   repo:git@github.com:githubname/githubname.github.io.git
4   branch: master

注意:内容一定要保证无空格,否则会报错;

3、发布到Github

输入如下命令:hexo clean && hexo g && hexo d;

也可以分三步:

1 hexo clean
2 hexo generate
3 hexo deploy

在执行deploy中,会弹出输入框如下,分别输入在GitHub上的账号密码即可;

这样就实现了本地与GitHub的连接,当然也可以通过SSH Keys方式。两种方式都可以~

四、域名关联GitHub

1、域名可以前往相关网站购买,我是在阿里云上购买的,购买成功后,将域名进行解析,如图

其中记录类型选择CNAME,记录值填写GitHub的仓库。域名解析是需要时间的,不要急于操作。

2、在blog中的public文件夹中创建CNAME,不带任何后缀名的文件;文件中填写上你的域名,不要写www

如图:

然后执行hexo d命令 发布到GitHub上去,会在仓库中看到该文件,如图:

然后再去settings下面的pages中看到如下图

这样就可以通过域名访问博客了。

五、Hexo的部分使用介绍

hexo官网

无论是设置文章内容还是整体样式等,一定要注意一点:key和value值之间一定要有空格,否则会报错。

 

六、个人感觉不错的HEXO主题

所有主题列表

1、leopard

2、NexT

3、yilia

 

 个人博客地址:http://dreamice.top/

posted @ 2017-07-19 13:04  Dreamice  阅读(2288)  评论(0编辑  收藏  举报