前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >用Hexo搭建博客入门教程-搭建环境生成hexo静态页面(一)

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

作者头像
王小婷
发布2019-07-15 15:30:53
7540
发布2019-07-15 15:30:53
举报
文章被收录于专栏:编程微刊编程微刊

1:安装node

下载:https://nodejs.org/en/download/

端开发框架和环境都是需要 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版本号,出现版本号则说明安装成功。

代码语言:javascript
复制
输入命令: node -v

2:安装git

3:安装Hexo

首先全局安装 yarn

代码语言:javascript
复制
npm install -g yarn

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

过Yarn来全局安装Hexo. 命令

代码语言:javascript
复制
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

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

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2019.07.13 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1:安装node
  • 2:安装git
  • 3:安装Hexo
    • 4:初始化项目
    • 安装主题NexT
    • 运行
    相关产品与服务
    命令行工具
    腾讯云命令行工具 TCCLI 是管理腾讯云资源的统一工具。使用腾讯云命令行工具,您可以快速调用腾讯云 API 来管理您的腾讯云资源。此外,您还可以基于腾讯云的命令行工具来做自动化和脚本处理,以更多样的方式进行组合和重用。
    领券
    问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档