用Hexo搭建博客-搭建环境生成hexo静态页面

602 阅读1分钟

1:安装node

下载:nodejs.org/en/download…

端开发框架和环境都是需要 Node.js ,先安装node.js开发环境,vue的运行是要依赖于node的npm的管理工具来实现,下载nodejs.org/en/,安装完成之后,打开cmd开始输入命令。(我用的是win10系统,所以需要管理员权限,右键点击以管理员身份运行cmd),不然会出现很多报错。

如果不会安装,可以参考教程: www.runoob.com/nodejs/node…

查看node的版本号

下载好node之后,以管理员身份打开cmd管理工具,,输入 node -v ,回车,查看node版本号,出现版本号则说明安装成功。

输入命令: node -v

2:安装git

后面需要用到git工具,所以要提前安装了。

###3:安装Hexo 首先全局安装 yarn

npm install -g yarn

安装完成,查看版本 查看版本命令yarn --version

继续通过Yarn来全局安装Hexo. 命令

yarn global add hexo

完成安装显示

####4:初始化项目 在D盘新建一个myblog目录,作为hexo目录.

cd myblog 进入新建文件夹 执行 hexo init

如果在hexo init的时候出现这样的提示

'hexo' 不是内部或外部命令,也不是可运行的程序 或批处理文件。

需要 在新建目录底下执行 npm install -g hexo-cli

###5:安装主题NexT git clone github.com/iissnan/hex… themes/next

打开项目配置文件

进行修改 theme: next

##6:运行 hexo s --debug

在浏览器里面打开 http://localhost:4000/ 可以看到,已经用用Hexo搭建了一个基础的博客了