Hexo搭建
2019-11-18 16:01:04来源:博客园 阅读 ()
Hexo搭建
注:安装环境为 win10 x64、git、node (git已提前装好)## 1.下载安装node * 浏览器输入`nodejs.cn`,跳转官网选择对应win10安装包,64位
* 双击打开安装,可修改安装路径,安装完成后命令行输入检查
> node -v #node版本
> npm -v #包管理器版本
## 2.安装镜像源
> npm install -g cnpm --registry=https://registry.npm.taobao.org
> cnpm #查看已是否全局配置
## 3.下载hexo
> cnpm install -g hexo-cli
> hexo -v #查看hexo信息
## 4.创建本地博客
* 选择blog的保存路径并新建文件夹,进入文件夹,地址栏输入cmd
* 初始化blog,执行git的clone操作,前提是需要将git配置到环境变量
> hexo init
建议连上vpn克隆,或者修改hosts
* 预览博客:浏览器地址栏输入 `localhost:4000`
> hexo s
* 新建博客:将在`\source\_posts`下创建一篇新的blog(随便写点)
> hexo n "blogName"
* 清除缓存并生成静态文件:重新生成blog,刷新一下`localhost:4000`就可以看到啦
> hexo clean
> hexo g
## 5.托管至Github - 新建一个代码仓库,强制要求名字格式为 `你的登录名.github.io` - 安装git部署插件,blog存放路径下打开命令行输入 `cnpm install -save hexo-deployer-git`
- 修改blog存放路径下的 `_config.yml文件`,双击打开,到最底部删除最后一个引号,配置以下三个属性,保存即可 注意:属性的冒号后面要接空格 > type: git > repo: 此处将新建的代码仓库中的https链接复制过来 > branch: master
- 命令行输入`hexo d` 开始部署,若出现 *ERROR Deployer not found: git* 错误,代表第二步安装部署插件安装失败,输入`npm install -save hexo-deployer-git`即可(出现的 *WARN* 忽略),此步可能需要输入GitHub的账号和密码,按提示输入即可
## 6.克隆主题 > git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia
* 修改blog存放路径下的 `_config.yml文件`,找到`theme`属性将值改为 yilia 即可
## 7.更新blog推送步骤 将blog放置于 `source\_posts`目录下,依次输入 > hexo clean > hexo g -d
学习hexo更多命令:https://hexo.io/zh-cn/docs/commands
## 8.安装渲染器 >npm install hexo-renderer-pug hexo-renderer-stylus --save or yarn add hexo-renderer-pug hexo-renderer-stylus
原文链接:https://www.cnblogs.com/Lqi1001/p/11883989.html
如有疑问请与原作者联系
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
- java学习之第一天 2020-06-11
- 数据源管理 | Kafka集群环境搭建,消息存储机制详解 2020-06-11
- Spring Cloud微服务(一):公共模块的搭建 2020-06-07
- 搭建Java环境 2020-05-20
- Docker搭建代码检测平台SonarQube并检测maven项目 2020-05-20
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash