初识Hexo前端
什么是Hexo?
Hexo
是一个快速,简单而强大的博客框架。您可使用Markdown(或其余语言)编写文章,Hexo能够在几秒钟内生成具备美丽主题的静态文件。 对的,就是这么简单明了,其实就是一个搭建博客的工具而已,也不是什么高深莫测的东西,接下来我将带着你们一步步徒手搭建属于本身的博客.说明:(这里说的搭建属于本身的博客,并非指搭建属于本身的独一无二的博客,那是前端的本事了,咱们这里只说最基本的)
node
创建Hexo只须要几分钟,安装Hexo很是简单。可是,您首先须要安装其余一些东西.git
若是你的电脑已经有这些,祝贺!只需使用npm安装Hexo:npm
$ npm install -g hexo-clisegmentfault
若是没有,那就一块儿来看下面吧(这里只说windows的安装,由于本人太穷,买不起mac啊o(╥﹏╥)o
)windows
咱们这里简单点,直接下载并运行安装程序就完了. 仍是走默认就行.浏览器
一旦安装了全部需求,就能够用npm安装Hexo:缓存
$ npm install -g hexo-climarkdown
随便找个地方, Git Bash ->$ npm install -g hexo-cli
就好了 我这里直接在桌面上GitBash hexo
好了,到这里咱们就算是已经成功完成了第一步:
安装Hexo
cd <文件夹> $ npm install
选择你想要的盘符来创建咱们的博客站点文件,我这里选择D:/
blog
是你的文件夹名字,通常默认blog就要行了 看到下面的提示就说明站点目录创建成功了
而后 初始化$ npm install
ok了,看看你的blog文件是否是这样的,是的话就对了
而后在介绍两个命令 ,之后常常要用到的
hexo generate(可简写为hexo g) hexo sever(可简写为hexo s) hexo clean
hexo g
: 编译,生成静态文件,也就是public文件夹的东西 hexo s
: 开启本地服务(以上两步的操做能够合并成hexo s -g) hexo' clean
:顾名思义就是清除缓存的意思了啦,这招通常在你改动以后网站没有变化时候用.
接下来看看 你博客的初步成果吧. 进入blog文件根目录: Git Bash ->$ hexo g
$ hexo s
而后在你的浏览器输入http://localhost:4000
,查看你的博客.
到此为止,你的我的博客就已经搭建完成了,是否是很简单
好了,关于怎么用Hexo搭建我的博客站点就介绍到这里了,后面我还会继续介绍关于Hexo 的主题优化,[搭建漂亮的博客]、利用Markdown写出第一遍博文
、SEO优化等等一系列的教程
,但愿可以帮到更多的小伙伴.
更多精彩文章请关注