创作之路第一篇:配置环境并安装hexo
一、下载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的安
一、下载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 精确安装指定模块版本
- 安装包,默认会安装最新的版本
开放原子开发者工作坊旨在鼓励更多人参与开源活动,与志同道合的开发者们相互交流开发经验、分享开发心得、获取前沿技术趋势。工作坊有多种形式的开发者活动,如meetup、训练营等,主打技术交流,干货满满,真诚地邀请各位开发者共同参与!
更多推荐
所有评论(0)