手把手教你搭建HEXO博客(一)

手把手教你搭建HEXO博客(一)_第1张图片
image

手把手教你搭建HEXO+Github博客 (系列教程一)

为什么推荐hexo+github?
最重要两点:简单、免费


环境搭建

node安装

百度搜索node,进入官网。下载稳定版:


手把手教你搭建HEXO博客(一)_第2张图片
image

下载好后直接打开安装


手把手教你搭建HEXO博客(一)_第3张图片
image

我这里将其安装在D盘(可以自己选择安装位置)
手把手教你搭建HEXO博客(一)_第4张图片
image

可以看到安装包中已经自带npm包管理工具


手把手教你搭建HEXO博客(一)_第5张图片
image

等待安装完成后,WIN+R打开运行对话框。输入cmd带开命令行控制程序。
手把手教你搭建HEXO博客(一)_第6张图片
image

输入node -v命令检测node是否安装成功。成功会显示出版本号
手把手教你搭建HEXO博客(一)_第7张图片
image

github注册

百度搜索github,进入官网注册。(注意:用户名跟你的博客域名有关,请慎重取名)

手把手教你搭建HEXO博客(一)_第8张图片
image

选择free
手把手教你搭建HEXO博客(一)_第9张图片
image

点击start
手把手教你搭建HEXO博客(一)_第10张图片
image

会叫你去验证邮箱
手把手教你搭建HEXO博客(一)_第11张图片
image

进入注册的邮箱,打开github给我们发送的邮件
手把手教你搭建HEXO博客(一)_第12张图片
image

点击验证链接
手把手教你搭建HEXO博客(一)_第13张图片
image

验证完成后点击start,创建仓库。仓库名必须为'用户名.github.io'
手把手教你搭建HEXO博客(一)_第14张图片
image

创建好后我们来新建个文件,点击Create new file
手把手教你搭建HEXO博客(一)_第15张图片
image

文件为index.html,内容为

Hello Github Pages


手把手教你搭建HEXO博客(一)_第16张图片
image

复制你的仓库名————用户名.github.io
手把手教你搭建HEXO博客(一)_第17张图片
image

在浏览器中粘贴,访问。看到如下页面(即使我们刚刚输入的内容)
手把手教你搭建HEXO博客(一)_第18张图片
image

视频教程-node安装
视频教程-github注册
To Be Continued...(未完待续)
支持作者请悦读百家号文章链接,谢谢~

你可能感兴趣的:(手把手教你搭建HEXO博客(一))