技术教程

小白搭建hexo博客并部署到github上简明教程

hexo是由Node.js驱动的一款快速、简单且功能强大的博客框架,支持多线程,数百篇文章只需几秒即可生成。支持markdown编写文章,可以方便的生成静态网页托管在github上。

感觉不错。

前端人员都在用github分享自己的代码。所以想着用hexo部署到git上。搞一个自己的博客。

准备:

安装Node.JS

下载地址:https://nodejs.org/en/download/

安装Git

下载地址:http://git-scm.com/download/

Git官网根据你的电脑参数,下载对应版本。

下载完成,通过在命令行输入 git version 查看是否安装成功,有输出版本号说明安装成功。

鼠标邮件菜单里就多了Git GUI HereGit Bash Here两个按钮,一个是图形界面的Git操作,一个是命令行,我们选择Git Bash Here

 

Hexo

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。

一、Hexo安装

桌面右键鼠标,点击Git Bash Here,输入npm命令即可安装

第一句是安装hexo,第二句是安装hexo部署到git page的deployer,两个都需要安装。

如下图即安装完成。

二、Hexo初始化配置

创建Hexo文件夹

安装完成后,根据自己喜好建立目录(如F:\Blog\Hexo),直接进入F:\Blog\Hexo文件夹下右键鼠标,点击Git Bash Here,进入Git命令框,执行以下操作。

安装 Hexo 完成后,Hexo 将会在指定文件夹中新建所需要的文件。Hexo文件夹下的目录如下: 

本地查看效果

执行下面语句,执行完即可登录localhost:4000查看效果

hexo clean

登录localhost:4000,即可看到本地的效果如下: 

将博客部署到Github Pages上

那么现在本地的博客已经搭建起来了,但是我们只可以通过本地连接查看我们的博客。那么我们现在需要做的就是把本地的博客发布到服务器上,让别人也可以连接我们的博客,而Github Pages就帮我完成了这件事情。但是Github Pages的代码就是寄存在Github上面的。那么接下来我们需要在Github上面创建一个新的项目。

一、注册Github账户

  1. 访问Github首页
  2. 点击右上角的 Sign Up,注册自己的账户

二、创建项目代码库

  1. 注册完登陆后,我们就创建一个我们自己的Github Pages项目。点击New repository

配置SSH密钥

1、检查SSH keys的设置

打开Git Bash首先我们需要检查你电脑上现有的ssh key:

  1. $ cd ~/.ssh

如果显示“No such file or directory”,跳到第三步,否则继续。

2、备份和移除原来的ssh key设置:

因为已经存在key文件,所以需要备份旧的数据并删除:

  1. $ ls
  2. config id_rsa id_rsa.pub known_hosts
  3. $ mkdir key_backup
  4. $ cp id_rsa* key_backup
  5. $ rm id_rsa*

3、生成新的SSH Key:

输入下面的代码,就可以生成新的key文件,我们只需要默认设置就好,所以当需要输入文件名的时候,回车就好。

  1. $ ssh-keygen -t rsa -C "邮件地址@youremail.com"
  2. Generating public/private rsa key pair.
  3. Enter file in which to save the key (/Users/your_user_directory/.ssh/id_rsa):<回车就好>

然后系统会要你输入加密串(Passphrase):

  1. Enter passphrase (empty for no passphrase):<输入加密串>
  2. Enter same passphrase again:<再次输入加密串>

最后看到这样的界面,就成功设置ssh key了:ssh key success

4、添加SSH Key到GitHub:

在本机设置SSH Key之后,需要添加到GitHub上,以完成SSH链接的设置。

用文本编辑工具打开id_rsa.pub文件,如果看不到这个文件,你需要设置显示隐藏文件。准确的复制这个文件的内容,才能保证设置的成功。

运行如下命令,将公钥的内容复制到系统粘贴板(clipboard)中。

在GitHub的主页上点击设置按钮,找到SSH and GPG keys:

Snipaste_2018-03-05_08-41-07.png

Snipaste_2018-03-05_08-41-21.png

第四步、测试

可以输入下面的命令,看看设置是否成功,[email protected]的部分不要修改:

如果是下面的反馈:

不要紧张,输入yes就好,然后会看到:

第五步、设置用户信息

现在你已经可以通过SSH链接到GitHub了,还有一些个人信息需要完善的。 Git会根据用户的名字和邮箱来记录提交。GitHub也是用这些信息来做权限的处理,输入下面的代码进行个人信息的设置,把名称和邮箱替换成你自己的,名字根据自己的喜好自己取,而不是GitHub的昵称。

第六步、SSH Key配置成功

本机已成功连接到github。

第一步、登录Github打开自己的项目 username.github.io

 

第二步、打开之后,点击SSH,选择SSH类型地址

 

第三步、复制地址

 

第四步、打开你一开始创建的Hexo文件夹(如F:\Blog\Hexo),用记事本打开刚文件夹下的_config.yml文件

 

第五步、在配置文件里作如下修改,保存

简单介绍一下他们的作用:

(0)

本文由 爱生活,爱Fuli 作者:haofun365 发表,转载请注明来源!

关键词:

热评文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注