技术小白如何搭建个人博客?

发表于 2022-12-8 09:08:02 | [复制链接] | 打印 |上一主题| 下一主题

技术小白如何搭建个人博客?

文/彭宏豪

按:本文适合纯小白,因为我也是从纯小白开始学习的。
搭建博客前需要知道的

搭建博客,其实就是建立一个个人网站。

对于网站来说,最重要的是拥有一个域名。域名就是我们平常所说的网址,有了网址,别人才能访问你的博客。

举个例子,我的博客域名为phh95.github.io/,在浏览器中粘贴这串字符,就可以直达我的博客。
搭建博客的流程

1、注册Github账号
2、使用他人写好的博客模板
3、修改博客模板内容
4、发布自己的博客
GitHub账号

注册GitHub账号,就是为了得到一个免费的博客域名。

GitHub是全球最大的代码托管网站,它可以免费托管个人博客的代码,以及提供免费的图片存储空间。

因此,如果你使用GitHub来建立博客,一分钱也不需要花。

而且由于GitHub在去年被微软收购,如今背靠大厂,更不缺钱,将博客建立在这个顶级网站上,至少多了一分保障,不用担心网站中途关停。

GitHub账号注册地址:https://github.com/
使用他人写好的博客模板

如果你也和我一样,是一个没学过代码的小白,那么从零搭建一个博客,最取巧的办法,就是使用他人写好的博客模板。

那么问题来了,去哪找别人写好的模板?
——Github。

前面说Github是最大的代码托管网站,直白地理解就是,别人把自己写好的代码,放在了这个网站上,目的可能是为了方便团队协作,也可能是因为他们富有奉献精神,免费开源供大家使用。

而在Github上,也可以找到许多现成的博客模板。

使用这些现成的博客模板,只需要稍微修改一下原有的信息,就能让他人的模板为自己所用。

这里推荐一个简洁、修改起来也方便的博客模板:jekyll-now
如何使用他人的模板

点击上面的博客模板链接,会跳转到博客模板所在的Github仓库。

如果你是初次接触Github,可能不了解Github的一些基本概念,关于Github的基本概念,可以看我之前发布的一篇文章:
《“我在Github上北大!”》

点击项目右上角的fork按钮,将项目fork(复制)到自己的仓库中。



接着点击项目的Setting选项,对仓库进行重命名。




虽然你将原来的项目拷贝了一遍,但它仍保留着原本的仓库名jekyll-now,你需要对其进行修改。



修改仓库名也是有讲究的,需要遵循的http://xxx.github.io的格式,而最前面的xxx,你可以放飞自我,随便起。



改好仓库的名称后,点击Rename,会自动回到仓库的首页。




往下滑动页面,找到一个名为_config.yml的文件,这是一个博客的配置文件,里面附带了原模板作者的个人信息,我们需要将其中的内容进行修改。




点击_config.yml文件的名称,就可以看到配置文件的内容。

一看到配置文件全是英文,不用害怕,我们只需要稍微修改几处地方就好,不需要重新编辑整个页面的内容。



点击配置文件右上角的编辑按钮,就可以编辑配置文件了。



修改配置文件时,你可以写上你的英文名、工作、邮箱等,当然,如果你想保护个人隐私,这些信息不填也没关系。



编辑好配置文件,用鼠标滚轮往下滑动页面,可以看到一个显眼的绿色按钮Commit changes,点击按钮,就可以保存你刚才所做的修改。



此时,点击Code标签页,返回仓库的首页。



发布自己的第一条博客

如果你完成了上面的所有步骤,那么恭喜你,接下来就可以发布自己的第一条博客了。

对于不懂技术的我来说,发布第一条博客,有点像程序员刚搭建好编程环境,要打出第一条Hello world的代码一样。

在仓库首页,点击_posts文件夹,进入书写博客的页面。



点击右上角的Create new file,可以进入博客的编辑页面。



在博客的编辑界面,你会看到白茫茫的一片网页,这片空白,就是留给你写字的。

不同于我们平常使用的办公文档Word(富文本格式),在这里写博客,需要使用Markdown进行编辑。

Markdown是一个轻量级的标记语言,有点类似于大多数人在大学的网页设计课学过的HTML,但它比HTML还简单,只需要记住几个小标记,就足够使用了。



一篇博客可以很长,也可以很短,没有高考作文的不少于800字的要求。

每次写完一篇博客后,都需要对博客进行命名,就像给作文起标题一样。

这里的博客命名,也有一点讲究,它的命名最好遵循 年份-月份-日-xxx.md 的格式。

前面的年月日,是为了以后翻看自己写过的博客,能知道是什么时候写的,最后的xxx则和前面一样,可以放飞自我。



完成博客命名后,往下滑动网页,点击绿色的Commit new file按钮,就正式完成一篇博客的发布啦。



我们来看一下最终的效果:



使用本方法搭建博客存在的不足

使用本文介绍的搭建博客的方法,存在的最大不足是,访问速度较慢,尤其是当你在博客中添加了图片。

另外,由于我没有掌握前端的相关知识,制作出来的博客是一个静态站点,缺少了动态站点的魅力。
写在最后

写博客,少不了要用到图片,关于如何在博客和Markdown中引用图片,下次再写一篇文章,敬请关注或期待。

以上,就是本次想和你分享的全部内容了。
希望有助,下次见。

更多精彩内容,欢迎关注我的公主号:等我遇见汝,ID:PengTalk15
回复

使用道具 举报

显示全部楼层
您好,请问,github域名需要备案吗[可怜]
回复

使用道具 举报

显示全部楼层
不需要
回复

使用道具 举报

显示全部楼层
非常感谢
回复

使用道具 举报

显示全部楼层
按照你的方法弄完后,怎么进入博客页面呢。。
回复

使用道具 举报

显示全部楼层
github比较慢,还可能有被墙的风险,我的博客:https://zhuanlan.zhihu.com/p/91908988
回复

使用道具 举报

显示全部楼层
按照你的方法弄完后,也按照你的方法写完了第一条博客,但是从哪里才能进入博客界面呢
回复

使用道具 举报

显示全部楼层
你最开始创建的仓库名.http://github.io
回复

使用道具 举报

显示全部楼层
哦,现在已经搭建好了,谢谢啦
回复

使用道具 举报

显示全部楼层
想问一下github账号主页怎么填
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|网络问答

GMT+8, 2024-12-23 21:16 , Processed in 0.084300 second(s), 19 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表