使用Hexo博客驱动,以GitHub作为托管部署网站的详细解决方案(教程)

需要准备:git,node.js,以及GitHub账号

git官网下载安装

  1. 由于git官网下载实在是太慢了,我给出天翼云盘下载链接,注意git版本不是最新版(版本无所谓),如果你需要git最新版本或其它版本下载,官方下载地址
  2. 第二步,下载好之后双击exe执行文件,计算机会弹出”你要允许你的设备对此更改吗”,选择”是”即可,接下来进入git安装界面,选择”next”下一步,选择安装路径你可以选择它默认路径也可以自己选择安装目录,之后就无脑点击”下一步”就可以了继续下一步到最后点击install安装最后”next”,git正式安装完毕。

    node.js官网下载安装

    node.js安装方法和git大体相同我就不做过多说明了,天翼云盘下载链接,以及官方下载地址

    GitHub官网注册账号(如果已有账号直接登录,我对注册做一个简单教程)

    网址输入https://github.com/,点击sign up,账号创建好了之后,登录账号,头像旁点击”加号”形状的按钮
    弹出下拉菜单选择”new repository”创建存储库,存储库名称为”你的GitHub用户名”+github.io,
    示列:我的GitHub用户名是”a1046700338”,即”a1046700338.github.io”,最后点击”Create repository”,你的存储库就创建好了,选择”your repository”可以查看你的库

    通过git连接GitHub

  3. 在电脑桌面,鼠标右键选择”git bash here”,进入了vim命令界面
  4. 设置用户名和邮箱
    git config --global user.name "xxx" (引号内你的用户名)
    git config --global user.email "xxx@xxx.com" (引号内你的账号邮箱)

    3.创建SSH密匙

    ssh-keygen -t rsa -C "xxx@xxx.com" (引号内你的账号邮箱)然后一路回车,ssh文件默认创建在”C:\Users\用户.ssh”文件路径下,把”隐藏的项目”勾选打开就可以看到隐藏的文件了

    4.登陆 GitHub 添加ssh密钥

    进入 Settings 页面,选择左边栏的 SSH and GPG keys,点击 New SSH key,粘贴复制的 id_rsa.pub 内容到 Key 中,点击 Add SSH key 完成添加。

    5.验证连接

    打开”git bash here”,输入 ssh -T git@github.com ,出现 “Are you sure……”,输入 yes 回车确认。显示 “Hi xxx! You’ve successfully……” 即连接成功。

    安装本地Hexo博客

  5. 新建一个文件夹用来存放 Hexo 的程序文件,如 Hexo-Blog。打开该文件夹,右键 -> Git Bash Here。
  6. 使用 npm 一键安装 Hexo 博客程序(阿里源下载)
    npm install -g hexo-cli --registry https://registry.npm.taobao.org
    安装时间有点慢,界面没任何反应,请耐心等待。
  7. 一键部署Hexo
    hexo deploy 输入
  8. 安装hexo-deployer-git工具
    npm install hexo-deployer-git --save
  9. 修改hexo安装根目录文件下的”_config.yml”文件末尾的 Deployment 部分,修改成如下:
    1
    2
    3
    4
    deploy:
    type: git
    repo: https://github.com/你的用户名/你的用户名.github.io
    branch: gh-pages

    branch: gh-pages(这个分支只是我自创的分支具体根据你的默认分支来填写),默认分支注意branch里填写和你GitHub里默认分支一样的值。 注意冒号后打一个空格

  10. 之后运行hexo d将网站上传部署到 Gitee Pages。
    这时访问我们的 GitHub(gitee)域名
    地址栏输入https://用户名.github.io 就可以看到 Hexo 网站了。
  11. 进入博客所在目录,右键打开 Git Bash Here,创建博文:
    hexo new "My New Post"

Hexo入门到精通

熟练掌握hexo基本知识之后就会觉得hexo其实也没多难,so easy,言归正传,接下来就是教你如何使用git工具对hexo进行页面创建、修改、部署并发布的一整套流程

待写

一些常见的hexo命令

  • hexo new “name” # 新建文章
  • hexo new page “name” # 新建页面
  • hexo g # 生成页面
  • hexo d # 部署
  • hexo g -d # 生成页面并部署
  • hexo s # 本地预览
  • hexo clean # 清除缓存
  • hexo help # 帮助

此篇文章引用到的内容以及转载的帖子,感谢这些大佬的分享

作者:吴润 转载自

知乎平台

作者:crystal 转载自

知乎平台