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
完成以后,我们就在浏览器中访问,就可以看到我们自己写的博客了。
那么,搭建自己博客的一系列流程步骤,就说完了,大家可以借鉴一下。
一、配置环境
安装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
完成以后,我们就在浏览器中访问,就可以看到我们自己写的博客了。
那么,搭建自己博客的一系列流程步骤,就说完了,大家可以借鉴一下。
相关文章推荐
- 使用GitHub + Hexo搭建个人博客(六)- GitHub配置域名(Godaddy)
- 使用GitHub + Hexo搭建个人博客(七)- 基本配置
- 零基础免费搭建个人博客-hexo+github
- 使用Hexo搭建Github个人静态博客
- 零基础免费搭建个人博客-hexo+github
- [Hexo]使用Hexo(博客)+Gitcafe(服务器)+QiNiu(图床)搭建个人博客
- Hexo 个人博客搭建
- 零基础免费搭建个人博客-hexo+github
- GitHub上搭建Hexo个人博客
- 使用GitHub + Hexo搭建个人博客(五)- Ubuntu升级后hexo命令失效
- Hexo搭建Github Pages托管的静态个人博客
- 使用GitHub + Hexo搭建个人博客(九)- 切换 Hexo 主题
- 利用Github和Hexo搭建独立的个人博客--基础篇
- 使用GitHub + Hexo搭建个人博客(十)- 发表新博客
- 通过GitHub和Hexo搭建个人博客
- 使用GitHub + Hexo搭建个人博客(一)- 安装
- Hexo+github 搭建个人博客(一)
- 利用Hexo搭建个人博客-环境搭建篇
- 使用GitHub + Hexo搭建个人博客(三)- npm(Node Packaged Modules)
- 用Hexo搭建个人博客