基于hexo搭建github的个人静态博客

如何利用github免费快速搭建个人静态博客

一.前言

搭建个人博客的念头由来已久,也一直考量了很多博客搭建的方案:一种就是自己购买服务器,利用现用的主流博客开源框架,一种就是利用github的免费500M的gitpage空间搭建静态博客,购买服务器的话搭建博客的主要方案有如WordPress,ZBlogPHP等等,主流博客开源框架大都是php,然后就是基于go,python,nodejs,ruby语言相对都比较少,然后java方案就更少的可怜了,这样从侧面印证了php是世界上最好的编程语言,所以我选择了利用github的免费空间加用基于nodejs语言的hexo方案搭建个人静态博客。

​ 那么如何利用github搭建个人博客呢?我会利用俩篇博文,从如何搭建到搭建以后如何使用都进行详细说明,其实基于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。

扫描二维码关注公众号,回复: 1059077 查看本文章

右键选择gitbash

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

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

检查安装hexo

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

实例化hexo

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

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

运行

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

浏览器

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

教程到这里大家就已经学会了,任何安装搭建hexo静态博客了,我会在下面俩篇博客教大家如何使用hexo以及如何将hexo部署到github并绑定到个人域名,成为真正人人都能浏览到的静态博客站点,谢谢各位浏览,欢迎各位打赏支持和学习交流。
个人静态博客案例地址:http://zhangxuanming.com

猜你喜欢

转载自blog.csdn.net/sinat_28358835/article/details/80382793