基于Node的Hexo框架使用经验总结
2016-11-10 19:57
267 查看
早上一觉起来发现自己的个人博客不知道什么时候竟然抽风了,尼玛各种报错,各种进不去,我常用的一些网址以及在线工具的地址都在博客上啊…说多了都是泪。没办法只能从新部署下博客,好在咱以前写的博客都还在。网上很多Hexo相关的教程我这里就不写的很详细了,纯属自己做个笔记,说不定哪天我老了记性不好就用到了♪(´▽`)
几分钟之后便会提示安装成功
项目创建成功
进入项目文件夹
安装模块,过一会便会安装成功
清理旧的项目文件
编译文件
本地运行,到这一步我们就可以在浏览器中输入
安装部署模块,在配置文件配置好deploy参数,然后:
这样就可以把代码部署成功了。
这样当前博客或页面就不会被添加评论功能了。
万事大吉
在项目
查看更多文章请点击进入我的个人博客
博客搭建基本流程
安装Node
这里我想大家都会就不说了安装HEXO
在Node命令行下输入代码并执行:npm install hexo-cli -g
几分钟之后便会提示安装成功
初始化项目
在Node命令行继续输入并执行代码:hexo init blog(项目名称)
项目创建成功
安装模块
继续输入代码:cd blog
进入项目文件夹
npm install
安装模块,过一会便会安装成功
编译项目并本地执行
hexo clean
清理旧的项目文件
hexo g
编译文件
hexo s
本地运行,到这一步我们就可以在浏览器中输入
localhost:4000查看效果了。
代码部署到GitHub或者Coding
npm install hexo-deployer-git --save
安装部署模块,在配置文件配置好deploy参数,然后:
hexo d
这样就可以把代码部署成功了。
相关拓展
开起多说之类的功能之后如何在编译的时候指定博客或者页面不加入评论功能
在博客或者页面最上面配置参数:comments: false
这样当前博客或页面就不会被添加评论功能了。
添加新的页面如何在编译的时候当前页面不被编译
同样在最上面配置参数layout: false
万事大吉
如何自定义主题样式
在项目theme/主题名/source文件下修改CSS文件和JS文件即可定义主题样式
在项目
theme/主题名/layout文件下修改模板引擎文件即可定义主题页面布局
查看更多文章请点击进入我的个人博客
相关文章推荐
- 基于Metronic的Bootstrap开发框架经验总结 --列表分页处理和插件JSTree的使用
- 基于MVC4+EasyUI的Web开发框架经验总结(4)--使用图表控件Highcharts
- 基于Metronic的Bootstrap开发框架经验总结(5)--Bootstrap文件上传插件File Input的使用
- 基于MVC+EasyUI的Web开发框架经验总结(11)--使用Bundles处理简化页面代码
- 基于MVC4+EasyUI的Web开发框架经验总结(15)--在MVC项目中使用RDLC报表
- 基于Metronic的Bootstrap开发框架经验总结(5)--Bootstrap文件上传插件File Input的使用
- 基于Metronic的Bootstrap开发框架经验总结(5)--Bootstrap文件上传插件File Input的使用
- 基于Metronic的Bootstrap开发框架经验总结(2)--列表分页处理和插件JSTree的使用
- 基于Metronic的Bootstrap开发框架经验总结(3)--下拉列表Select2插件的使用
- 基于MVC4+EasyUI的Web开发框架经验总结(4)--使用图表控件Highcharts
- 基于MVC4+EasyUI的Web开发框架经验总结(2)- 使用EasyUI的树控件构建Web界面
- 基于Metronic的Bootstrap开发框架经验总结(3)--下拉列表Select2插件的使用
- 基于MVC4+EasyUI的Web开发框架经验总结(4)--使用图表控件Highcharts
- 基于Metronic的Bootstrap开发框架经验总结(3)--下拉列表Select2插件的使用
- 基于Metronic的Bootstrap开发框架经验总结(2)--列表分页处理和插件JSTree的使用
- 基于MVC+EasyUI的Web开发框架经验总结(4)--使用图表控件Highcharts
- 基于Metronic的Bootstrap开发框架经验总结(3)--下拉列表Select2插件的使用
- 基于MVC+EasyUI的Web开发框架经验总结(2)- 使用EasyUI的树控件构建Web界面
- 基于Metronic的Bootstrap开发框架经验总结(2)--列表分页处理和插件JSTree的使用
- 基于Metronic的Bootstrap开发框架经验总结(5)--Bootstrap文件上传插件File Input的使用