创作之路第一篇:配置环境并安装hexo

1 篇文章 0 订阅
1 篇文章 0 订阅

一、下载git
官网下载:https://git-scm.com/download/win
二、下载node.js
官网下载:https://nodejs.org/en/
三、安装hexo
在本地建立一个文件夹HexoSite,用于储存本地文件
在这里插入图片描述
右键HexoSite文件夹,选择Git Bash Here,打开命令git窗口在这里插入图片描述
①git命令安装hexo:npm install -g hexo

在这里插入图片描述

这里的路径是hexo的安装路径,安装成功后可在Roaming文件夹下看到npm文件夹,对应④中卸载命令:卸载成功后npm文件夹会消失。

②git命令初始化hexo:hexo init
在这里插入图片描述
这是我初始化失败的情况,该问题是这个文件夹下有我之前卸载后留有残余文件导致的。
在这里插入图片描述
初始化成功,在该文件夹下会生成网站文件
在这里插入图片描述
③git命令启动服务:hexo server
在这里插入图片描述
启动服务后,会在命令栏中生成网页的测试访问地址:http://localhost:4000,可在网页地址栏中输入该url测试是否成功。使用Ctrl+C或者关闭命令窗口会关闭该服务,该地址不能再被访问,需重新启动服务。
在这里插入图片描述
网页测试效果,生成成功。

④git命令卸载hexo:npm uninstall hexo-cli -g

在我第一次安装hexo时,用的是windows的dos命令安装,学艺不精导致初始化hexo失败,于是决定卸载hexo改用git自带命令安装,在操作之前先清理一下hexo。
在这里插入图片描述
卸载完成后,在C:\Users\Administrator\AppData\Roaming路径下的npm文件夹会消失。
卸载并不会删除hexo网站文件,即HexoSite文件夹不会被删除,重新安装hexo后可继续使用

四、hexo命令

这里列举一下hexo常用的几个命令。

① hexo s = hexo server,启动服务

  • 预览的同时可以修改文章内容或主题代码,保存后刷新页面即可;
  • 对 Hexo 根目录 _config.yml的修改,需要重启本地服务器后才能预览效果。

② hexo new “bug 记录”,新建一篇标题为 bug 记录 的文章

  • 因为标题里有空格,所以加上了引号。
  • 文章标题可以在对应 md 文件里改,新建时标题可以写的简单些。

③ hexo d = hexo deploy,自动生成网站静态文件,并部署到设定的仓库

④ hexo clean,清除缓存文件 db.json 和已生成的静态文件 public

  • 网站显示异常时可以执行这条命令试试。

⑤ hexo g = hexo generate,生成网站静态文件到默认设置的 public 文件夹

  • 便于查看网站生成的静态文件或者手动部署网站;
  • 如果使用自动部署,不需要先执行该命令;

⑥ hexo new page,新建一个标题为 aboutme 的页面,默认链接地址为 主页地址/aboutme/

  • 标题可以为中文,但一般习惯用英文;
  • 页面标题和文章一样可以随意修改;
  • 页面不会出现在首页文章列表和归档中,也不支持设置分类和标签。

五、npm install 命令

这里列举一些npm install过程中可能会用到的一些命令

npm install xxx

  • 会把xxx包安装到node_modules目录中
  • 不会修改package.json
  • 之后运行npm install命令时,不会自动安装xxx到node_modules目录中

-g

  • 全局安装

-S, --save

  • 会把xxx包安装到node_modules目录中
  • 会在package.json的dependencies属性下添加xxx
  • 之后运行npm install命令时,会自动安装xxx到node_modules目录中

-P, --save-prod: Package will appear in yourdependencies

  • xxx包将出现在依赖项中。这是默认值,除非出现-D或-O
  • 安装包信息将加到devDependencies(开发阶段的依赖),所以开发阶段一般使用它

-D, --save-dev: Package will appear in your devDependencies

  • xxx包将出现在您的devDependencies中

-O, --save-optional: Package will appear in your optionalDependencies.

  • xxx包将出现在optionalDependencies中

–no-save: Prevents saving to dependencies

  • 防止保存到依赖项

-E, –save-exact 精确安装指定模块版本

  • 安装包,默认会安装最新的版本
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值