首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

利用HEXO简单快速免费搭建酷炫个人网站系列之一

你只要一步一步按照搭建步骤,你就能学会利用开源软件框架hexo搭建出自己的静态博客也就是个人网站,下面请跟着教程开始吧!

1.下载nodejs

你需要访问

https://nodejs.org/en/download/

根据不同平台系统选择你需要的Node.js安装包

Windows系统下载安装包(.msi)文件格式就行

32 位安装包下载地址 :

https://nodejs.org/dist/v4.4.3/node-v4.4.3-x86.msi

64 位安装包下载地址 :

https://nodejs.org/dist/v4.4.3/node-v4.4.3-x64.msi

然后就是一路next,install,finish常规操作就行,如果实在连安装软件的基础都没有可以看这条图文并茂的链接。

nodejs安装教程:

https://www.runoob.com/nodejs/nodejs-install-setup.html

2.安装git

访问下载官网:

https://gitforwindows.org/

点击download下载完成以后选择安装,也是一路next,install,finish常规操作即可,不会安装软件的也可以访问下面的详细教程。

git安装教程:

https://jingyan.baidu.com/article/9f7e7ec0b17cac6f2815548d.html

3.hexo的安装和启动

做到这里,前期准备工作已经完成,现在开始正式搭建个人博客,有木有很激动!在合适地方选择新建一个hexo文件夹,然后右键选择Git Bash Here。

然后在命令行输入: npm install hexo-cli -g 命令,如图所示,add 104 package in 77.155s,并且文件夹中也多了node_modules文件夹和package-lock.json文件就说明下载安装完成。

当然你也可以通过运行hexo -v检查一下是否安装成功,如果秩序命令返回版本信息也是安装成功了。

现在我们可以开始实例化一个我们本地的博客样本了,这次我们要新建一个空白文件夹,比如在E盘,新建空白hexo文件夹,并同样的用右键git bash here ,在命令行输入hexo init,等待hexo实例化完成返回如图所示提示。

如果成功返回start blogging with hexo说明,你已经完成了本次博客搭建,剩下来就是如何使用的问题了,你不用担心,使用相比安装其实要简单,所以到这里一百步已经走了九十步了。

现在我们在命令行输入hexo s命令

然后打开浏览器输入localhost:4000即可看到我们实例化的静态博客了,是不是很简单。

hexo很棒的一点就是框架本身支持响应式布局,也就是说这一个静态博客用手机端访问也是可以显示正常的(电脑的谷歌浏览器快捷键F12可以切换到手机端模式)

教程到这里大家就已经学会了,如何使用HEXO搭建静态博客了,在下面几篇文章中教大家如何正确使用hexo发布并绑定域名。

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20180827G1SPVH00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券