美文网首页简书年度热门文章精选hexo效率
手把手教从零开始在GitHub上使用Hexo搭建博客教程(一)-

手把手教从零开始在GitHub上使用Hexo搭建博客教程(一)-

作者: seay | 来源:发表于2016-05-30 01:31 被阅读9340次
手把手教GitHub+Hexo博客搭建

系列教程列表:

前言

有朋友问了我关于博客系统搭建相关的问题,由于是做开发相关的工作,我给他推荐的是使用github的gh-pages服务搭建个人博客。

推荐理由:

  1. 免费:github提供gh-pages服务是免费的,有300MB空间;
  2. 开源:由于github开源的原因,有很多人参与其中,自然技术支持很好。
  3. 便捷:博客完全托管在github上,基本上不需要花时间去管理,博客使用Markdown语法,上手很容易。

需要了解的内容(能掌握更好):

  • html+css+javascript
  • git基本语法
  • markdown语法
  • nodejs

目前,在github上搭建博客系统使用最多就是HexoJekyll
Hexo是基于Nodejs开发的,Jekyll是基于Ruby开发的。

通过两个系统使用的比较,个人习惯喜欢Hexo,所以本文介绍的是Hexo搭建博客,如果你对Jekyll也有兴趣,可自行学习。

说明:
文中出现的命令,Windows用户注意,命令前面有 $ 的表示在Git Bash中执行,没有的在CMD命令窗口执行。
Linux和MAC系统在终端下不区分。

安装Git客户端

已安装过的用户略过

  1. 下载Git客户端:下载地址 Git客户端安装
  2. 安装Git客户端:Windows用户直接Next就可以了。Mac和Linxu系统的用户可通过命令方式安装,这里不详细介绍了。

注册GitHub

老手和已注册过的用户略过

  1. 打开GitHub官网:https://github.com/
  2. 填写注册信息进行注册操作:没有登录的用户打开网站首页就会显示注册的操作(如图所示),或者是点击Sign up按钮进入注册详情页。
    GitHub注册
  3. 填写好注册信息,点击Sign up for GitHub(注册)按钮后,接下来是选择协议部分。根据自己的情况选择相关的协议,一般人选的都是免费的那一项。

创建仓库

  1. 登录github账号:在github首页点击Sign in按钮进入登录页面。填写用户名或邮箱和密码,点击Sign in按钮登录。
    登录GitHub
  2. 点击创建仓库:点击在登录的用户图像左边的+号和下三角符号按钮。
    点击创建仓库
  3. 填写创建仓库信息:
    仓库名称必须是用户名.github.io(别问我为什么,人家就是这样规定的),比如我的用户名是SeayXu,就是SeayXu.github.io。
    填写创建仓库信息
  4. 填写好相关信息,点击Create repository(创建仓库)按钮。

配置SSH

老手和已配置过的用户略过

  1. 打开Git Bash终端:在桌面右键,会出现"Git Bash here"的选项,点击即可。
  2. 设置user name和email:
$ git config --global user.name "你的GitHub用户名"
$ git config --global user.email "你的GitHub注册邮箱"
  1. 生成ssh密钥:输入下面命令
$ ssh-keygen -t rsa -C "你的GitHub注册邮箱"

一般情况下是不需要密码的,所以,接下来直接回车就好。
此时,在用户文件夹下就会有一个新的文件夹.ssh,里面有刚刚创建的ssh密钥文件id_rsaid_rsa.pub
注:id_rsa文件是私钥,要妥善保管,id_rsa.pub是公钥文件。

  1. 添加公钥到github:
    点击用户头像,然后点击显示的Settings(设置)选项;
    Hexo博客交流群

相关文章

网友评论

  • 咻咻ing:用Gitee搭建博客,速度稳定不怕被墙,好像还不错
    https://www.jianshu.com/p/5014133ba61a
  • 饥人谷_hehe1111:你好,我想请问一下,Windows 上用 Hexo + GitHub 搭建博客,不用 Hexo 便携版,而是用命令行来搭建可以吗?
    seay: @饥人谷_hehe1111 只要有环境就可以
  • 小宾丶:博客文件夹是在那里创建?
    seay: @小宾丶 你自己想在哪里创建就在哪里
  • 53ef9dbf79fc:楼主 想问个问题 在配置ssh的时候 原来已经有一对密钥了 这时候要怎么办 除了覆盖 还有什么方法吗
    seay:@53ef9dbf79fc 当然有的,请看上面的<配置多个SSH>
  • 小乌龟变王八:准备搭建一个博客玩一玩,刚好看的,一步一步来的,为什么没有安装成功呢:pensive:
    abd42bce169a:搭好了网站很开心 有个疑问 github中那个项目里要写什么 后续的文章该怎么上传呢
    小乌龟变王八: @seayxu 刚刚加群了。太晚,不太好意思。明天再问吧!
    seay: @小乌龟变王八 进群发具体问题问
  • 以梦为摆:repo: git@github.com:SeayXu/seayxu.github.io.git
    这边应该有点问题
    我试了试,没成功,后来改为类似 repo: https://github.com/seayxu/seayxu.github.io
    好像就好了
    以梦为摆:@seayxu 配置好了吧???检测过了
    seay:@以梦为摆 这个是没有配置好 ssh 吧
  • ALEXIRC:初始化hexo,hexo init是在哪个文件下执行的???
    seay:@cc_M 在你的博客文件夹目录下,这个你自己决定
  • seay:@小董君 谢谢你的支持 :pray:
  • 不明旧理的下铭:在输入“npm install”之后就出现——
    “npm WARN optional Skipping failed optional dependency /chokidar/fsevents:
    npm WARN notsup Not compatible with your operating system or architecture: fsevents@1.0.12”
    该怎么办呢,,好像是安装失败了,,
    seay:@不明旧理的下铭 我没有遇到过这个,也没有人跟我反应。要不你再重新试试,或者可以帮你远程看看。QQ:2267930027
    不明旧理的下铭:@SeayXu 但是我是win10啊😢
    seay:@不明旧理的下铭 fsevents 是 OS X 系统的
  • c66686a8e46c:在测试SSH时,出现PTY allocation request failed on channerl 0 , 怎么处理呢?
    seay:@jwllls
    ssh git@github.com
    //正常情况下,回显如下
    PTY allocation request failed on channel 0
    Hi plinx! You've successfully authenticated, but GitHub does not provide shell access.
    Connection to github.com closed.
  • 0569cd7bce2a:按你的操作,没有生成.ssh文件夹,怎么办?
    患了失忆症的妮小小:@paddyzhu mac系统下默认是隐藏文件,你需要显示隐藏文件才可以看得到!不知道你是不是这个原因。
    seay:@paddyzhu 自己新建一个,一般第一次生成ssh密钥默认会生成的
  • seay:@liyang20160111 非常感谢你的打赏 :+1:
    7dfa9c18c1d1:@SeayXu 客气
  • EXLEI:$ hexo deploy
    ERROR Deployer not found: git

    安装 hexo-deployer-git。
    $ npm install hexo-deployer-git --save
    seay:@EXLEI 是的,需要这个插件
  • 381f16a66db8:赞
    seay:@恣意321 谢谢支持
  • 翻滚的前端程序员:我想知道我在不同机子上怎么同步
    seay:@翻滚的程序员 不需要,可以新建一个分支就可以了,我会在后面的文章中介绍如何自动化生成部署
    翻滚的前端程序员:@SeayXu 源码重新建个库嘛
    seay:@翻滚的程序员 你可以把源码也放在github上,这样就可以在不同电脑上同步了
  • 7dfa9c18c1d1:http://&lt;用户名>.github.io 查看。
    这一步之前都很正常,为什么到了这里,我在浏览器上输入网址,却提示404了呢?
    7dfa9c18c1d1:@SeayXu 我能生成静态网页,但是部署到github上就失败了,我检查了下,GitHub的设置中也加了公钥了,我在配置文件中的改写也没有问题,我实在不知道问题出在什么地方。。。
    7dfa9c18c1d1:@SeayXu liyang123
    seay:@liyang20160111 你可把你的github用户名发一下,我可以看一下
  • e0443c11fb2c:启动之后,打开浏览器,在地址栏输入:http://localhost:4000
    到这里就无限转圈了,之前看过其他教程操作后也是卡在这步。。
    e0443c11fb2c:@SeayXu hexo server得到的信息是上面这行,打开http://0.0.0.0:4000/是404错误,打开http://localhost:4000就是无限转圈。

    操作到3、安装依赖$ npm install 后无任何反馈正常吗
    seay:@ldm2525 没有关系,我的也是win10系统.
    C:\Users\Seay\Desktop\blog>hexo server
    INFO Start processing
    INFO Hexo is running at http://0.0.0.0:4000/. Press Ctrl+C to stop.
    上面是运行成功的信息,你看有没有报错信息。
    e0443c11fb2c:@ldm2525 跟我系统是WIN10有关系吗
  • 22428749be1f:Jekyll 是基于Ruby的,不是Python
    seay:@EaiLFlyBai 是的,写错了,谢谢你的提醒
  • 华之曦:以踩过坑的身份来说,讲解的很详细,很不错的。
    seay:@Huazhixi 谢谢,我也是过来人。
  • 世界第一帅的人:感谢到炸裂!
    seay:@臧冽 非常感谢你的打赏
    seay:@臧冽 :relieved: 能够帮到你就好,后面一篇会介绍hexo配置,欢迎关注
  • 向日葵的笑:可以运行python吗
    seay:@抹茶与橙汁 不客气 :blush:
    向日葵的笑: @SeayXu 嗯嗯。谢谢呀
    向日葵的笑:@抹茶与橙汁 我有python的基础js也会一点可以吗
  • d1488a25a33c:挺好 这个博客可以运行php吗?
    seay: @lietu 目前不支持PHP
    d1488a25a33c:@SeayXu 那要怎么样才可以在github pages里运行php呢?
    seay:@lietu 现在不可以
  • 菜哥:刚刚想建一个自己的博客,就看到了,哈哈,还好有前端基础,赶紧搞起
    seay:@菜哥 有基础更好,对你有帮助就好

本文标题:手把手教从零开始在GitHub上使用Hexo搭建博客教程(一)-

本文链接:https://www.haomeiwen.com/subject/iotqdttx.html