您的位置:首页 > 编程语言

HEXO搭建个人博客

2017-02-23 15:34 141 查看
经过本人走过的所走搭建个人博客的路,给大家总结一下HEXO搭建个人博客的步骤,避免朋友们在搭建的时候再不知所措。

一、配置环境

安装Node(必须)

为了方便,我们可以直接使用yum安装Node

yum install nodejs

安装完以后我们还需要安装npm

yum install npm

安装Git(必须)

yum install git

申请Github(必须)

首先朋友们需要去申请一个github账号,申请ok以后,下面的配置就安装下面的网址进行配置。
https://pages.github.com/

【注意:创建存储库时,一定要用你申请账号时用到的用户名,eg:username.github.io,如果存储库的第一部分不完全匹配您的用户名,它将无法正常工作,因此请确保相同】

正式安装HEXO

sudo npm install -g hexo

然后我们在随变找个地方创建一个文件夹【要记住位置哦】,进入到文件夹红,进行初始化

hexo init

生成静态页面

继续在blog文件夹下执行命令

hexo generate (hexo g 也可以)

启动本地服务器

hexo server (hexo s也可以)

此时我们在浏览器中输入你的ip地址,或域名

eg:http://ip地址[或域名]:4000

如果成功的话,我们就可以访问到一个没有样式的,简陋的页面,说明我们已经成功了,如果没有显示出来,那么就按照下面的网址,进行配置。【http://baixin.io/2015/08/HEXO%E6%90%AD%E5%BB%BA%E4%B8%AA%E4%BA%BA%E5%8D%9A%E5%AE%A2/】

【注意:我们在测试访问的时候,不要将server停止掉】

然后需要朋友们手动配置些东西,我们需要输入下面三行命令

npm install hexo-renderer-ejs –save

npm install hexo-renderer-stylus –save

npm install hexo-renderer-marked –save

这时候再重新生成静态页面

hexo generate (或hexo g)

启动本地服务器

hexo server (或hexo s)

再刷新网址,就可以看到自己的博客了。

配置Github

进入到blog文件中,编辑_config.yml

vim _config.yml

翻到最下面,改成下面显示的样子,【注意:每一个:后面都有空格】

deploy:

type: git

repository: 【此处填写你的github中clone or download中的地址,此处我填写的是git@开头的地址】

branch :master

接下来设置git的用户名和绑定的email

git config –global user.name “github的用户名”

git config –global user.email “绑定的邮箱”

生成SSH秘钥过程

先查看是否已经有了ssh秘钥,输入命令

cd ~/.ssh

如果我们直接查看的话,blog文件夹中是空的,因为.ssh文件是一个隐藏文件,

如果没有此文件夹的话,我们需要生成秘钥

ssh-keygen -t rsa -C “github绑定的邮箱”

按三个回车,密码为空,

然后我们在查看.ssh文件夹中有一个文件,文件名为id_rsa.pub,打开文件,其中就是我们的秘钥。

将秘钥复制进去,添加到我们的github当中

执行如下的命令才能使用git部署

npm install hexo-deployer-git –save

然后,执行配置命令。

hexo deploy

再到浏览器中刷新访问,就可以看到有样式的博客了。

新建博客

在我们的blog文件夹中使用下面的命令,建立博客

hexo new “博客名称”

新建成功后,会给我们返回新建博客所在的路径。执行下面的命令,进入到博客所在的位置。会看到我们的博客名,并以md结尾的文件

cd source//_posts/

对博客进行编辑,

vim …….md

保存,

然后使用如下的两行命令,提交到github上去。

hexo g 或 hexo generate

hexo d 或 hexo deploy

完成以后,我们就在浏览器中访问,就可以看到我们自己写的博客了。

那么,搭建自己博客的一系列流程步骤,就说完了,大家可以借鉴一下。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息