Hexo 搭建步骤

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qian_meng/article/details/51419298

最近想建一个属于自己的网站,本来准备买个阿里的云服务器,然后在买个域名,后来无意中发现了Hexo这个神奇的东西,它和github配合起来,完全可以实现我想要做的东西,直接为我省下了一笔资金呀,于是周末没事的时候花了俩天时间把自己的博客系统搭建起来了,本来觉得也就是一俩小时的事情,结果弄了俩天,经验问题,下面记录下过程,供后来人参考下。

我的博客地址:

http://qianmeng.github.io

首先大体介绍下Hexo环境要求:

1.     安装nodejs (到官网下载最新版或者最稳定版,一路安装即可 )
2.     安装Git(把内容推送到github上使用)
3.     github账户(也类似于你网站的服务器了)

注意点:nodejs 最好安装最新版本或者最稳定版本,因为最新hexo3.0 对nodejs的版本有要求

然后就可以安装并使用hexo了:

1.     npm install -g hexo-cli  (安装hexo)
2.     hexo init     (初始化hexo环境)
3.     hexo generate (生成静态界面)  
4.     hexo server  (启动hexo服务器)

浏览器输入 http://localhost:4000 看下效果吧!

最后就是发布网站到github上:

1、在自己建立的网站目录下有个_config.yml 的配置文件,修改发布相关的内容

deploy:

     type: git

     repo:https://github.com/qianmeng/qianmeng.github.io.git

     branch:master

2、npm install hexo-deployer-git --save (安装hexo-deployer-git 类似一个hexo的git客户端工具吧)

3、执行hexo deploy (这里需要输入github上自己的账户和密码)

在浏览器中输入 http://qianmeng.github.io 看下效果吧

注:每次发布的时候可以按这种顺序执行,避免改的东西发布不成功:

1.     hexo clean
2.     hexo generate
3.     hexo deploy

当然上面的好多命令都可以通过简写实现例如:

hexo  g --> hexo generate
hexo  d --> hexo depoly
hexo  s --> hexo server

到这里一个基于hexo的博客网站就搭建起来了。

总结:

开头说我花了俩天时间,其实主要是浪费在使用上,不熟悉,加上下载的主题少东西,要自行添加,这个过程遇到了不少坑,这边就不一一说了,如果有机会在单列出经常遇到的问题。hexo的使用,里面很多细节就不一一列出来了,类似这样的说明文章太多啦!

基础推荐 极客学院的hexo使用中文版 http://wiki.jikexueyuan.com/project/hexo-document/

hexo 主题 https://hexo.io/themes/

hexo 插件 https://hexo.io/plugins/

hexo 还是蛮火,只是之前不知道,关于使用的文章很多,如果感兴趣,可以在之上做的东西还是蛮多的。

猜你喜欢

转载自blog.csdn.net/qian_meng/article/details/51419298