使用Github搭建静态博客(Hexo)

Why

之前我一直在使用wordpress(下称wp),就在前些日子,我爱上了markdown,但在wp上又没找到完美一点兼容markdown的插件。慢慢地,越来越觉得wp很臃肿,最终,我选择了放弃它了。现在,我选择了一个基于node.js的小萝莉hexo


静态博客

hexo相对于wp,最大的区别就是它是一个静态博客。静态博客有什么特点?
- 不用配置服务器
- 不用数据库
- 访问速度相当快
- 没有安全性可言
- 使用户可更注重博客内容
- 支持markdown

然而,现在我们还是使用github pages来搭建,意味着什么?就是免费。娃哈哈。当然,七牛等一系列云产品也是可以搭建的。

以上说的都是有点,至于缺点呢。缺点就不说那么多了,总得来说就是麻烦一些。

静态博客也有很多,例如github pages 推荐使用的jekyll

而hexo相对而言还是轻巧一些的,生成文章的速度也较快(静态博客生成页面时都是要整站生成,所以,页面越多,速度就越慢)。


开始hexo

首先本地得装上了node.jsgit和hexo

吓?这么火爆的nodejs和最流行的版本控制器git都不知道? 没关系,经过这次,多少也会了解到一点点点,也可自行谷歌看看去。

安装git:git

安装nodejs:node.js官网

hexo:hexo官网

hexo使用npm安装,Quick Start 说得很清楚,我这里就不复制黏贴了。

Install --> Setup --> Generate --> 启动Server

默认监听4000端口,现在,打开浏览器,输入 localhost:4000 就可以看到一个漂亮的博客出现在你眼前啦,耶~~~。

hexo的使用可参详官网的文档。


部署到github

现在,到github新建一个项目,项目名为:你的用户名.github.io必须为这个名字

然后,配置文件_config.yml

deploy:
  type: github
  repository: git@github.com:你的帐号/你的帐号.github.com.git
  例如我的:repository: git@github.com:zhongbaitu/zhongbaitu.github.com.git
  branch: master

然后执行命令:

hexo clean
hexo generate
hexo deploy

此时,在博客的根目录下会生成一个文件夹:.deploy

然后我们把这个文件夹里面的文件都push到刚才新建那个项目就OK了。几分钟过后,就可以打开你的用户名.github.io看到你的博客了。


绑定个性域名

在项目的根目录,新建名为CNAME的文件,内容为:你的域名,例如我的就是:hackeris.me

再到把你的域名指向你的用户名.github.io,几分钟过后,就可以看到成功的诞生了。


我的博客

hackeris.me


钟白兔
人人期望可达到。我的快乐比天高

你的过去我来不及参与。

328 声望
14 粉丝
0 条评论
推荐阅读
做了一组Material designs buttons (开源)
效果: 使用: 一共做了三个Button,分别为:Flat Button 、 Raised Button 、 Floating Action Button 动画基于nineoldandroids 其中 Floating Action Button 提供两个点击事件,一个为普通的点击事件,一个为带...

钟白兔1阅读 3.3k评论 1

Laravel入门及实践,快速上手ThinkSNS+二次开发
【摘要】自从ThinkSNS+不使用ThinkPHP框架而使用Laravel框架之后,很多人都说技术门槛抬高了,其实你与TS+的距离仅仅只是学习一个新框架而已,所以,我们今天来说说Laravel的入门。

ThinkSNS1阅读 2.4k

一个令人惊艳的ChatGPT项目,开源了!
最近在GitHub上发现了一个爆火的开源项目。好家伙,凑近一看,居然还是由微软开源,并且和最近炙手可热的ChatGPT息息相关。项目的名字叫做:Visual ChatGPT。[链接]这个项目最早是3月上旬微软开源的,项目宣布开...

CodeSheep2阅读 1.9k

封面图
github 和 gitlab 之自定义首页样式
🎈 个性首页相信很多小伙伴在逛 github 和 gitlab 的时候会发现很多开发者的首页异常的炫酷,如 [链接]🎈 制作步骤是不是立马想拥有一个属于自己的高大上主页了从上图中我们可以看出,其实它展示的一个 readme 里面...

tiny极客3阅读 1.9k评论 4

封面图
Github-访问受限解决办法
前言最近发现自己的macbook 使用chrome连接github一直连接不上,于是网上找解决办法,记录下来分享给大家。操作1、获取github.com的IP打开网站websites.ipaddress.com/github.com`复制里面的ip2、打开iTerm2命令...

Awbeci阅读 6.6k

低代码开发重要工具:jvs-logic(逻辑引擎)2.1.6版本功能清单
逻辑引擎是一种能够处理逻辑表达式的程序,它能够根据用户输入的表达式计算出表达式的值。在实际应用中,逻辑引擎通常被用于处理规则引擎、决策系统、业务规则配置等领域,具有广泛的应用前景。前面几期我们了解...

软件部长2阅读 419

Kubernetes v1.27 新特性一览
Kubernetes v1.27 是 2023 年的第一个大版本更新,包含了近 60 项主要的更新。 而 1.26 只有 37 项,所以这个版本可以说是一个变化非常显著的版本了。

张晋涛1阅读 1.1k

封面图

你的过去我来不及参与。

328 声望
14 粉丝
宣传栏