hexo入门(安装,配置,本地启动)

欢迎访问本人博客查看原文:http://wangnan.tech

hexo是什么?

hexo是一个快速、简洁且高效的博客框架

hexo官网:

http://hexo.io/zh-cn/

现在进行hexo的安装和配置,在本地启动hexo页面。

hexo安装 
使用hexo之前需要安装 Node.js 和它的npm管理模块 
然后在输入命令

npm install hexo -g  #-g表示全局安装, npm默认为当前项目安装

这样就完成了hexo的安装,简单吧。最新的版本是3.0.0

然后我们建立一个hexo博客的文件夹,输入命令:

hexo init   #执行init命令初始化hexo到你指定的目录

然后执行命令:

hexo generate       #自动根据当前目录下文件,生成静态网页

然后执行命令:

hexo server         #运行本地服务

这里注意一个问题,hexo 3.0.0版本执行这个命令需要安装插件 
hexo所以插件查询地址:

http://hexo.io/plugins/

这里需要安装 hexo-server插件,输入命令:


$ npm install hexo-server --save

搞定

输入hexo server 后看到cmd中显示: 
hexo入门(安装,配置,本地启动)_第1张图片

这个时候在浏览器输入:

http://localhost:4000

就可以看到效果: 
hexo入门(安装,配置,本地启动)_第2张图片

hello world 是官方放入的一篇文章

辣么问题来了,我怎么放入自己的文章! 
1.去hexo文件夹下找到hexo\source_posts 
2.把自己写的markdown格式的博客放进去 
3.重新刷新页面,就文章就出现了,是不是很神奇呢

如图: 
hexo入门(安装,配置,本地启动)_第3张图片

辣么问题又来了:怎么换皮肤! 
去github上找:

https://github.com/hexojs/hexo/wiki/Themes

发现一个喜欢的主题,用git把项目克隆下来 
然后把文件放入 
\hexo\themes中

hexo入门(安装,配置,本地启动)_第4张图片
然后去根目录下找到文件_config.yml 
找到这段代码:

# Extensions
## Plugins: http://hexo.io/plugins/
## Themes: http://hexo.io/themes/
theme: landscape

把theme改成新下的皮肤的文件夹名后保存文件:

theme: pacman

然后重新 hexo generate hexo server 
看看效果: 
hexo入门(安装,配置,本地启动)_第5张图片

cool!

今天就先到这里,下次介绍下如何把博客发布到github pages。

你可能感兴趣的:(hexo,网络,架构,综合,hexo,博客)