如何使用hexo+github配置个人博客

写于2016/10/28

文章使用github用户名为dolphinseven

邮件名dolphinone@126.com

本文基于Windows,Linux配置同理

1. 基础环境配置

1.1 Git安装,本文使用当前最新版本2.10.1

https://git-scm.com/downloads

Git安装一路点击下一步直到安装完成

001

1.2 Node.js安装,本文使用当前最新的稳定版v6.9.1LTS

https://nodejs.org/en/

Node.js安装一路点击下一步直到安装完成

002

1.3 验证Git和Node.js环境安装是否正确

git –version
node -v
npm –v

003

1.4 申请GitHub账号

选择公开资源池以免费试用

005

在收到的邮件中完成邮件认证

新建一个资源池

007

资源池命名为你的【<用户名>.github.io】

009

资源池创建完成

011

点击setting下的Automaticpage generator

013

点击底部的”Continue to layouts”
014
点击Publishpage发布一个默认生成的静态网页

016

2. Github本机配置

设置git身份

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

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

017

本地创建ssh key;

ssh-keygen -trsa -C “your_email@youremail.com”

018

用文本编辑器打开生成的id_rsa.pub文件,复制全文

020

到github.com个人设置中添加上这段ssh指纹(包括头文件ssh-rsa)

022

验证github链接是否有效

ssh -T git@github.com

024

如果是第一次连接会提示是否continue,输入yes就会看到:You’vesuccessfully authenticated, but GitHub does not provide shell access 。这就表示已成功连上github。

3. Hexo配置

3.1新建一个本地文件夹用于存放本地blog后台文件

右键进入git bash

025

然后使用如下命令安装hexo

npm install -g hexo-cli -g

由于“你知道的”原因,下载会失败,这里推荐使用taobao的npm镜像源

先使用如下命令安装等待完成

npm install -g cnpm–registry=https://registry.npm.taobao.org

然后使用cnpm进行安装

cnpm install -g hexo-cli –g

027

继续安装 hexo -–save

029

继续安装hexo-deployer-git –save

031

验证hexo

032

初始化hexo

hexo init

034

安装生成器

cnpm install

035

3.2本地运行博客查看配置是否正常

hexo s –g

036

此时可以本地访问localhost:4000查看博客是否正常了

038

见到上面的页面说明本地hexo配置已经完成

4. 发布博客

编辑配置文件_config.yml

!!此文件特别注意 英文冒号后面有一个英文空格!!

041

配置文件最后deploy修改如下

git@github.com:dolphinseven/dolphinseven.github.io.git

042

使用以下命令将博客更新到线上

hexo d –g

044

此时可以打开<你的用户名>.github.io查看你的个人博客了

046

5. 写一篇文章并发布

使用以下命令新建一篇新博文

hexo new”My New Post”

047

对应目录下生成新的md文件

可以使用markdown编辑器进行编辑

我是用的是csdn-markdown在线编辑器

http://write.blog.csdn.net/mdeditor

导入新增的md文件

049

编辑文件

051

导出到原文件

使用以下命令发布博文

hexo d –g

再次进入博客地址

新博客已上线

053

感谢观看!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值