服务器个人买能干什么_Hexo实战001:快速搭建属于自己个人博客

巧遇Hexo

在此之前还没听说过Hexo,也不知道Hexo是干什么的。朋友说他买个了服务器想搭建一个博客记录下开发心得,但是自己构建一个网站耗时太长也没那么多精力所以就想找个现成的博客工具快速搭建。昨天跟我说找到一个博客工具了感觉非常好,但是总是部署失败。我好奇就去瞧瞧了,第一眼发现这个工具主题很丰富。还有个特点就是Hexo可以直接解析Typora工具编写的文章,

2f0bfa42e57fd76f39bc08a3b0f6ea2b.png

什么是Hexo

Hexo 是一个基于Nodejs 的静态博客网站构建工具,通过Hexo可以快速构建个人博客,并搭建到 github 上供他人访问。Hexo 最大的亮点就是可以使用Markdown解析文章,几秒就可以把用户的Markdown文件按照指定的主题解析成静态网页。最初接触博客工具的时候觉得WordPress相当的牛,直到遇见Hexo才发现博客构建原来还可以这么简单高效。

523e8a5e52558122ac1e507e66d42776.png

安装Git

Hexo源码挂靠在GitHub代码托管平台,要使用Hexo我们就必须先将其Git下来。Windows上使用Git可以直接去Git官网下载对应操作系统的安装程序,然后按默认选项安装即可。安装成功后在开始菜单中会有Git项,菜单下有3个程序分别是Git Bash(Linux风格的命令行)、Git CMD(Windows风格的命令行)、Git GUI(图形界面的Git)。点击Git Bash会弹出一个类似命令行窗口就说明Git安装成功,也可以在任意目录位置鼠标右键选择“Git Bash Here”选项。

edc390e030e8e8d7e97bf8292f60797a.png

​安装Node

Hexo 是一个基于Nodejs 的静态博客网站构建工具,自然必须有node和npm工具的支持,所以电脑上必须安装好Node工具。Node只要在Node官方下载Node绿色免安装版,然后再配置下环境变量就可以直接使用node和npm了。

619c191ca3cb76a5600b2a3ccc130950.png

​安装Hexo

这个跟Vue安装很相似,输入命令:npm install -g hexo-cli 安装Hexo(-g: 指全局安装),快捷键“win+r ”打开运行框,输入cmd在弹出的窗口中输入hexo -v可以检查hexo是否安装成功。到这里我们基本的环境算是已经准备好了,接下来就可以开始构建我们的Hexo项目了。

e4e23dfa8db33826ae570264a59e20ff.png

​初始化Hexo

Hexo提供了init命令来自动构建一个 hexo 项目,它会自动从GitHub代码托管平台上获取项目所需的基础代码和项目依赖包。由于是从GitHub上下载所以会稍微的有点慢,耐心等待会就好了(基础代码和依赖包加起来不到20M)。

953e5b4769bb8f099739734d8f378f0c.png

​启动Hexo服务

等初始化完成之后我们不需要做任何的操作,直接来启动Hexo服务看看。Hexo可以使用hexo server或hexo serve或hexo s等命令来启动服务,启动之后我们就可以在浏览器中输入http://localhost:4000/来访问我们的Hexo博客了。是不是超级的简单,个人感觉相比搭建WordPress来说简单的多了。

e049f753ebfc647ac9340d1b25893519.png

​总结:

用Hexo可以快速的构建属于自己的个人博客,对于前端开发来说node和git基本都是必备的工具,所以只要像Vue一样安装一下Hexo脚手架就可以开启属于你的Hexo之旅啦。以上内容是小编给大家分享的【Hexo实战001:快速搭建属于自己个人博客】,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。

ed89de03dbe10ff8861c26fb7243e3ff.png
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值