天天看点

github 个人博客搭建

要使用Hexo,需要在你的系统中支持Nodejs以及Git,如果还没有,那就开始安装吧!

1.安装 node.js

2.安装 git

直接双击下载下来的git安装程序,同node安装,安装完之后右键发现多了两个Git GUI Here 、Git Bash Here,点击后者,然后输入git --version出现版本信息就表明安装成功了。

3.注册 github账号

为什么要配置这个呢?因为你提交代码肯定要拥有你的github权限才可以,但是直接使用用户名和密码太不安全了,所以我们使用ssh key来解决本地和服务器的连接问题。

如果提示:No such file or directory 说明你是第一次使用git。

然后连续3次回车,最终会生成一个文件在用户目录下,打开用户目录,找到.ssh\id_rsa.pub文件,记事本打开并复制里面的内容,打开你的github主页,进入个人设置 -> SSH and GPG keys -> New SSH key:

github 个人博客搭建

将刚复制的内容粘贴到key那里,title随便填,保存。

如果提示Are you sure you want to continue connecting (yes/no)?,输入yes,然后会看到:

看到这个信息说明SSH已配置成功!如图所示:

github 个人博客搭建

此时你还需要配置:

1. 安装淘宝源的cnpm

选装cnpm。由于npm速度有时候令人堪忧,所以建议安装淘宝源的cnpm,在git bash中输入下面整段

安装完之后验证,输入:cnpm info express,若出现一大堆信息则表明成功了。

2. 安装 hexo 命令

在这里会有 一段时间等待,请稍等

3. 安装个人博客

进入到 你本地的博客存放路径,例如 F:\hexo\blog

初始化完成以后,会生成以下目录:

github 个人博客搭建

1. 修改Hexo目录下的_config.yml配置文件中的theme属性,将其设置为next

1)请确保您使用的是Hexo 3(或以上)

2)next.yml在站点的source/_data目录中创建一个名为(创建_data目录,如果它不存在)

3)复制无论是在网站的下一个主题选择_config.yml和主题的_config.yml进入next.yml。

4)使用--config source/_data/next.yml参数启动服务器,生成或部署。

5)例如:hexo clean --config source/_data/next.yml && hexo g --config source/_data/next.yml

2.生成 静态页面

错误:找不到模块'hexo-util' 问题,请检查您的NPM版本。

1)仍然没有工作。请删除node_modules目录并重新安装使用cnpm install。

2)请hexo-util明确通过cnpm install --save-dev hexo-util您的网站包装代码。

修改站点目录的 _config.yml 文件,在最后添加

然后在命令行中执行

到此呢,你的博客基本就搭建完毕了。

这个是个人博客的第三方插件,一个博客搜索插件,一个评论插件。

2) 登陆,进去创建一个索引,如图:

github 个人博客搭建

3) 创建一个api key,并赋予增删的权限,如图所示:

github 个人博客搭建

并赋予 add records,delete recourds,list indices,delete index 4个权限,如图所示:

github 个人博客搭建

4) 然后编辑配置文件,首先是 next 目录下的 _config.yml:

5) 然后修改 站点目录下的 _config.yml:

最后增加:

6) 执行命令,将文章列表同步到 algolia:

如果报错 执行 hexo clean 后,重试。然后预览。

2) 登陆,绑定自己博客地址。如图所示:

github 个人博客搭建

3) 复制 自己地址对应的id值。如图所示:

github 个人博客搭建

4) 编辑 next 目录下的 _config.yml 配置文件:

修改下面一行:

清空缓存,重新生成静态页面预览就看到效果了。

好了,本文到此结束。你博客搭建好了吗?

本文转自 SimplePoint 51CTO博客,原文链接:http://blog.51cto.com/2226894115/2063440,如需转载请自行联系原作者

继续阅读