美文网首页简书年度热门文章精选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