hexo+github搭建个人博客

利用hexo博客框架搭建本地博客,部署到github上,就可以实现外网访问自己的博客啦,更有炫酷的主题等你来DIY哦。


一、本地博客搭建
1、node.js的下载与安装

这里选择windows安装包的方式安装,
32 位安装包下载地址 : https://nodejs.org/dist/v4.4.3/node-v4.4.3-x86.msi
64 位安装包下载地址 : https://nodejs.org/dist/v4.4.3/node-v4.4.3-x64.msi
选择 v8.12.0 版本,然后进行傻瓜式安装,具体步骤这里不赘述。

安装完成后,检测PATH环境变量是否配置了Node.js,打开cmd,输入node -v,显示对应版本表示安装成功

2、git的下载和安装

在 Windows 上安装 Git 非常简单,百度git即可找到安装包

3、hexo的安装与配置

在命令行(即Git Bash)运行以下命令:
npm install -g hexo-cli

这里你需要为你的博客建个文件用来存放相关配置,这里我在E://hexo/blog下右键git bash,用以下命令下载相关环境

$ hexo init
$ npm install

hexo的npm的所有相关命令都在这个站点目录下进行,用git bash命令

    站点配置文件:站点目录下的_config.yml,路径为hexo_config.yml
    主题配置文件:站点目录下的themes文件夹下的,主题文件夹下的_config.yml。
    路径为hexo\themes<主题文件夹>_config.yml

启动服务器。在路径下,命令行(即Git Bash)输入以下命令,运行即可:
hexo server
浏览器访问网址: http://localhost:4000/

这样你的本地博客已经搭建好了

二、部署到github上

首先去www.github.com 注册一个github的账号。
然后创建一个仓库,仓库名为: github账号名.github.io

重点来了,将本地博客推到github仓库。

    安装hexo-deployer-git插件。在命令行(即Git Bash)运行以下命令即可:
    npm install hexo-deployer-git --save
    添加SSH key。

    创建一个 SSH key 。在命令行(即Git Bash)输入以下命令, 回车三下即可:
    ssh-keygen -t rsa -C "邮箱地址"
    添加到 github。 复制密钥文件内容(路径形如C:\Users\Administrator.ssh\id_rsa.pub),粘贴到New SSH Key即可。
    测试是否添加成功。在命令行(即Git Bash)依次输入以下命令,返回“You’ve successfully authenticated”即成功:
    ssh -T git@github.com
    yes

3.修改_config.yml(在站点目录下)。文件末尾修改为:

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
  type: git
  repo: git@github.com:<Github账号名称>/<Github账号名称>.github.io.git
  branch: master

注意:上面仓库地址写ssh地址,不写http地址。在冒号后面一定要加空格,不然会报错的。

4.推送到GithubPages。在命令行(即Git Bash)输入以下命令, 返回INFO Deploy done: git即成功推送:
hexo d -g(下载好了hexo-deployer-git插件不会报错)

等待1分钟左右,浏览器访问网址: https://Github账号名称.github.io

至此,您的Hexo博客已经搭建在GithubPages, 域名为https://Github账号名称.github.io

 

 

 

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

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值