用Hexo搭建博客入门教程-搭建环境生成hexo静态页面(一)

简介: 用Hexo搭建博客入门教程-搭建环境生成hexo静态页面(一)

1:安装node

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

如果不会安装,可以参考教程:

https://www.runoob.com/nodejs/nodejs-install-setup.html

查看node的版本号

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

输入命令: node -v

2:安装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

安装主题NexT

git clone https://github.com/iissnan/hexo-theme-next themes/next

打开项目配置文件

进行修改

theme: next

运行

hexo s --debug

相关文章
|
存储 对象存储 CDN
Hexo从0到1搭建博客系列04:图床的最佳实践
Hexo从0到1搭建博客系列04:图床的最佳实践
399 0
|
3月前
|
前端开发 搜索推荐 JavaScript
hexo本地部署-图文教程
关于Hexo本地部署的详细图文教程,介绍了如何安装Hexo、配置主题、创建页面以及进行个性化设置。
hexo本地部署-图文教程
|
域名解析 前端开发 Cloud Native
【阿里云开发】一键部署静态博客——Hexo
【阿里云开发】一键部署静态博客——Hexo
439 0
【阿里云开发】一键部署静态博客——Hexo
|
存储
Hexo从0到1搭建博客系列03:文章与评论模块
Hexo从0到1搭建博客系列03:文章与评论模块
|
JavaScript Shell 网络安全
使用Hexo从0到1搭建个人博客详细教程(超详细,超简单)
使用Hexo从0到1搭建个人博客详细教程(超详细,超简单)
3343 1
|
SQL JavaScript 前端开发
Hexo从0到1搭建博客系列01:浅尝Hexo
Hexo从0到1搭建博客系列01:浅尝Hexo
130 0
|
JavaScript Ubuntu 网络安全
Hexo 个人博客搭建
hexo Github Pages博客搭建全过程 声明: 演示环境为Ubuntu 16.04,记录时间为16~17年。 创建仓库 !NOTE 目的是使用GitHub Pages来部署我们的博客。 注册GitHub账号,官网地址:https //github.com/ 登录后如下图,点击创建仓库
112 0
|
JavaScript 前端开发 Shell
Hexo系列(一) 搭建博客网站
Hexo系列(一) 搭建博客网站
160 0
|
JavaScript Linux 开发工具
Linux安装Hexo,打造个人博客
Linux安装Hexo,打造个人博客
Linux安装Hexo,打造个人博客
|
JavaScript
使用 hexo 框架 快速搭建个人博客(一)
使用 hexo 框架 快速搭建个人博客(一)
162 0
使用 hexo 框架 快速搭建个人博客(一)
下一篇
DataWorks