Hello GitHub Pages

Published on: 2023-04-05

Tags: #blog


Hello-GitHub-Pages

拥有一个自己的博客

一直想在互联网的一个角落里拥有一个自己的博客,一是因为看到别人的网页做的非常的漂亮,自己也想做一个;二是因为自己一直也想写一点东西。但是一直没有付诸行动,很大的一个原因是一直以来没有动力写下自己的想法。

要想做一个博客,我觉得购买一个自己的域名就算了。从长远来看,几十年以后,自己也挂了,就没办法给域名续费了。所以还是觉得用GitHub提供的Pages服务挺不错的。注册了GitHub后,大部分人都是选一个现成的博客主题。我也是这样,无所事事的时候就浏览了很多博客主题。有些博客主题很符合我意。但是有一个问题,我对Hexo、Jekyll等那些东西都不了解,虽然说可以无脑安装,但是在没弄懂的前提下,我还是不想用。还有另外一个原因,就是那些我看着很好看的主题,它们的文章在后台的存储方式不符合我的想法。虽然它们在网页上呈现出来的样子没有问题,但是当用文件管理器查看的时候我感觉太乱了。

于是就学了一点HTML、CSS、JavaScript的知识。但是我学这些东西还不是为了写个网页,最初的想法是为了实现一个基于浏览器的应用(挖个坑)。现在呢,就想着用目前学到的知识做一个自己的博客主题。

我的博客

介绍

第一点就是要简单,也是不想把更多的时间花在维护博客上面。所有的文章都放在一个文件夹下,方便管理。网页呈现的话,内容也是一条一条的,点击题目就直接显示内容。这一点跟Hacker News很像,实际上也参考了它的做法。

为了关联同一主题的文章,就设置了一个标签的功能,有相同标签的文章可以聚合在一起。除此之外,就没有其它的功能了。

首页是所有文章的一个列表。点击标题就可以查看这篇文章。文章中有一个标签的列表,点击标签就可以查看所有相关的文章。

总体上很简洁,代码上也是用的纯JavaScript,没有其它依赖,只需要做一点修改,就可以拿来即用。

markdown to html

为了写作的方便,还是用markdown书写比较好。但是GitHub提供的是静态的网页,所以还得把markdown格式的笔记转换成html格式的。网上有很多格式转换的轮子,但是思来想去还是自己再造一个比较好,主要是为了使生成的页面与博客主题保持一致。

我自己造的轮子,md2html,在这里。目前还不够完善,只能转换一些最基本的markdown标记。后面再慢慢实现一些更复杂的功能吧。