建站历程

邮箱联系

2022.8.2

我第一次开始建站:开端

在冲浪中,青柠起始页的个人资料管理页看到热铁盒旗下产品,“网页托管”,有了第一个网站,网站名为“cheongszesuen.rth1.one”。

2022.8.3

HHZ建站:起点

将网页托管其网址发给HHZ,HHZ有兴趣,一同建站,网站名为“dangerous-hhz.rth1.one”。

2022.8.3~5

主站背景图片:成功但耗费精力过多

首先试图插入图片,使用img标签,失败,img标签为插入普通图片;逐渐探出background属性,起初在html中的head标签里用style改变body的背景填充。用到/*background:url(位置)*/,得出位置可以用网络图片链接也可以用文件链接,但热铁盒需要高级用户才可上传除css、html、js外的文件,因此选择用壁纸网站,wallheaven的图片链接,使用最喜欢的《神奈川冲浪里》作为主站背景,直到现在,这串代码还在我的主站外部样式表中,因为被注释掉,所以不会发挥作用,但可以看到代码,为什么注释掉后边会解释。

2022.8.5

热铁盒网页托管需要高级用户一些想法:失败

因为热铁盒没有高级账户无法上传图片之类必要文件,而且wallheaven只是我找我需要的,而我需要自己的。所以HHZ晚上有了想法,利用腾讯云盘的分享功能来做网络位置,因为网络位置是储存在其他企业/人的服务器的,如上最初我用wallheaven的壁纸做背景,这张图片实际是存储在wallheaven的服务器的,我只是让背景图指向这个服务器。至于为什么要用分享功能,因为如果只上传云盘这个图片是隐私的空间,这属于网络中的深网,内容被隔离。但只要让内容分享,这个内容会链接到表网。HHZ提出了这个想法。我实践了这个想法,不可以,可能是因为学的东西太少,不知道怎么抓取网站上的图片,在预览分享图片时,复制的链接,不是内容链接,而是内容下载链接,失败。通过HHZ的想法,于是我有了其他类比,首先使用B站文章功能,上传图片。在审核过程中,又用CSDN发动态尝试,因必须有水印,作罢。B站文章功能,使用后忘记为什么失败,总之是失败了,这个想法不可。

2022.8.6

导航栏:成功

在我知道网站是HTML语言之后去到w3School学习HTML,w3School演示了导航栏的不同制作方法,有普通的垂直和水平导航栏,固定导航栏,粘性导航栏,最终选择了固定导航栏。

2022.8.6

导航栏的修改:精力耗费过多

在我修改导航栏从固定导航栏到粘性导航栏时候,遇到问题,重写了关于导航栏的样式表和主代码,我没有将样式表外置,依旧放在head标签的style属性中,解决了。

2022.10.3~4

静态音乐播放器:失败

因为是免费建站,所以有局限性,此网站所有文件存于Github Page 自己的公开仓库中,外者只能访问,没有修改权,所以网站是静态的。而动态网站需要服务器我内服务器需要实名认证,需成年,而且免费的试用期过短,不可取。但是有方法可以让Github Page变为假动态,但仍不符合需求,不可取。试图搜索,下载了个模板,但是修改后不可用,弃。

2022.10.5

二次静态音乐播放器:失败

又海选出一模板,过于复杂,修改了一天,仍然不能达到可以播放的功能,只能暂时搁置,但已于2022年10月6日晚上线半成品。

2022.10.5~6

更换网站图标:成功

时间准确点说是从五日晚到六日下午,因为网站依旧直接引用其他网站的图标,于是决定更改图标,使用创客贴设计图标,做出四个,第一个过于简陋,未选,第二个是2020年我做过的一个Logo,侯皓哲说很抽象。第三个是利用创客贴设计的图标,分彩色和黑白,又搜关于 的信息,本来以为必须要32*32很小的这种图标,先用PicWish透明抠图,又用MaTools做成32*32的图标,试了一下,太模糊。又试了一下直接用扣过图的Png的图,很清楚,也是正式的图标了。

2022.10.8~9

重写音乐播放器:搁浅

重写音乐播放器,重装了vscode,但仅仅是一个垂直一个水平的导航栏合在一起就不会了,还是学的太少。

2022.10.9

主页footer重写:失败

因为疫情,在家上网课,摸了会鱼,因为网站footer位置对,但是footer的样式虽然有,但是不奏效,不知道为什么打算重写,但是要么是样式奏效,但位置不对。还有用div的main和div的footer,但是不能用,整个页面的元素位置都不对了。又找了个很不错的模板,但是代码看不懂,只能复制粘贴,只有浪花可以显示,但下面的按钮可以使用,但无法看到。放弃

2022.10.15

主页footer重写:成功

依旧是找模板,看到一个波浪式的footer很不错,加到主页里,样式用了内置,发现外置到css不起作用,估计是冲突了,先上传了github,底下暂时未做优化,待以后有时间优化。算是成功,但还不是自己写出来的。且主站上footer的倒数两行指向的都是外链接,试了下本地,发现无法成功,算是暂时搁浅。

2022.10.15~2022.11.12

研究blog网站:暂滞

没有时间做,暂滞主站。倒是做了blog网站,看到bebop的blog网站,最开始不知道框架怎么用,只是复制了内容,后来发现不行,暂滞了一段时间。又摸索到bebop用的是qiubaiying的模板,于是利用qiubaiying的模板(不过我甚至连模板都看不懂,用到框架了)但因为特殊原因,Github速度变慢,cloudflare直到2022年11月12日还是登不上,导致网站域名解析有很大问题(科学上网也不行)又因为学业暂滞。

2022.11.12

重启blog:失败

昨天晚上加内存条,电脑速度很快了,中午重启blog项目,因为可以用Github Desktop了,效率快了。

2022.11.24

更新footer和navbar

加入blog网站 https://wbza.tk并修改footer内容和navbar内容,近期因学业,所有项目搁置,期间有尝试,但一直被卡在“如何在GitHub pages中加入Jekyll”,因为模板是用Jekyll架构

2022.11.24

网站字体更新:失败

打开主站看了下,发现没字体,于是去鸿蒙下了个Harmony Sans,但是又遇到不会弄的问题,暂时搁置,算是失败,明日继续。

2022.12.17早晨

静态音乐播放器(进行)

还是之前搁浅的版本,不过这次计划有明确的计划,首先把内容翻译成中文,再删除无需的部分,再更改需要部分的内容。旧版搁浅的还会放在navbar。顺便上传一下正在进行的播放器改一下navbar。

2022年12月17日下午

静态音乐播放器:再次搁浅

卡在了音乐播放和MV播放,无法做到,搜了很多,无法解决问题。至此时2022年12月17日16:21:00,所有内容已成中文,无用的也删除了,唯一缺的是功能。

2022年12月20~27日

重启BLOG:搁置

想重启blog项目,因为wbza.tk这个域名剩的时间不多了,我觉得我逐渐接近了答案,但无法成功。在2022年12月23日22:40,我成功在本地serve了一次jekyll,并成功,这是一次进步。2022年12月27日早晨我成功在本地git+jekyll,模板serve了一次,可以了,但是文章都显示不出来,算是一次进步。下午15:22 停止。暂时搁置

2022年12月28日

继续BLOG:成功

在2022年12月28日15:31,我完成了BLOG网站。此次是用Cheong-Szesuen账号fork了黄玄的仓库,直接输入cheong-szesuen.github.io,可以访问。但是用CloudFlare Pages连接GitHub并成功部署,但仍然不能成功渲染,大概是部署的命令不对。也许只能用GitHub Pages了,目前把wbza.tk的解析到了cheong-szesuen.github.io,也许下一步就能成功了,现在是15:50:20,写完about页的更新,就要去修改_config和一堆文件了。算一次很大的成功,但不知道做完该干什么了。

2022年12月28日晚

继续BLOG:遇阻

虽然成功了,文件彻底改完了,但是也许是fork的问题,我似乎push到黄玄的仓库了……,而且打开发现除了home页能看,其他都显示offline。用主号建了一个,但又行不通了,按照cheongszesuen.github.io/iblog进不去显示找不到页面

2022年12月28日19:01:31

继续BLOG:成功

在晚上大约18:30时,我将小号的fork仓库删除,把原本更改的版本又重新创建,好了,彻底好了,只是post没显示,navbar的一些找不到原文在哪,翻译不了,还有网站图标也不行。

2022年12月29日12:53:27

BLOG:成功

post把原作者的全部删了,背景图也一样,图标找不到在哪,先转成ico替换了源文件,把站点作为app安装我也修改了,学了一下Markdown语法,写了第一篇文章(实际是之前的) ,现在网站有一个缺点是因为不是CloudFlare,GitHub又太慢了,导致加载缓慢,所有图片还都需要先进入格式工厂转换成webp文件再进入tinyPNG压缩体积,才能勉强快一点,不知道后边有没有什么办法。

2022年12月29~31日

写建站教程:成功

从29~31日一直在写建站教程,因为先进入格式工厂转换成webp文件再进入tinyPNG压缩体积这一步要的时间太多了,导致过程非常慢。教程写的很细现在2022年12月31日13:53:37还没写完。

2022年12月31日午

主站about页设置HarmonyOS sans字体:成功

搜了一下教程,又看了一下先前的静态音乐播放器套用了一下,又把HarmonyOS sans的otf转换成svg,eto,woff

2022年12月31日下午

主站设置每日bing图作背景图:失败

问题出在我想要背景图模糊一点,因为每日bing图色彩不固定,可能不易读。可以添加filter: blur(5px);的CSS属性,但是原本的背景图在CSS的body下,如果直接添加filter:blur(px),会连同字也模糊掉。试图将图片的属性做一个CSS,再在html里创建一个div然后附上图片的属性,但问题出在“如何让这个图片覆盖全屏”,“如何让不同尺寸的设备看到图片中间的位置”。我学习青柠起始页的代码,发现现有一个div包裹img标签,可是问题就出在这个div的属性,我找到css对应的,发现几行关键的。“overflow-x: hidden;”这行似乎可以让不同尺寸的设备都看到中间的,“width: 100%;”这行似乎可以让图片左右覆盖。“ background-size: auto; background-position: center; background-attachment: fixed;”这几行我猜可以让图片全屏,但我发现不行。
但是有个发现,只要background-attachment: fixed;就可以让图片不跟随滚动,滚动的时候就像下边的渐渐覆盖它一样。
现在先暂时把网站还原回,然后再改下图片地址,用的是http://tool.liumingye.cn/bingimg/img.php这个链接。在背景图中有几个被注释掉的api接口,可以直接用。网上也能搜到一大堆。

2023年1月2日中午

更换背景图api:成功

发现刘明野的那个api老是就显示昨天的了,换了个api。

2023年1月2日中午

发现blog不能搜索bug

疲了,昨晚把wbza.tk不能配置好刚搞好,中午看了一下dns好了,结果发现文章分类和搜索页有用不了,但是cheong-szesuen.github.io是好的。真奇怪....

2023年1月4日

烟火特效

刚在看一个文件夹,里面有个烟花特效,感觉挺好看,直接复制来, 有点BUG,干脆直接建个烟花的网页。以后再看怎么才能加到主页。

2023年1月5日晚

烟花和樱花特效:暂滞

打算直接建个子站,放上去,以后学会了js,看看能不能获取时间,如果是春天就樱花,如果是秋天就落叶,冬天就雪花,过年放烟花。现在暂时找到烟花和樱花,看起来都很难……

2023年1月5日18:43:34

更改api之后仍然修改不及时……:成功

常有的事,刚上传的一个小修改,结果不生效,打开开发者模式,发现里面的那个修改居然还是原状。又看了下api,结果上边还是李明野的api……CloudFlare的锅了……晚上看了一下又好了……

2023年1月5日晚八点

想让新年快乐的日期自动变化:失败

我的想法是,用JS,获取今天的年份,然后自动替换上边的数字,搜了一下,我不会怎么让时间自动替换,教程都是点一下获取时间,我觉得教程写的就跟青柠起始页的问候语一样,用开发者工具打开,那个问候只显示一会,所以看不了……停止了。学艺不精

2023年1月5日晚九点

想重写navbar

导航栏的内容太多了,即便是有响应式在里面,但是直接垂直竖着摆放还是不好,占用太多空间,想换一个导航栏。

2023年1月8日晚

开始动工翻译项目

翻译内容是《1984》里的《寡头政治集体主义的理论和实践》拿舒新的版本,和网上找的疑似孙仲旭的版本一起看,英文版是Google搜索下的。晚上只写了个头文件,选了个背景图。第一段在2023年1月9日23:50翻译完了。实在是件不容易的活。
2023年1月10日翻译工作我发现真的很难,即便只有两章内容,也太长了,而昨天晚上只翻译了一段……但愿以后能快点。

2023年1月10日晚

增加YouTube的SNS

FontAwesome中有YouTube,就加上了,实际不难,难的是怎么自定义,目前只把SNS的建站细节说了一下,下面的很多东西都没配图,也没说jekyll的本地调试……

2023年1月13日00:13:34

修复部署错误BUG:成功

BLOG网站的BUG已经有两天了,晚上找到了,是我添加YouTube图标的时候上一个领英的图标没关闭,应该是复制结果出错了……十点多push到GitHub了,现在又rerun-jobs了,成功了,很好。大概明天就会继续翻译那篇文章了

2023年4月30日

修复主页bing每日一图api失效:成功

换成刘明野的api了,地址是http://tool.liumingye.cn/bingimg/img.php

2023年4月30日

尝试修复新年快乐字号:失败

因为加了个癸卯年,结果超出屏幕了。试图修复,css看不懂。

2023年5月28日

about添加能直接发邮箱联系方式:成功

从MDN刚学,想试试,应用上了。

2023年5月28日

修改footer图标的link形式:成功

因为Y轴上浮会让图标超出边框,因为改不了边框,所以只能改其他动画,改成放大1.2倍了。

2023年5月28日

添加照片墙

突发奇想想做,用的这个作者的https://github.com/CheongSzesuen/unflodPictures。

时间

标题

内容

时间

标题

内容

时间

标题

内容

时间

标题

内容

时间

标题

内容

时间

标题

内容

时间

标题

内容

时间

标题

内容

时间

标题

内容

时间

标题

内容

时间

标题

内容

时间

标题

内容

时间

标题

内容

时间

标题

内容

时间

标题

内容

时间

标题

内容

时间

标题

内容

时间

标题

内容

时间

标题

内容

时间

标题

内容

时间

标题

内容

时间

标题

内容

时间

标题

内容

时间

标题

内容

时间

标题

内容

时间

标题

内容

时间

标题

内容

时间

标题

内容

时间

标题

内容

时间

标题

内容

时间

标题

内容

时间

标题

内容

时间

标题

内容

时间

标题

内容

时间

标题

内容

时间

标题

内容

时间

标题

内容

时间

标题

内容

时间

标题

内容

时间

标题

内容

时间

标题

内容

时间

标题

内容

时间

标题

内容

时间

标题

内容

时间

标题

内容

时间

标题

内容

时间

标题

内容

时间

标题

内容

时间

标题

内容

时间

标题

内容

时间

标题

内容

时间

标题

内容

时间

标题

内容

时间

标题

内容

时间

标题

内容

时间

标题

内容

时间

标题

内容

时间

标题

内容

时间

标题

内容

时间

标题

内容

时间

标题

内容

时间

标题

内容

时间

标题

内容

时间

标题

内容

时间

标题

内容

时间

标题

内容

时间

标题

内容