使用hexo搭建个人博客
2016-08-02 16:05
218 查看
Hexo 是一个简单地、轻量地、基于Node的一个静态博客框架,可以方便的生成静态网页托管在github和Heroku上。
要安装hexo,可以使用npm安装即可,方法如下:
如图所示:
安装完成之后,可以通过如下命令查看是否安装完成:
如下图所示:
在Workspace文件夹中,会发现hexo-demo项目已经建立完毕。
进入到hexo-demo文件夹中,输入如下命令安装依赖:
如下图所示:
![Alt text](http://7xt42b.com1.z0.glb.clouddn.com/npm-install.png
)
并输入如下命令,启动服务器:
在浏览器中,输入:http://localhost:4000 即可访问hexo默认搭建的博客了,如图所示:
如下图所示:
在我们之前建立的项目中,会看到创建的新文章,如图所示:
打开浏览器,会看到刚才创建的新文章:
如图所示:
在本地目录下,会生成一个public的目录,里面包括了所有静态化的文件。
生成静态文件之后,如果要发布到github,还需要配置deploy指令。
要配置该指令,需要我们在 _config.yml 文件中修改相关内容即可。
_config.yml文件所在位置如图所示:
打开_config.yml文件,找到deploy部分,根据自己的情况进行修改,如图所示:
repo的内容是你在github上创建的仓库的域名(注意:末尾有个git,不要省略);
branch的内容是你想把它所要托管的分支,这个根据需要修改,没有新建分支的话,就默认为:master 分支。
然后还要输入如下命令进行安装:
如图所示:
最后输入如下命令发布到github:
现在就能在github上看到刚刚部署的静态web网站:
1、安装hexo
首先,由于hexo是基于Node的,所以要安装npm和node的环境,才能安装hexo。此处略过npm和node安装方法。要安装hexo,可以使用npm安装即可,方法如下:
sudo npm install -g hexo
如图所示:
安装完成之后,可以通过如下命令查看是否安装完成:
hexo -v
2、使用hexo创建项目
要使用hexo创建项目,首先进入到制定工作目录,如可以创建在Workspace文件夹中,在该文件夹中,通过如下命令即可创建项目:hexo init [项目名称]
如下图所示:
在Workspace文件夹中,会发现hexo-demo项目已经建立完毕。
进入到hexo-demo文件夹中,输入如下命令安装依赖:
npm install
如下图所示:
![Alt text](http://7xt42b.com1.z0.glb.clouddn.com/npm-install.png
)
并输入如下命令,启动服务器:
hexo server
在浏览器中,输入:http://localhost:4000 即可访问hexo默认搭建的博客了,如图所示:
3、如何写博客
使用如下命令即可创建一篇博客文章hexo new "文章名"
如下图所示:
在我们之前建立的项目中,会看到创建的新文章,如图所示:
打开浏览器,会看到刚才创建的新文章:
4、部署方法
在部署之前,需要通过如下命令把所有的文章都做静态化处理,就是生成对应的html, javascript, css,使得所有的文章都是由静态文件组成的:hexo generate
如图所示:
在本地目录下,会生成一个public的目录,里面包括了所有静态化的文件。
生成静态文件之后,如果要发布到github,还需要配置deploy指令。
要配置该指令,需要我们在 _config.yml 文件中修改相关内容即可。
_config.yml文件所在位置如图所示:
打开_config.yml文件,找到deploy部分,根据自己的情况进行修改,如图所示:
repo的内容是你在github上创建的仓库的域名(注意:末尾有个git,不要省略);
branch的内容是你想把它所要托管的分支,这个根据需要修改,没有新建分支的话,就默认为:master 分支。
然后还要输入如下命令进行安装:
npm install hexo-deployer-git -s
如图所示:
最后输入如下命令发布到github:
hexo deploy
现在就能在github上看到刚刚部署的静态web网站:
相关文章推荐
- 查看github pages文档的方式
- 使用BAE的基于Web.py的简单博客程序
- 新注册
- 6 个托管 git 仓库的地方
- 四大漏洞入侵博客
- 在Ubuntu系统上安装Ghost博客平台的教程
- 两分钟学会如何在github托管代码
- 利用ASP.NET MVC+Bootstrap搭建个人博客之修复UEditor编辑时Bug(四)
- PHP多用户博客系统分析[想做多用户博客的朋友,需要了解]第1/3页
- 基于CakePHP实现的简单博客系统实例
- 基于jsp+servlet实现的简单博客系统实例(附源码)
- Android自定义View实现仿GitHub的提交活跃表格
- csdn 博客的css样式 v3
- 如何使用Gitblog和Markdown建自己的博客
- 利用ASP.NET MVC和Bootstrap快速搭建个人博客之文章打赏功能(六)
- 利用ASP.NET MVC+Bootstrap搭建个人博客之打造清新分页Helper(三)
- 利用JS生成博文目录及CSS定制博客
- github配置使用指南
- github版本库使用详细图文教程(命令行及图形界面版)