hexo+next+github个人博客搭建

博客架构

hexo + next + github pages + aliyun
如今现在网上有很多热门的框架,可以不用重复造轮子了,直接在大佬们的基础之上修改,博客就能快速搭建起来。我选用hexo框架
保姆级入门视频教程传送门

这是一个静态博客框架,操作简单!

搭建过程

由于我是按照别人的保姆级教程搭建的,十分简单,零基础也可以搭建一个哦。使用框架的好处是快速上手,几分钟就能搭建好博客雏形。缺点是对于技术帮助不是很大,但拿来当作个人技术总结的小空间也很是不错(比某些博客网站广告满天飞观赏性好多了,小点声)。教程网上都有,我这里就引用一下大佬们的精选文章。

hexo

hexo博客官网
框架采用的hexo静态博客框架,主题是next,简洁大方

// hexo简单命令
hexo clean  清除缓存
hexo generate  建立博客
hexo server  开启服务
hexo deploy  推送到远程仓库

//搭建环境:
node + npm 

//初级搭建教程:
上面的传送门

如果成功了,你应该会看到如下画面
hexo博客

选择主题

hexo 的主题比较多,热门的有next、butterfly等等,可以选择一个。
下载也很方便,用npm命令即可
主题源文件在/themes 文件夹下面
给hexo加主题
如果看到下面这样的效果说明你添加成功了
next

博客主题优化

附上大佬的优化博客链接

下面是优化后的效果,个人主要优化了一下布局、增加卜算子访客统计、valine评论功能。
在这里插入图片描述

在这里插入图片描述
(这里有点小bug,http不安全)
上面是我的另一个测试博客。
在这里插入图片描述

github pages 静态网页托管

如果不想承担服务器的开销,其实静态博客由于占用内存小,也没必要专门买一个服务器来部署。完全可以在github、gitee、coding等代码仓库中部署,而他们都提供了静态网页服务,在仓库的settings中开启即可。有需要的还可以给博客的图片资源搞个图床(专门用来存放图片的仓库),这样就可以将图片放在网络上,访问博客时再从其他网站加载出来,提高速度和减小内存。
效果是你可以通过username.github.io来访问。
在这里插入图片描述

aliyun域名购买

如果你不想使用如username.github.io这个域名,完全可以自己买个域名。新人在阿里云购买也很便宜,我买这个top域名一年只花了1元,买xyz域名头一年也只花了5元,相比服务器的高昂费用,一般域名的价格还是比较划算的。
在这里插入图片描述

aliyun域名解析

购买之后还需要解析才能使用,所谓解析就是绑定一个域名与域名或ip之间的映射关系。解析选择CNAME类型的,将买的域名映射到github仓库的域名。可能需要花点时间和耐心。
在这里插入图片描述

ssl安全证书免费获取

有了ssl证书安全认证后,你的域名访问方协议将可以采用主流的https自协议,别人在访问时不会被警告不安全了。阿里云也有免费的证书可以白嫖。
在这里插入图片描述

博客地址

next

影刃南墙の博客 欢迎大伙儿来踩踩 (●’◡’●)

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值