如何利用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。


然后在命令行输入: 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以及如何将hexo部署到github并绑定到个人域名,成为真正人人都能浏览到的静态博客站点,谢谢各位浏览,欢迎各位打赏支持和学习交流。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 213,014评论 6 492
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,796评论 3 386
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 158,484评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,830评论 1 285
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,946评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,114评论 1 292
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,182评论 3 412
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,927评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,369评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,678评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,832评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,533评论 4 335
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,166评论 3 317
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,885评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,128评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,659评论 2 362
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,738评论 2 351

推荐阅读更多精彩内容