用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

相关文章
|
9月前
|
存储
Hexo从0到1搭建博客系列03:文章与评论模块
Hexo从0到1搭建博客系列03:文章与评论模块
|
9月前
|
SQL JavaScript 前端开发
Hexo从0到1搭建博客系列01:浅尝Hexo
Hexo从0到1搭建博客系列01:浅尝Hexo
|
域名解析 前端开发 Cloud Native
【阿里云开发】一键部署静态博客——Hexo
【阿里云开发】一键部署静态博客——Hexo
334 0
【阿里云开发】一键部署静态博客——Hexo
|
11月前
|
JavaScript Shell 网络安全
使用Hexo从0到1搭建个人博客详细教程(超详细,超简单)
使用Hexo从0到1搭建个人博客详细教程(超详细,超简单)
1173 0
|
11月前
|
JavaScript Ubuntu 网络安全
Hexo 个人博客搭建
hexo Github Pages博客搭建全过程 声明: 演示环境为Ubuntu 16.04,记录时间为16~17年。 创建仓库 !NOTE 目的是使用GitHub Pages来部署我们的博客。 注册GitHub账号,官网地址:https //github.com/ 登录后如下图,点击创建仓库
83 0
|
JavaScript 前端开发 Shell
Hexo系列(一) 搭建博客网站
Hexo系列(一) 搭建博客网站
116 0
|
JavaScript
Hexo 入门指南(七) - 评论 & 分享
Hexo 入门指南(七) - 评论 & 分享
52 0
|
JavaScript Linux 开发工具
Linux安装Hexo,打造个人博客
Linux安装Hexo,打造个人博客
Linux安装Hexo,打造个人博客
|
JavaScript
【Hexo基本使用】零基础,快速搭建属于自己的个人博客!
本文包含以下内容:Hexo安装,Hexo基础指令与配置,Hexo切换主题,Hexo部署。 最将自己的博客改为了Hexo静态网页。
258 0
|
域名解析 前端开发 JavaScript
Hexo+Github+vercel 搭建个人博客教程(二)
这篇教程接上篇教程,在上篇教程的基础上在进行
953 1