这是吸引你点进来的图片XD

一切的起源…

ㅤㅤㅤ

2023/1/19

你好世界!这是我的第一个帖子,那用来持续编辑——也就是写点个人网站的建立过程吧。

首先写在最前面的是要感谢白帆桑!(点击可以去拜访她)是白帆桑带领我进入了搭建个人网站的历程,正在阅读的你能看到这些文字离不开白帆桑的支持!
感兴趣的话就READ MORE吧!
ㅤㅤㅤ⁡

ㅤㅤㅤ

搭建记录

ㅤㅤㅤ

2023/1/19:框架成型

接下来就说说个人的搭建经历吧……我在19号傍晚开始通过白帆桑给予的教程接触hexo和github,并且不久后做到了hexo成功部署github!当时的我十分兴奋,立马开始准备个性化。浏览了很多themes后,最终因看中emoji而选择了Minidyne这个主题!但这个主题需要更改一些数据,加上我比较心急,于是我的第一个网页被我改得面目全非(默)

只是新手的我不知道如何修复,只得破罐子破摔删除了这个网站背后所有的文件,又傻乎乎地跑去删除了github的数据库。后续在新建数据库的时候还打错了名称,部署失败了好一会才发现……我甚至还重新上传了一遍ssh,只是为了想清空重新开始……请原谅电脑白痴!总之当天一直弄到晚上,才把网站二代重新建立好,又心情复杂地去找新的主题了。

纠结来纠结去,最后我选择了freemind.386这个主题,因为很酷!之后的进展都很顺利,直到我开始准备deploy……在完成一点个性化并本地测试成功后,我想部署服务器进行查看,结果就很不幸地发现d失败了!采用白帆桑提供的建议无果,我又使用各种搜索来的方法,结果部署后网页的主题显示缺失……百思不得其解的我只能暂时放弃部署,继续在本地进行个性化测试,于是第二个问题就这么来了——测试字体格式的时候,我发现这个主题的一到六级分类显示有缺失,并且无法显示文字的加粗和倾斜。因为拉我入坑的白帆桑也在苦恼字体无法倾斜的问题,加上已经是时间来到20号的深夜了,于是我打算暂且放一边,再次回到deploy的问题上。不过在继续解决之前,还是要为了健康睡觉的嘛……
ㅤㅤㅤ

2023/1/20:主题成型

于是就失眠了!因为建立个人网站很兴奋的我在床上翻来覆去睡不着,最终在20号早上五点前后爬起来接着和deploy斗争……没想到的是,我忽然就d成功了!就连操作的我自己都不知道是怎么做到的(现在回想也不确定是哪一步走对了),但总算能看到网页了!我开始安心地继续个性化。

想到之前在白帆桑的网站留了言,于是我也想给自己的网站增加valine评论功能。注册leancloud的时候我遇到了实名认证,不安地询问白帆桑后最终选择了国际版注册。在因特网搜索相关信息时,我意外发现自带支持valine功能的主题里有freemind.bithack这个似曾相识的存在!(是的!我也不知道为什么之前没有发现)这是基于freemind.386的主题,bithack修复了386存在的bug。没错,困扰我的一到六级分类显示和加粗倾斜显示,都被作者一一解决了……感谢你!AresX!(擅自这么称呼了!)

更换主题后,我开始个性化favicon。现在你看到的图标是没画过像素画的我的第一个作品……好啦我知道有很多不足的地方!但这是我认为目前我能有勇气拿出来的画啦!同时我还增加了导航栏的icon,可惜目前只能用Font Awesome图标而无法实现高度自由化,以及links栏的icon在config修改后无反应TT
ㅤㅤㅤ

2023/1/21:纠结评论

找到了修改主题颜色的地方!苦恼地修改后突然感觉还是以前两版好看:(

外观基本成型后,我开始研究20号遗留的valine评论功能。因为freemind.bithack的作者说内置了valine功能,于是我去改yml,但是在本地测试中无论怎么按照正规操作来,都无法添加评论区。这个问题苦恼了我两天,我尝试了很多方法,最后都无一例外地失败了。最后我想到,当初在应用这个主题的时候,有一个复制yml的操作。我有点不敢相信地把主题config再次复制到全局,再本地测试……竟然成功了!我又开心又想给自己一个脑门。我立马想到links栏添加失败的icon,修改完主题config后我再次复制到全局,同样也成功了!我简直哭笑不得,这些苦恼了我两天的问题,就是因为我忘记了一个操作……但好景不长,我发现评论区虽然有界面但评论无法发出。作为小白的我在因特网各种搜索解决方案失败后,一度想放弃评论功能……
ㅤㅤㅤ

2023/1/22:新年快乐

在鞭炮声中我最后选择了waline来提供评论功能(祝贺成功!虽然需要梯子……对国内无梯人不友好orz)此外,该主题内置的评论功能无法通过comments: true/false来自由控制(个人还在思考如何解决中),但值得庆祝的是这几天想完成的大目标基本上都实现了!(不良反应是熬夜)博客正式开始缓慢运营,撒花撒花✿✿ヽ(°▽°)ノ✿

在这一部分结束的尾声,让我吐槽下该主题自带的feature预览图功能真的好拉
ㅤㅤㅤ


个人文章布局语言防遗忘记录:
·居中左右对齐:div标签,加上align = left/right/center(但是无法实现文字加粗斜体超链接/待优化)
ㅤㅤ-居中也可以直接用center标签(待优化)
·文字大小设计:font size标签,加上=”数字”
·字体更变选择:font face标签,加上=”字体名称”
·文字颜色选择:font color标签,加上=”颜色RGB”
·标题分级:#(用于段首+空格。一共可有六个分级,从一到六变小),对应h1/2/…/6标签
·区块引用:>(用于段首+空格。可以无限引用叠加下去)
·反义符号:\(添加在符号前,防止_和*等被判断为指令)
·无序列表:-/*/+(用于段首+空格)
·高亮功能:code标签(这个我不是很喜欢用…感觉好丑(sorry)但还是记录下)
·蒸汽游戏:{百分比符号+steamgame+游戏的APPID+描述文本,未设置则默认为游戏本体简介+百分比符号}
·注音功能:{百分比符号+ruby+文字+|+转成注音的文字+百分比符号}
·隐藏语句:{百分比符号+details+表面文字}隐藏文字{enddetails+百分比符号}
·备用注释:{百分比符号+hint+’文字’’注释第一段’’注释换行第二段’…+百分比符号}


ㅤㅤㅤ

更新狂潮

一个大框架设置好后,我边开始疯狂实践自己的想法……(俗称表面玩得花)

2023/1/23:UPDATE

❤️设置了浏览器标签栏彩蛋
🧡添加了鼠标点击爱心特效
💛实现了文章自定义顺序排序
💚评论区完成开启关闭自由化
💙添加了文章加密+隐藏功能

2023/1/24:UPDATE

💜添加了脚注功能[1]
❤️FOOTER修改并增加了运行时间统计
🧡links栏新增了链接
今天一下午都花费在添加阅读进度条、阅读字数统计及阅读时间预计上了,结果都没弄出什么名堂:(

2023/1/25:UPDATE+抱怨nodejieba

抱怨:24号在研究不出来阅读相关插件后想搞一个插件(指的是hexo-ruby-character,本想玩一玩注音的),发现其中依赖的pinyin需要nodejieba支持,为了提供这个支持又折腾了好一会,下载卸载各种东西,新添了两个版本的c++环境支持和两个版本的python语言支持(设想是分别为了支持node-gyp和nodejieba),加了net framework离线支持,还添加了nvm功能好把node.js从64位换成32位好给node-gyp提供npm支持,并且再碰壁添加配置依赖,一路下来十分崩溃orz我的内存……下载了那么多只是为了一个nodejieba,而这个nodejieba介绍的强大功能我只想用一个需要它支持的小插件,我真的,我为了什么TT从24号深夜一直弄到25号早晨八点(虽然中间躺床上发呆了几个小时)到最后也无法做到在windows中安装成功,心碎,哭泣小狗状。放弃这个插件后我都不知道要不要把辛苦下载下来的所有东西给删了…但是不删内存占太多……再见了我的辛苦证明!)在搜解决方法的时候看到了好多和我一样困扰的人,windows你害人不浅啊…!(区别是他们大多数都成功了TT!啊啊羡慕……)
nodejieba我记住你了!下次有精力一定把你拿下!!
顺着藤去看了分词功能,感觉是自己暂时用不上的,但是我很馋那个插件的注音功能(虽然感觉用的地方也不多,所以我究竟是在忙活什么)

💛成功插入了steam游戏(↓请来玩<3!)

💚增加了文字注音功能 (zēng jiā liǎo wén zì zhù yīn gōng néng)
是的各位,因为我只想要hexo-ruby-character这个插件功能,而这个插件需要pinyin功能,而pinyin需要nodejieba,所以我才废了老大力气去尝试下载nodejieba。被折磨通宵后,我放弃了下载nodejieba,但是我不甘心。因为在搜索nodejieba的时候,看到有人推荐了不需要node-gyp和c++等等环境支持的jieba,一样可以进行分词。于是我就想,那这个插件里基于nodejieba的pinyin是不是也可以寻找其代替的类似插件呢?于是我再次搜索,尝试了几个还是无效,最后我尝试了node-pinyin来替换原本插件里需要nodejieba的pinyin。意外地是,在npm过程中,我忽然看到了nodejieba这个文件夹名闪过,随后又不知去到哪里了。我心里一惊,小心翼翼地进行不知道这是第几次的尝试后……我成功了!请看看 (kuā kuā) 我的成果(是的!有注音后可以随便玩了www)
哼哼nodejieba我拿下你了!!!
ㅤㅤㅤ

2023/1/26 UPDATE

💙这是什么?(点我!)

是更新的新功能啦!我把spoiler相关的两个插件都舍弃了,一个是因为似乎存在bug会吃掉所有文字,另一个跟这个比起来感觉有点浮夸(?)所以被替代掉哩。不过未来可能还是会尝试这两个插件!


💜为可能存在bug的脚注添加了一条后路,但之前的脚注渲染和这个插件在某些方面混在一起了…又冒出一个bug不知道自己能不能修复:(
❤️修改了sidebar,手动在首页增加了音乐角(第三方外链不稳定,资源经常容易加载失败,需要疯狂刷新…以后会考虑用插件/待优化增加pjax功能,因为目前播放音乐后跳转刷新都会中断)
放的是我喜欢的乐队的专!以后也许会每隔一阵子更新一次歌单XD
🧡About界面再修改/简单地展示了『夜莺颂』(未来待美化!)(目前的页面太丑了(对不起)
💛首页底部养起了小鱼૮₍ ˃ ⤙ ˂ ₎ა

……未来应该不会频繁高强度钻研添加新东西了,毕竟重点还是在写的博客内容上不是吗XD
实践了许多想法!有的想法因个人能力不足无法实现很遗憾,有的想法虽然实现了但认为不适合加在网站中因此抛弃,还有些想法正在搁置中…但是回头看看发现自己能做出这些来真的很开心,是一段独特的经历了>< 再次感谢白帆桑带我入坑!

2023/1/28

💚设置了网页鼠标指针
💙修改了点击特效

【暂时】放弃下订阅功能,感觉本来是记录存档的个博,订阅功能有点徒加焦虑感hhh(哪来的焦虑啊喂!)

2023/2/8

💜优化了网页鼠标指针,添加小箭头降低了误点率
❤️移除了sidebar的音乐角,MORE界面施工中
🧡增加了图片懒加载功能?
ㅤㅤㅤ


目前正在进行中的项目:支持简繁互换
想做还没来得及做的:添加引入wiki插件|使网页更人性化,添加实用功能|添加音乐视频播放插件


ㅤㅤㅤ

未来展望

修复各种bug|waline去梯|优化手机版网页展示|在about页面或more界面添加live2d|waiting 4 new ideas🤔

·waline去梯需要绑定国内能访问的域名,我暂时没有。免费的注册域名网站我尝试了EU.org,账号都注册了,可惜后来看到一条eu.org在国内也无法访问的提问+在eu.org申请域名可能会花费很长的时间+需要我暂时无法提供的DNS解析,于是暂时放弃了去梯化的想法。也许会尝试重新用回valine。
好吧,我还是很喜欢waline的功能,比valine丰富了好多!而且DNS貌似可以用vercel提供的默认地址,但是eu.org看起来是真的不能用了。准备未来去试一下js.org!
ㅤㅤ
·【暂时放弃】增加阅读进度条功能……自己摸索了两天也没摸索出什么来。我的主题布局似乎与主流不同,尝试很多代码配置也无法显示。目前在研究。
ㅤㅤ
·同样【暂时放弃】的还有阅读字数统计和预计阅读时间插件。一是添加插件显示失败,我的主题布局似乎限制了这些功能的出现。二是自我感觉以后博客是图文兼备,这些功能只有50%能发挥(我在自我安慰!)三是,嗯,这些都可以自己手动在文章前进行添加嘛(我还是在自我安慰!)
ㅤㅤ
可恶,好馋那些热门主题的众多配置和海量教程

其实一开始是想给自己的博客弄一个暖色主题的,但后来看到了很酷的类windows主题(?),同样也很戳我,于是就走上了自认为的“程序”主题风格了。但是后来感觉这种风格真的只是酷,对于长时间阅读来说很不友好,于是陷入了一方面想走程序风格,一方面又想尽可能提供良好的阅读体验(完全与我想要的风格相反,比如我本想把网站字体换成像素风的,以及背景的蓝想更亮一点,但是对于阅读来说都不怎么舒适)导致网站更新到现在不伦不类的……以及感觉自己的网站默认是夜间模式了(有吗?)不会去做与之对应的日间模式(执着于程序风格…!)但以后也许会尝试做出专门的阅读模式,这样我就可以安心地个性化网站而不用去担心阅读体验了>< 一直被束缚着但是真的好想做出那种酷酷的像素程序感!憋着我好难受!
最近更新的脚步会直线变慢,几天没动静应该是常事,因为现在在写这段文字的我头好疼XD 打算让自己休息一下搞点同人什么的放松放松,接着再多自学一点相关知识,防止0基础什么都不懂就去瞎试然后既浪费时间又消耗精力。

ㅤㅤㅤ
ㅤㅤㅤ
……
ㅤㅤㅤ
ㅤㅤㅤ
Qian🥳2003.exe持续更新中,Hasta la próxima——
cya!


  1. 1.目前疑存bug,待优化
⬆︎TOP