通过 《利用Hexo搭建个人博客-环境搭建篇》 以及 《利用Hexo搭建个人博客-博客初始化篇》,我们了解到了利用Hexo搭建个人博客需要的环境以及配置,下面这篇文章将会介绍如何把我们的博文发布到github上。

1 GitHub 配置

在《利用Hexo搭建个人博客-环境搭建篇》 一文中,我们对Github有了一个基本的了解,并且已经在本地搭建好了git的基本环境。如果想要发布博文到github上,我们还需要到github上去进行用户的注册。

1.1 注册GitHub

链接: 点击访问

1> 点击访问上述链接,如下图点入用户名、邮箱、密码,点击 Sign up for GitHub 按钮进入下一步

2> 如图,选择红色方框中的免费模式,当然如果你有其他需求也可以选择付费的其他模式,点击 Finish sign up 完成注册

3> 完成上述步骤后,你的注册邮箱将会收到一封来自GitHub的验证邮件, 登陆邮箱点击访问邮件中的邮件链接进行验证。
如果你没有收到激活邮件,可以按照下面的步骤说明和图片进行操作:
  a> 点击 1 标注处的下拉菜单, 选择 Setting
  b> 点击 2 标注处的 Emails
  c> 点击 3 标注处的 Resend 重新发送验证邮件

1.2 添加SSH Key

注册完以后,为了让我们的电脑能直接免密码通过SSH访问GitHub,需要将我们的SSH Key添加到GitHub上。
首先我们需要打开终端,跟着下面的步骤进行操作即可。
1> 执行以下命令,检查我们的终端是否已经存在SSH Key

$ ls -al ~/.ssh

如果你的电脑已经存在SSH Key,终端将会显示如下图所示的内容, 此时可以跳过 第2步 直接到 第3步 。

xiaoxuetu:~ kevin$ ls -al ~/.ssh/
total 80
drwx------   9 kevin  staff    306 Aug 23 23:51 .
drwxr-xr-x+ 45 kevin  staff   1530 Sep  4 00:28 ..
-rw-------   1 kevin  staff   1679 Aug  9  2014 id_rsa
-rw-r--r--   1 kevin  staff    399 Aug  9  2014 id_rsa.pub

2> 执行以下命令生成 SSH Key

$ ssh-keygen -t rsa -b 4096 -C "your_email@example.com"

注意
我们推荐使用默认的配置,所以接下来如果提示

Enter file in which to save the key (/Users/you/.ssh/id_rsa): [Press enter]`

或者

Enter passphrase (empty for no passphrase): [Type a passphrase]
# Enter same passphrase again: [Type passphrase again]

我们都直接按Enter即可

3> 添加SSH Key 到 ssh-agent 中

$ eval "$(ssh-agent -s)"
$ ssh-add ~/.ssh/id_rsa

4> 复制SSH Key 到 剪贴板中
  a> 方式1: 使用pbcopy命令,如果你的电脑不支持该命令,可以使用方式二

$ pbcopy < ~/.ssh/id_rsa.pub

b> 方式2: 先使用cat命令读取展现内容到终端,选择终端展现出来的SSH Key复制

$ cat < ~/.ssh/id_rsa.pub

5> 添加我们刚才复制的SSH Key到账户中
  a> 点击 1 标注处的下拉菜单, 选择 Setting
  b> 点击 2 标注处的 SSH Keys
  c> 点击 3 标注处的 Add SSH Key , 这个时候回出现 3 所标注区域的内容
  d> Title 处我们可以根据我们的规范随便命名,另外,将我们刚刚复制的 SSH Key 复制到 Key 中
  e> 点击 5 标注处的 Add Key 保存

6> 执行以下命令验证SSH Key是否添加成功

$ ssh -T git@github.com

执行的时候终端会提示以下内容,我们直接输入yes即可

The authenticity of host 'github.com (207.97.227.239)' can't be established.
# RSA key fingerprint is 16:27:ac:a5:76:28:2d:36:63:1b:56:4d:eb:df:a6:48.
# Are you sure you want to continue connecting (yes/no)?

如果添加成功了,终端将会输出

Hi username! You've successfully authenticated, but GitHub does not
# provide shell access.

1.3 新建Repository

最后,我们需要创建一个Repository进行我们的博客托管,这个Repository的命名必须遵循以下规范

username.github.io

例如,我的用户名是xiaoxuetu,那么我的这个Repository名字就必须是 xiaoxuetu.github.io

至此,我们关于GitHub的配置已经完成。

2 Hexo 配置

为了让我们能够方便的将博客部署到GitHub中,Hexo提供了 hexo-deployer-git 组件,下面我们来进行简单的说明。

2.1 配置Deploy插件

1> 打开我们的博客根目录下的 _config.yml 文件,设置deploy的信息,注意要讲repository的链接替换成你所见的repository对应的链接

deploy:type: git                                                      # 设置发布类型,如git     repository: git@github.com:xiaoxuetu/xiaoxuetu.github.io.git   # 设置repository对应的链接branch: master                                                 # 设置提交到的分支message: Site updated at {{ now("YYYY-MM-DD HH:mm:ss") }}      # 设置我们提交的信息

2.2 发布

1> 执行以下命令生成博客的静态页面

$ hexo g # 等同于 hexo generate, g 就是 generate 的缩写

2> 执行以下命令将我们生成的博客静态页面上传到GitHub

$ hexo d # 等同于 hexo deploy, d 就是 deploy 的缩写

3> 打开浏览器访问 username.github.io 即可访问我们刚部署到Github上的博客啦,比如我的就是 xiaoxuetu.github.io
以后如果我们再次添加了一篇新的博客,我们只要继续按照上面 第 1 步 第 2 步 进行生成静态页面、部署到GitHub上即可。
如果有遇到一些资源不对或者其他问题时,可以尝试执行以下命令清除已经生成的静态文件,再重新执行上面的 第 1 步 第 2 步 即可。

$ hexo clean # 删除已经生成的静态页面

3 结束语

至此,我们已经顺利地利用Hexo搭建了属于我们自己的个人博客啦~ 大家一定要积极多发表原创作品哦!

转载于:https://www.cnblogs.com/xiaoxuetu/p/hexo-issue.html

利用Hexo搭建个人博客-博客发布篇相关推荐

  1. 利用Hexo搭建个人博客-博客初始化篇

    上一篇博文 <利用Hexo搭建个人博客-环境搭建篇> 中,我们讲解了利用Hexo搭建个人博客应该要配置哪些环境. 相信大家已经迫不及待的想要知道接下来应该要怎么把自己的博客搭起来了,下面, ...

  2. 使用 Github Pages 和 Hexo 搭建自己的独立博客【超级详细的小白教程】

    欢迎关注我的专栏:<个人博客搭建:Hexo+Github Pages>,从搭建到美化一条龙,帮你解决 Hexo 常见问题! 推荐阅读:<Hexo 博客优化之博客美化系列(持续更新)& ...

  3. 使用Github Pages和Hexo搭建自己的独立博客【超级详细的小白教程】

    文章目录 ● 前言 ● 入门 ● 安装 Node.js ● 安装 Git • 检验Git是否安装成功 ● 安装Hexo • Hexo 初始化配置 ● 本地查看效果 ● 将博客部署到 Github Pa ...

  4. 一文教你通过 hexo 搭建自己的个人博客以及配置主题

    大家好,我是Smooth,一名大二的前端爱好者,目标成为一名高级前端开发工程师 一文从头到尾教你通过 hexo 搭建自己的个人博客以及配置喜欢的主题 本篇文章将从头到尾详细地教你如何通过 hexo 搭 ...

  5. 【基础】利用 hexo + Gitpage 开发自己的博客

    原文作者:cherry 原文地址:[基础]利用 hexo + Gitpage 开发自己的博客 进入程序员这个坑之后就开始自己在网上扒资料,然而资料太多,情况太复杂,主要是看见别人的博客,感觉好高大上, ...

  6. 如何利用wordpress搭建自己独立的博客(个人网站)

    原址:http://blog.csdn.net/edroid1530/article/details/51136896 如何利用wordpress搭建自己独立的博客(个人网站) 搭建博客的方式多种样, ...

  7. 【保姆级】利用Github搭建自己的个人博客,看完就会

    大家好,我是辰哥~ 作为一名喜欢技术的爱好者,平时喜欢把自己学习技术的心得或者一些踩坑.易错的过程记录下来,首选的是技术平台(博客),今天辰哥来教大家如何利用Github来搭建一个自己的个人博客平台. ...

  8. 利用git搭建自己的个人博客

    转载请标明出处:  http://blog.csdn.net/lmj623565791/article/details/51319147:  本文出自:[张鸿洋的博客] 一.概述 哈,本篇博客不属于A ...

  9. 基于github和hexo搭建属于自己的博客

    虽然网络上已经有很多教程,但还是觉得把搭建过程自己描述下来更好! 操作步骤: 可以自行搜索安装node.js和配置node.js环境,通过cmd命令或终端查看是否成功,成功界面如下: ps:版本可以不 ...

最新文章

  1. TensorFlow练习25: 使用深度学习做阅读理解+完形填空
  2. unity黑白滤镜_unity颜色分级图像滤镜着色器Fast Mobile Color Grading 1.0
  3. 生成ssh key (Mac Linux )
  4. 03、Swagger2和Springmvc整合详细记录(爬坑记录)
  5. 参考地、保护地、大地的概念
  6. pytorch torch.detach函数(返回一个新的`Variable`,从当前图中分离下来的)
  7. 自定义控件的构建(12)
  8. spring freemarker 获取后端的值
  9. .NET连接SQL Server
  10. 6.0 增加京东支付
  11. springboot 使用i18n进行国际化发生乱码问题
  12. 如何利用python爬取豆瓣250排行电影
  13. vmware 常用知识
  14. Hive指定位置增加字段及解决columns have types incompatible with the existing columns in their respective positio
  15. hash(哈希)是什么
  16. 麦吉尔大学计算机工程的世界排名,不只是知名大学:麦吉尔大学你需要知道这些!...
  17. 【学习方法】 高效记忆秘籍,背书轻松开挂!3个方法专治记不住忘得快,让你像喝水一样高效学习!
  18. 安装完黑苹果之后该做的事情
  19. MySQL02--高级(BTreeB+Tree、聚簇索引非聚簇索引、性能分析(Explain)、索引、sql优化)
  20. Android技术内幕.系统卷

热门文章

  1. HDU 2303 The Embarrassed Cryptographer
  2. jsp网页实现任意进制的数转换成任意进制数
  3. (21)Verilog HDL结构:task语句
  4. (50)FPGA面试题消除一个glitch实现
  5. 教你如何在STM32中使用DSP指令
  6. ios 请在设置中打开相机权限_在iOS中请求摄像头权限对话框启动(Prime权限)
  7. 用c++自制词法分析器_编译原理笔记 02 词法分析
  8. 【蓝桥杯嵌入式】【STM32】6_ADC之LCD实时显示电压值
  9. 东方通 no suitable default request_【官】海宁鸿翔东方郡璀璨来袭,不容错过!【营销官网】...
  10. (10)魔兽文件打包器里的传奇哈希表