【Hexo】使用hexo搭建个人博客

hexo搭建个人博客教程

1.hexo是什么

Hexo是高效的静态站点生成框架,她基于Node.js。通过 Hexo 你可以轻松地使用Markdown 编写文章,除了Markdown 本身的语法之外,还可以使用Hexo提供的标签插件来快速的插入特定形式的内容,而且相对于其他框架,Hexo在速度上也有很大优势。

2.安装node.js

我们了解到Hexo基于Node.js的,那么我们搭建博客网站首先需要安装Node.js环境。 Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境,可以在非浏览器环境下,解释运行 JS 代码。

下载地址:http://nodejs.cn/download

测试安装:命令行使用node -v 、npm -v,查看显示版本号即成功。

【Hexo】使用hexo搭建个人博客_第1张图片

下面我们需要更换npm的镜像

npm get registry
npm config set registry http://registry.npm.taobao.org/

3.安装Hexo

Hexo是一个建站工具,可以帮助我们快速生成基本的博客文件,安装它需要在控制台下使用如下命令:

npm install hexo-cli -g

安装完成之后可以查看一下版本

hexo –v

出现下图就说明安装完成
【Hexo】使用hexo搭建个人博客_第2张图片

4.新建站点

新建一个站点
hexo init myblog
新建完成之后cd myblog 进入该目录安装依赖

在这里插入图片描述

npm install

【Hexo】使用hexo搭建个人博客_第3张图片

所有依赖完全安装之后就可以编译代码,启动服务了
hexo g

【Hexo】使用hexo搭建个人博客_第4张图片

hexo s

启动服务

1554849425493

地址栏输入:http://localhost:4000 就可以看到效果了

【Hexo】使用hexo搭建个人博客_第5张图片

5.部署站点到github上

首先安装git,已安装的同学请跳过

git官网:https://git-scm.com/download
【Hexo】使用hexo搭建个人博客_第6张图片

可根据自己的系统来选择下载

安装完成之后 在桌面右键 出现该选项就说明安装成功了
【Hexo】使用hexo搭建个人博客_第7张图片

登录自己的github 创建一个repository
在这里插入图片描述

将ssh地址 复制在hexo的配置文件中
【Hexo】使用hexo搭建个人博客_第8张图片
【Hexo】使用hexo搭建个人博客_第9张图片

设置SSH keys

设置为你的邮箱地址

ssh-keygen -t rsa -C "yourmail"

然后在C:\Users\Administrator 路径下 有.ssh文件夹 打开后可以看到 刚刚生成的秘钥信息
【Hexo】使用hexo搭建个人博客_第10张图片
【Hexo】使用hexo搭建个人博客_第11张图片

点击add ssh key 就完成了ssh key的添加

最后再来检测一下

ssh -T [email protected]

在这里插入图片描述

下面就可以部署了

生成静态页面
hexo generate 或者 hexo g
部署
hexo deploy 或者 hexo d

然后输入我们的github地址 https://chenylz.github.io 就可以看到效果啦

你可能感兴趣的:(Hexo,hexo,个人博客)