关于Hexo6.0搭建个人博客(基础编)

初识Hexo

# 什么是Hexo?
Hexo是一个快速,简单而强大的博客框架。您可以使用Markdown(或其他语言)编写文章,Hexo可以在几秒钟内生成具有美丽主题的静态文件。
对的,就是这么简单明了,其实就是一个搭建博客的工具而已,也不是什么高深莫测的东西,接下来我将带着大家一步步徒手搭建属于自己的博客.说明:(这里说的搭建属于自己的博客,并不是指搭建属于自己的独一无二的博客,那是前端的本事了,我们这里只说最基本的)

1.安装Hexo

建立Hexo只需要几分钟,安装Hexo非常简单。但是,您首先需要安装其他一些东西.
* Node.js
* Git

如果你的电脑已经有这些,祝贺!只需使用npm安装Hexo:

$ npm install -g hexo-cli

如果没有,那就一起来看下面吧(这里只说windows的安装,因为本人太穷,买不起mac啊o(╥﹏╥)o)

安装Git

安装git.png

  • Windows:下载并安装git
    一切按照默认走就行了,没什么特殊的地方.

安装Node.js

Nodejs安装.png

我们这里简单点,直接下载并运行安装程序就完了.
还是走默认就行.

安装Hexo

一旦安装了所有需求,就可以用npm安装Hexo:

$ npm install -g hexo-cli

随便找个地方, Git Bash ->$ npm install -g hexo-cli 就行了
我这里直接在桌面上GitBash
GitBash.png
如果出现以下就说明安装成功了
success.png

好了,到这里我们就算是已经成功完成了第一步:安装Hexo

2.利用Hexo初始化我们的站点跟目录(文件)

hexoinit<> h e x o i n i t < 文 件 夹 > cd <文件夹>
$ npm install

选择你想要的盘符来建立我们的博客站点文件,我这里选择D:/
init.png
这里的blog 是你的文件夹名字,一般默认blog就要行了
看到下面的提示就说明站点目录建立成功了
successHexo.png

然后 初始化$ npm install

install.png

ok了,看看你的blog文件是不是这样的,是的话就对了
blog.png

然后在介绍两个命令 ,以后经常要用到的

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

hexo g.png

localhost.png

然后在你的浏览器输入http://localhost:4000,查看你的博客.
Myblog.png

到此为止,你的个人博客就已经搭建完成了,是不是很简单

好了,关于怎么用Hexo搭建个人博客站点就介绍到这里了,后面我还会继续介绍关于Hexo
的主题优化
,[搭建漂亮的博客]、利用Markdown写出第一遍博文SEO优化等等一系列的教程,希望能够帮到更多的小伙伴.

请赏个小红心!因为你的鼓励是我写作的最大动力!

更多精彩文章请关注
- 个人博客:darryrzhong
- 掘金
- 简书
- SegmentFault

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值