最详细的Github+Hexo教程

最详细的Github+Hexo教程_第1张图片



  一直以为想写博客来锻炼自己的写作能力和总结平时工作中遇到的问题。最近比较闲,通过业余时间也,算把自己的博客搭建起来了。 百度上有很多很多教程,太乱太杂,所以我准备总结一下搭建Hexo+Github搭建过程,希望能帮到大家。

效果图



最详细的Github+Hexo教程_第2张图片

准备工作

  • 创建Github账号,创建库
  • Node.js和Git环境
  • 安装Hexo
  • 配置Hexo文件.和Github建立联系

创建Github账号,创建库

如果有github账号的老司机 可跳过此目录,和我一样的纯小白可以跟着步骤走.



最详细的Github+Hexo教程_第3张图片

1 登录Github Github



最详细的Github+Hexo教程_第4张图片

2 注册



最详细的Github+Hexo教程_第5张图片

3 创建库



最详细的Github+Hexo教程_第6张图片

4 填写库相关信息



最详细的Github+Hexo教程_第7张图片

5 这里的这个Url要保存 后面会用到,点击ADD REMAD创建一个描述,然后点击Setting



最详细的Github+Hexo教程_第8张图片

6 给库创建分支

Node.js和Git环境

node下载

Git下载

请根据自己的电脑平台相关安装包

安装过程请自行百度,还是比较容易的.

安装Hexo

  • 在电脑硬盘上创建一个文件夹用来作为Hexo的根目录,例如我是D:MyBlogs。
  • 点击鼠标右键 如果你安装了Git 应该会是下面这样
最详细的Github+Hexo教程_第9张图片
  • 在命令行输入


    npm install hexo-cli -g


    中间可能会出现很多警告 这都是正常的不要慌,然后继续输入

    npm install hexo --save

Hexo配置

1  初始化


hexo init

2  安装组件


npm install

3  体验本地Hexo 博客


hexo g (编译)
hexo s (本地部署)

//编译完会出现
INFO Hexo is running at http://0.0.0.0:4000/. Press Ctrl+C to stop.

打开浏览器进入会发现

最详细的Github+Hexo教程_第10张图片

然而

最详细的Github+Hexo教程_第11张图片

配置Hexo文件.和Github建立联系

怎么样才能和Github建立关系呢

  1. 配置git个人信息
  2. 添加ssh
  3. 配置Deployment

配置Deployment

  1. 设置Git的账号密码

git config --global user.name "yourname"
git config --global user.email "youremail"

  1. 添加ssh



    2.1 运行 git Bash 客户端,输入如下代码:

    $ cd ~/.ssh
    $ ls



    这是检测是否存在ssh,换句话说就是是否存在 id_rsa.pub 或 id_dsa.pub 文件,如果存在可以跳过下面



    2.2 创建SSH


    $ ssh-keygen -t rsa -C "[email protected]"



    接下来会让你输入1文件名和2次密码 可以直接回车跳过
    当你看到如下代码 表示创建成功

    Your identification has been saved in /c/Users/you/.ssh/id_rsa.
    Your public key has been saved in /c/Users/you/.ssh/id_rsa.pub.
    The key fingerprint is:
    01:0f:f4:3b:ca:85:d6:17:a1:7d:f0:68:9d:f0:a2:db [email protected]



    2.3 最后在C盘User文件夹 可以找到ssh文件夹 需要把id_rsa.pub文件 添加到github


    步骤是 Settings-->SSH and GPG Keys --->News SSH key
    然后把id_rsa里的内容复制进去
  2. 配置Deployment
    在你的hexo 跟目录下找到_config.yml 修改配置

    deploy:
    type: git
    repo: [email protected]:yourname/yourname.github.io.git (这里为你自己的github账号和地址)
    branch: master



    我的

    deploy:
    type: git
    repository: https://github.com/tony-xxw/wynne.github.io.git
    branch: master

绑定


hexo g // 生成
hexo d // 部署
hexo d -g #在部署前先生成

出现如下


3 files changed, 13 insertions(+), 28 deletions(-)
create mode 100644 content.json
Branch master set up to track remote branch master from https://github.com/tony-xxw/wynne.github.io.git.
To https://github.com/tony-xxw/wynne.github.io.git

  • d131d3c...acfdec8 HEAD -> master (forced update)
    INFO Deploy done: git

部署成功 你的地址为 https//yourname.github.io

常用指令


hexo clear (清理缓存)
hexo s debug (编译模式)
hexo g
hexo d
hexo d -g



尽情期待Hexo+主题~~



安利一波自己的博客

你可能感兴趣的:(最详细的Github+Hexo教程)