专注分享优质资源

[Github+Hexo]教你免费搭建个人博客网站

爱留 网站源码
时隔多年,我已从高中的青涩少年变成了如今即将步入社会的社畜,时间跨度之大,再次回到三楼已觉物是人非事事休

牢骚就这么多,现在的我从事游戏开发这一互联网行业,业余喜欢折腾博客和网站,今天恰巧在技术板块发现有很多搭建网站教程,不过大多是商业宣传性质的,我相信现在的三楼应该还是和之前一样,大多是大学,高中甚至是初中的学弟们,没有那个财力去支付一年几百上千块的服务器费用,所以今天就分享一下我的免费博客网站方案,让你可以不花一分钱就可以拥有自己的博客网站[哈哈]

其实还是有必要说明一下个人网站的重要性的,现在是互联网时代,是个信息爆炸的时代,凡事讲究网络化,全球化,我们如果能有自己的博客网站,就可以在这个虚拟的,无限的世界中有自己的一席之地,一个家。你可以记录自己的日常,自己生活的点点滴滴,多年后蓦然回首也能感受到当年的心情和回忆,是一件很美好的事情,也可以记录自己的学习历程,写成技术博客造福后人

下面就是具体的方案和运行原理,我会尽量用通俗易懂的语言来表述

首先是Github,是全球性质的开源社区,世界各地的技术大佬的项目和技术都在这个网站上开源,供全球的人们下载和学习,github也提供了很多免费的周边服务,比如我们这次涉及的github.io,就可以当成github为我们免费提供的一个服务器,但是只能放特定的内容,也就是我们的网站原文件,这样我们访问自己的github.io时就会显示我们网站的内容,以此达成免费搭建个人网站的目的

那么这个网站源文件需要我们自己去写吗?当然不需要,Hexo就是帮我们干这事的,我们只需要选择好网站主题(也就是说我们网站的界面)+自己写文章就好了,对于网站主题,github有很多开源的,我这里选择的是butterfly主题,非常的漂亮和简洁,大家可以从下面的截图看出,文章的话,我们需要用Markdown编辑器进行编,其实这个Markdown编辑器使用起来也非常简单,可以一键傻瓜式实现我们常见的文章中的效果,比如图片,大字体(多级标题),链接,代码块,数学公式等,学习起来只需要不到一小时即可掌握基础用法

现在我们有了主题和文章,就可以使用Hexo来帮我们构建最后的网站了(也就是展示在别人眼前的网站),构建好之后上传Github,搞定,全世界都能看到你的博客了

基础的用法和过程就这么多,更多高级的操作和用法,比如添加看板娘,基于GithubAction的持续集成,域名DNS映射操作,可以去我博客的
https://www.lfzxb.top/the-record-of-build-site-based-on-hexo/
这篇文章查看,顺带大家可以预览一下使用我说的方案的最终成品是什么样的,最后给大家放几张预览图,前几个竖屏的是手机效果,横屏的是电脑效果
评论列表