如何利用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并绑定到个人域名，成为真正人人都能浏览到的静态博客站点，谢谢各位浏览，欢迎各位打赏支持和学习交流。
个人静态博客案例地址：http://zhangxuanming.com

基于hexo搭建github的个人静态博客相关推荐

hexo部署到gitcafe上静态博客
hexo部署到gitcafe上静态博客 hexo这些事儿,zippera's blog,之类的,这些都说的很清楚了. 不过也还是有几个特别的地方: 想插入图片的时候竟然上不了谷歌.好吧,睡觉,明天继续 ...
Hexo+Buttterly+Github Pages构建个人博客
How to 创建 this 风格`s Blog 我的博客采用框架是Hexo,主题为Butterfly,评论采用Twikoo,支持音乐播放,还有旁边的这只黑猫看版娘,对于如何构建这些,我会在这篇文 ...
手把手教你使用hexo搭建属于你的个人博客
前言每当看到别人精美的个人博客时,不知你是否有一点点的羡慕.别急,现在我就来手把手教你搭建自己的个人博客. 在技术日趋成熟的今天,有着很多种快速生成博客的框架:Hexo,Jekyll,Wordpre ...
通过ssh在服务器用Hexo搭建个人网站-blog、博客
title: 在服务器用Hexo搭建个人网站(blog) date: 2022-10-16 21:58:49 记录在服务器用Hexo搭建个人网站-blog 前言: 之前就听说有同学搭建了自己的个人 ...
使用Gitee+Hexo搭建高速稳定的个人博客
为了更好的阅读体验,请访问个人博客地址: https://xiuxiuing.gitee.io/blog/2018/08/08/giteepage/ 为何使用Gitee而不是GitHub 目前国内访问 ...
基于Hexo和Butterfly创建个人技术博客，(3) 创建博客文章及文章模板配置
Hexo官司网查看这里笔者个人站查看这里特别说明: hexo博客站点发布的文件全是静态文件,没有任何后台服务.博文的发布过程是:1.在本地用hexo new命令创建.md文件----2.经he ...
vuepress-theme-reco + Github Actions 构建静态博客，部署到第三方服务器
最新博客链接 Github链接查看此文档前应先了解,vuepress基本操作参考官方文档进行配置: vuepress-theme-reco VuePress SamKirkland / FTP-D ...
基于Hexo和Butterfly创建个人技术博客，(14) 给博客站点添加Aplayer音乐
Hexo官司网查看这里本章目标: 掌握aplayer音乐插件的用法给博客站点添加音乐功能一.概述个人比较倾向网站以简洁为主,并不赞成把网站做成花里虎哨的,比如添加鼠标特效或各种动态的元素.但个 ...
GitHub Actions入门教程：自动化部署静态博客
前天,我使用 GitHub Actions 实现了静态博客的自动化部署,觉得它非常强大,只要你提交到 GitHub,后面的部署完全由 GitHub 自动完成. 这里提的静态博客,就是通过生成工具(eg ...
[Pelican] 使用Pelican搭建静态博客
为什么写博客一方面是对自己平时工作和学习中收获的自我总结和积累,另一方面,借用知乎的一句话说就是"与世界分享你的知识". 为什么选择Plican 写博客有两种选择: 一种是博客社 ...

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