如果以后不出什么大问题的话,就一直在这里写东西了. 就算真的出了什么大问题,本地依然还有全套文件留存.很容易重新来过. 真的很舒心.
关于网站
我花了7天的时间调试”组装”了这个网站,而且这个博客站点支持好多有用的功能.
基本框架是jekyll,自动解析和组装文件,生成网站.
最开始尝试了jekyll-now,真的瞬间就有了博客!只是功能太单一了.布局和显示也不符合我的想法.想自己扩展又力不从心.然后发现jekyll有主题生态,就开始找主题.
主题和布局响应等绝大部分基础,来自无意间发现的vno-jekyll,不出意外的话,就算是用户极少的山寨平板也能很好显示.
时间归档和标签分类的功能来自于leopardpan.github.io,一个我觉得很重要的功能,万一以后写了成千上万的博文,就靠这样的功能救急了.
想从zoharandroid.github.io抄一个搜索功能,但是失败了.我的准备一切都正常,可就是没有效果.
以后打算从kangblog-theme抄个留言系统.(https://robotkang.cc/)
我完全不会Github,不会jekyll,不会html,css等等等等的东西,甚至由于实在看不懂文件内容,还去我要自学网看了几集html和css的语法.
我把上边讲到的每个仓库和没讲到的仓库都下载了下来,大多数时候都是自己翻开文件夹一个文件一个文件的试,把一行删掉试试另一行,再发布到gitpage等待自动构建刷新…..
现在想起来那个情形,还真是搞笑.
写文章
这个博客挺厉害的,直接用md去写文章,上传就能直接生成网页.而且会和主题配合.(css)
不过文章本身,要添加一点点必要的信息来规范页面.
比如这个页面,文件里面的最上边就写了:
---
layout: post
title: 博客手册
date: 2020-08-01 22:48:00.00 +08:00
tags: 其他
---
layout: 告诉jekyll,这个文档是post页面(提交的博客文章)
title: 是最终显示的文章标题
date: 日期,但是不知道有什么用(例子:2016-02-15 15:32:24.00 +09:00)可能填了的话对日期的识别更精确吧
tags: 是用于实现标签功能的属性,经过实际测试,多个标签可以用空格分隔
然后文章的命名,必须是年-月-日-文件名.md,比如2020-08-01-我的第一文.md
在添加了这些必要的信息之后,下面就可以正常书写了.
可惜图片不能用相对路径插入.需要先上传到图床(比如博客所在仓库).本页下方的图片,使用了:
上传一个新的文章只需要把md文件放到_posts文件夹里,然后在GitHubDeskTop里提交并push一下就行了.
顺便测试个图片. (Σ(っ °Д °;)っ…不知道什么原因,70k的图片加载出来还要好长时间….)
最后提一下,博客文章的标题是固定以h1来显示的,所以写文章的时候如果不是要多标题效果的话,还是从h2开始排比较美观.
存在的问题
fast.io经常挂掉,本末导致了,现在采用typora相对路径来缩小问题.
typora里面有相应的绑定设置.可以在插入图片时自动上传图片,不过由于还需要学习,我放弃了.现在采用两个库的方案,然后提交前用小程序自动换一下路径前缀.
其实可以运行后用浏览器的检查来查看
重置了GitHubDeskTop后虽然速度提升不大,但是稳定多了,而且能看到上传的进度条了.实在等不及的可以构建本地环境,但是需要自己好好折腾一下,我放弃.
(有时候是我语法不够严格,比如引用的时候,代码页里是两个换行,但一个换行在Typora里显示效果也是一样的,有时候实是兼容问题.比如本站的404页面,调试了4个小时,最后干脆复制了jekyll生成好的网页代码,改一改塞进md里了)
放弃,目前可用性良好,也足够稳定.尽量不为了1%的方便去撼动99%的稳定流程.
这个问题会出现在多个合作者之中.但我的问题是GitHubDeskTop的数据发生了冲突,最后是通过重置应用数据来解决的.
博客的复用和自定义
若是有谁也想拥有一个同款博客.
可以访问我的博客仓库,然后fork一下.再把fork来的仓库名改成”你的github账户名.github.io”就完成博客的创建了.然后这个仓库名就是你的博客地址.
接着把_post文件夹里的文件删掉,再往里放你自己的md格式的博客文件.就可以使用博客功能了.(html也行)
改博客的信息数据,可以用记事本编辑_config.yml文件,里面的属性对应修改就好.想在主页添加新的链接按钮,也是在这里加.
想继续美化博客,需要自己学一些html和css.想要实现更高级的功能,要学jekyll,js.不想太麻烦的话,这个博客的功能已经够用了.(文章管理,主题美化,响应式布局,博文时间分类,按标签分类,独立页面啥的,基本功能该有的都有了,以后也许会添加一下搜索和留言功能吧…)
如果像我一样是小白,可以下载一个GitHub Desktop,方便上传博客文章.
维护日志
2020年7月28日 夜
历经波折,博客终于可以运行了
2020年8月1日 日
从leopardpan.github.io处抄到了时间归档和标签功能
2020年8月2日 夜
百度和测试花了1小时,做了个生成新文章模板的批处理文件,放在了_posts文件夹里.双击它,就能按当前的时间创建符合书写规则的md格式的博客文章文件.然后自动用默认程序打开编辑.
图片的预览可以直接用绝对路径,然后在上传文章前把地址替换成变量.
这个打算做成批处理:[参考](https://blog.csdn.net/u010425839/article/details/76595665)已经实现了,但是由于种种原因(主要是批处理的编码问题,和空行问题),还是把素有的脚本都做成了.py文件,可以在_posts文件夹里找到,旧版本的文件放到了名为垃圾的子目录里.(详见博客工具文章)
2020年8月6日 日
优化了一些显示.
优化了js文件的网络源兼容问题.由于原作者常年在国外,其中使用的js源在国内网络无法访问,造成侧边栏按钮失效.换成了微软的cdn源.
2020年8月8日 日
学习到了TRHX 的个人博客中的打字机效果.其实主要是Typed.js.打算实现多签名循环显示的效果.
已经初步实现效果并合理控制,只是一直没有大块时间,也怕搞错后加倍浪费时间,所以还没有加到签名档里.
other文件夹里的Typewriter.html就是这个效果的基本实现演示.
2020年8月11日 日
重置了GitHubDeskTop.现在上传没有冲突了,库也是自己的署名了,显示也有进度条了.
使用fast.io提升博客访问速度(图片资源已经全部移放,接下来打算有空的时候转移js文件,把cdn的js也留个备份)
将所有图片资源都改为变量路径,方便移植和容灾.
或许我可以把网站大部分资源都挂在fast.io上.但是毕竟水平有限,过于折腾可能会出现无法挽回的错误.我的要求是只要能用就行,速度方面能让人接受即可.还是先不麻烦了.
细微优化了一些名词.
下午把打字机效果给加进去了,本来以为会有什么问题,比如显示效果有啥不一致的.但看起来还好.果然在响应式布局上除了点问题.
2020年8月19日 日
资源挂到了fast.io,然后在gitee上做了个备份
2020年10月14日 夜
打算把博客备份到gitee的page,这样国内访问也会很稳.图片方面打算改变量解决.只是可惜了fastio和资源库的部署,之前的文章可能也要改一些.
2020年12月3日 日
打字机效果出了问题,是CDN的地址变了,我想改一下,但是我**忘了当时是怎么加的了…
好不容易更换了CDN地址…发现还是没有效果,上github一看,好像和之前的用法不太一样了…
试着试着,发现换了新地址的旧代码还是可以正常显示的,但是把代码放到博客页面里就不能显示,可以前还是正常的啊…
搞了半天,最后一步步测试,发现是自己里面少了个”,”逗号…
2020年12月14日 夜
考虑到简便性,把原来分散的资源都尽量整合到一起了.包括嵌入的图片,视频资源,啥的,以后打算把JS也搞进来.
虽然体积会稍微大一些,但是博客的gitee版速度还不错.
2022年3月25日
使用Typora兼容相对路径图片:Typora有个设置图片根目录的功能,对当前编辑生效.开启后会添加一行
typora-root-url: 相对路径 比如:typora-root-url: ..
由此可以实现兼容page显示和本地显示的目的.