您的位置:首页 > Web前端 > Node.js

基于Node的Hexo框架使用经验总结

2016-11-10 19:57 267 查看
早上一觉起来发现自己的个人博客不知道什么时候竟然抽风了,尼玛各种报错,各种进不去,我常用的一些网址以及在线工具的地址都在博客上啊…说多了都是泪。没办法只能从新部署下博客,好在咱以前写的博客都还在。网上很多Hexo相关的教程我这里就不写的很详细了,纯属自己做个笔记,说不定哪天我老了记性不好就用到了♪(´▽`)

博客搭建基本流程

安装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
文件下修改模板引擎文件即可定义主题页面布局

查看更多文章请点击进入我的个人博客
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  Hexo Node
相关文章推荐