在冲浪中,青柠起始页的个人资料管理页看到热铁盒旗下产品,“网页托管”,有了第一个网站,网站名为“cheongszesuen.rth1.one”。
将网页托管其网址发给HHZ,HHZ有兴趣,一同建站,网站名为“dangerous-hhz.rth1.one”。
首先试图插入图片,使用img标签,失败,img标签为插入普通图片;逐渐探出background属性,起初在html中的head标签里用style改变body的背景填充。用到/*background:url(位置)*/,得出位置可以用网络图片链接也可以用文件链接,但热铁盒需要高级用户才可上传除css、html、js外的文件,因此选择用壁纸网站,wallheaven的图片链接,使用最喜欢的《神奈川冲浪里》作为主站背景,直到现在,这串代码还在我的主站外部样式表中,因为被注释掉,所以不会发挥作用,但可以看到代码,为什么注释掉后边会解释。
因为热铁盒没有高级账户无法上传图片之类必要文件,而且wallheaven只是我找我需要的,而我需要自己的。所以HHZ晚上有了想法,利用腾讯云盘的分享功能来做网络位置,因为网络位置是储存在其他企业/人的服务器的,如上最初我用wallheaven的壁纸做背景,这张图片实际是存储在wallheaven的服务器的,我只是让背景图指向这个服务器。至于为什么要用分享功能,因为如果只上传云盘这个图片是隐私的空间,这属于网络中的深网,内容被隔离。但只要让内容分享,这个内容会链接到表网。HHZ提出了这个想法。我实践了这个想法,不可以,可能是因为学的东西太少,不知道怎么抓取网站上的图片,在预览分享图片时,复制的链接,不是内容链接,而是内容下载链接,失败。通过HHZ的想法,于是我有了其他类比,首先使用B站文章功能,上传图片。在审核过程中,又用CSDN发动态尝试,因必须有水印,作罢。B站文章功能,使用后忘记为什么失败,总之是失败了,这个想法不可。
在我知道网站是HTML语言之后去到w3School学习HTML,w3School演示了导航栏的不同制作方法,有普通的垂直和水平导航栏,固定导航栏,粘性导航栏,最终选择了固定导航栏。
在我修改导航栏从固定导航栏到粘性导航栏时候,遇到问题,重写了关于导航栏的样式表和主代码,我没有将样式表外置,依旧放在head标签的style属性中,解决了。
因为是免费建站,所以有局限性,此网站所有文件存于Github Page 自己的公开仓库中,外者只能访问,没有修改权,所以网站是静态的。而动态网站需要服务器我内服务器需要实名认证,需成年,而且免费的试用期过短,不可取。但是有方法可以让Github Page变为假动态,但仍不符合需求,不可取。试图搜索,下载了个模板,但是修改后不可用,弃。
又海选出一模板,过于复杂,修改了一天,仍然不能达到可以播放的功能,只能暂时搁置,但已于2022年10月6日晚上线半成品。
时间准确点说是从五日晚到六日下午,因为网站依旧直接引用其他网站的图标,于是决定更改图标,使用创客贴设计图标,做出四个,第一个过于简陋,未选,第二个是2020年我做过的一个Logo,侯皓哲说很抽象。第三个是利用创客贴设计的图标,分彩色和黑白,又搜关于
重写音乐播放器,重装了vscode,但仅仅是一个垂直一个水平的导航栏合在一起就不会了,还是学的太少。
因为疫情,在家上网课,摸了会鱼,因为网站footer位置对,但是footer的样式虽然有,但是不奏效,不知道为什么打算重写,但是要么是样式奏效,但位置不对。还有用div的main和div的footer,但是不能用,整个页面的元素位置都不对了。又找了个很不错的模板,但是代码看不懂,只能复制粘贴,只有浪花可以显示,但下面的按钮可以使用,但无法看到。放弃
依旧是找模板,看到一个波浪式的footer很不错,加到主页里,样式用了内置,发现外置到css不起作用,估计是冲突了,先上传了github,底下暂时未做优化,待以后有时间优化。算是成功,但还不是自己写出来的。且主站上footer的倒数两行指向的都是外链接,试了下本地,发现无法成功,算是暂时搁浅。
没有时间做,暂滞主站。倒是做了blog网站,看到bebop的blog网站,最开始不知道框架怎么用,只是复制了内容,后来发现不行,暂滞了一段时间。又摸索到bebop用的是qiubaiying的模板,于是利用qiubaiying的模板(不过我甚至连模板都看不懂,用到框架了)但因为特殊原因,Github速度变慢,cloudflare直到2022年11月12日还是登不上,导致网站域名解析有很大问题(科学上网也不行)又因为学业暂滞。
昨天晚上加内存条,电脑速度很快了,中午重启blog项目,因为可以用Github Desktop了,效率快了。
加入blog网站 https://wbza.tk并修改footer内容和navbar内容,近期因学业,所有项目搁置,期间有尝试,但一直被卡在“如何在GitHub pages中加入Jekyll”,因为模板是用Jekyll架构
打开主站看了下,发现没字体,于是去鸿蒙下了个Harmony Sans,但是又遇到不会弄的问题,暂时搁置,算是失败,明日继续。
还是之前搁浅的版本,不过这次计划有明确的计划,首先把内容翻译成中文,再删除无需的部分,再更改需要部分的内容。旧版搁浅的还会放在navbar。顺便上传一下正在进行的播放器改一下navbar。
卡在了音乐播放和MV播放,无法做到,搜了很多,无法解决问题。至此时2022年12月17日16:21:00,所有内容已成中文,无用的也删除了,唯一缺的是功能。
想重启blog项目,因为wbza.tk这个域名剩的时间不多了,我觉得我逐渐接近了答案,但无法成功。在2022年12月23日22:40,我成功在本地serve了一次jekyll,并成功,这是一次进步。2022年12月27日早晨我成功在本地git+jekyll,模板serve了一次,可以了,但是文章都显示不出来,算是一次进步。下午15:22 停止。暂时搁置
在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和一堆文件了。算一次很大的成功,但不知道做完该干什么了。
虽然成功了,文件彻底改完了,但是也许是fork的问题,我似乎push到黄玄的仓库了……,而且打开发现除了home页能看,其他都显示offline。用主号建了一个,但又行不通了,按照cheongszesuen.github.io/iblog进不去显示找不到页面
在晚上大约18:30时,我将小号的fork仓库删除,把原本更改的版本又重新创建,好了,彻底好了,只是post没显示,navbar的一些找不到原文在哪,翻译不了,还有网站图标也不行。
post把原作者的全部删了,背景图也一样,图标找不到在哪,先转成ico替换了源文件,把站点作为app安装我也修改了,学了一下Markdown语法,写了第一篇文章(实际是之前的) ,现在网站有一个缺点是因为不是CloudFlare,GitHub又太慢了,导致加载缓慢,所有图片还都需要先进入格式工厂转换成webp文件再进入tinyPNG压缩体积,才能勉强快一点,不知道后边有没有什么办法。
从29~31日一直在写建站教程,因为先进入格式工厂转换成webp文件再进入tinyPNG压缩体积这一步要的时间太多了,导致过程非常慢。教程写的很细现在2022年12月31日13:53:37还没写完。
搜了一下教程,又看了一下先前的静态音乐播放器套用了一下,又把HarmonyOS sans的otf转换成svg,eto,woff
问题出在我想要背景图模糊一点,因为每日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接口,可以直接用。网上也能搜到一大堆。
发现刘明野的那个api老是就显示昨天的了,换了个api。
疲了,昨晚把wbza.tk不能配置好刚搞好,中午看了一下dns好了,结果发现文章分类和搜索页有用不了,但是cheong-szesuen.github.io是好的。真奇怪....
刚在看一个文件夹,里面有个烟花特效,感觉挺好看,直接复制来, 有点BUG,干脆直接建个烟花的网页。以后再看怎么才能加到主页。
打算直接建个子站,放上去,以后学会了js,看看能不能获取时间,如果是春天就樱花,如果是秋天就落叶,冬天就雪花,过年放烟花。现在暂时找到烟花和樱花,看起来都很难……
常有的事,刚上传的一个小修改,结果不生效,打开开发者模式,发现里面的那个修改居然还是原状。又看了下api,结果上边还是李明野的api……CloudFlare的锅了……晚上看了一下又好了……
我的想法是,用JS,获取今天的年份,然后自动替换上边的数字,搜了一下,我不会怎么让时间自动替换,教程都是点一下获取时间,我觉得教程写的就跟青柠起始页的问候语一样,用开发者工具打开,那个问候只显示一会,所以看不了……停止了。学艺不精
导航栏的内容太多了,即便是有响应式在里面,但是直接垂直竖着摆放还是不好,占用太多空间,想换一个导航栏。
翻译内容是《1984》里的《寡头政治集体主义的理论和实践》拿舒新的版本,和网上找的疑似孙仲旭的版本一起看,英文版是Google搜索下的。晚上只写了个头文件,选了个背景图。第一段在2023年1月9日23:50翻译完了。实在是件不容易的活。
2023年1月10日翻译工作我发现真的很难,即便只有两章内容,也太长了,而昨天晚上只翻译了一段……但愿以后能快点。
FontAwesome中有YouTube,就加上了,实际不难,难的是怎么自定义,目前只把SNS的建站细节说了一下,下面的很多东西都没配图,也没说jekyll的本地调试……
BLOG网站的BUG已经有两天了,晚上找到了,是我添加YouTube图标的时候上一个领英的图标没关闭,应该是复制结果出错了……十点多push到GitHub了,现在又rerun-jobs了,成功了,很好。大概明天就会继续翻译那篇文章了
换成刘明野的api了,地址是http://tool.liumingye.cn/bingimg/img.php
因为加了个癸卯年,结果超出屏幕了。试图修复,css看不懂。
从MDN刚学,想试试,应用上了。
因为Y轴上浮会让图标超出边框,因为改不了边框,所以只能改其他动画,改成放大1.2倍了。
突发奇想想做,用的这个作者的https://github.com/CheongSzesuen/unflodPictures。
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容