TocHomeGithubInfo

writings

关于这个网站

这就是我的第一篇文章了。

缘起

在几年前便闲得无聊用hexo搭过一次,但也许是我没有分享欲,也许是我肚子里没点墨水,搭建起来后便再也没管过它。荒废已久,长满了电子杂草。直到最近看到一个朋友的这个漂亮的 Github 主页。(他真的写了很多内容!)才又萌发了重启它的念头。

既然是重启,我自然是不想再来一遍hexo,于是在GPT的帮助下,凭借着玩Screeps学的一点JavaScript皮毛,还有现学现用的HTML和CSS知识把这个简陋简洁的网站做出来了。

但我真的会在以后的日子里写些什么东西放在这个网页上吗?我也不确定,谁知道呢?

我正在学用吉他弹这首歌! width:50%

时间会给出答案。

此外,有多少人会看到这个地方呢?可能只是聊以慰籍罢了。

技术实现

除去用于渲染Markdown的Marked库和许多文章本体之外,这个站就只有四个文件是关于网页渲染的:

Markdown 文件按文件夹分类存放,并使用html和javascript通过“#”处理了所有文章请求,找到对应的Markdown文件后使用Marked处理成html,再加上css一个简单样式,使用github action部署,事就这样成了。

所以我便可以使用Obsidian方便地创建与修改网页内容了。

但我可不想手写网站目录,于是就写了toc.py脚本,这是一段自修改Python代码,同时也是一段合法html网页。它每次运行会寻找目录下所有文档文件并整理成树状的可点击样式附在自己前面,这就是这个目录了。

24/07/28更新

  • 现在可以加载js文件作为文章了,只要求要求js文件第一行是一个函数。文章内容是js文件第一行的函数的返回值。(当然也可以不返回东西)
  • markdown文件中插入图片时在[ ]内插入“x%”即可将图片的宽度设为x%

25/02/08更新

更新了网站架构,现在好像全都不一样啦!具体的有空再写,可见此处

TODO List

  • 目录添加一项“最近更新”
  • 加入 Marked 代码高亮插件
  • 评论系统(现在先拿Github Discussions替代吧!)

Known Bug

  • 按钮按太快时会导致网站卡死,无法切换页面
  • toc.py在最后一个项目是空文件夹时虽然不会显示此文件夹但仍会显示连接线
缘起段完成于2024年6月20日