GitHub-Hexo搭建自己的Blog之(1)-环境搭建

12 篇文章 0 订阅

万丈高楼平地起,对于搭建Blog来说,环境的部署就是这高楼的基石,下面我们来看看怎么部署环境。

步骤总览
更多精彩微信关注:随心下(Suixinxia007)

测试平台:Windows10
Git环境

  1. 如果您还没有注册GitHub,先到官网 GitHub注册教程 看注册教程,这里不赘述了。

  2. 安装Git 点我下载 选择适合自己计算机环境的版本下载,我这里是Windows 10 环境,下载后,根据提示点next一步步安装即可。关于Git的更多使用技巧,推荐看廖雪峰老师的Git教程 点我学习

Node环境

  1. 安装Node.js 点我下载 同样选择适合自己计算机系统的版本下载安装即可。更多Node.js教程 点我学习

  2. 安装完毕后,测试是否安装成功,打开命令终端,我这里是Windows,win+r输入cmd进入终端,键入命令node -v 或者直接输入node回车即可,如果出现下图显示则说明node环境安装成功:
    (任意位置均可查看,因为配置的为全局变量)

    image008.png
  3. node中集成了npm包安装工具,输入命令npm -v查看版本号,如图:(任意位置均可查看,因为配置的为全局变量)

    image009.png

Hexo环境

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用
Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。

  1. 安装hexo-cli:进入终端,键入命令 npm i hexo-cli -g [其中 'npm’可用 cnpm,安装速度更快; ‘i’ 表示install, '-g’表示全局安装
    (注意:如果安装失败,建议在管理者模式下安装)]

  2. 初始化:在本地合适的位置创建一个文件夹用作Blog环境,比如,我这里创建了一个hexo文件夹,进入此目录,按住 shift 键同时点击鼠标右键打开Powershell终端(cmd命令也可以),键入命令 hexo init 进行初始化,进度可能很慢[蹲个厕所回来大概就OK了],耐心等待安装即可。
    完毕后发现空目录多出很多文件,如下图:

    image007.png

这里的node_modules是项目依赖,在初始化的时候已经下载下来了,不用再 hexo
i 了(有的教程写的hexo i 就是安装依赖的作用)。

测试本地运行

上述环境完成后,我们就可以在本地预览blog了。很简单,两行命令。

  1. 键入命令 hexo generate 生成静态文件,可以简写为 hexo g

  2. 键入命令 hexo server 在本地运行, 可以简写为 hexo s

    image010.png
  3. 打开浏览器,地址栏键入 http://localhost:4000 即可进行预览,效果如下

    image006.png

总结

经过以上操作,我们已经在本地搭建好了blog项目,并且在浏览器上预览成功,下一篇将接着写怎么把本地blog部署到github上,再换一个好看主题。
更多精彩微信关注:随心下(Suixinxia007)

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值