Chapter Text
Notice:
1. I'm Chinese, so the English part of this article is mainly machine-translated and then manually corrected. The comic images in the background are also in the Chinese translation version. Due to not being familiar with the language used in the English community, if there are any expressions that offend you, I apologize.
2. I am completely a novice. The code is basically all based on studying the frameworks provided by other authors and following AI guidance for modifications. So it might seem very complicated. If there is a better modification method, please let me know!
3. Since a lot of images are embedded internally, the loading of images might be very slow or not displayed due to unstable network or problems with the image hosting website. Sometimes I might not be able to detect the problem in time. You can leave a comment to remind me to fix the problem.
4. Theoretically, all parts can be modified according to the user's usage habits. The color scheme I chose is the one I personally think is more comfortable to read. If you don't like it, you can look up the color code and then modify the symbol "#xxxxxx" representing the color in the code.
使用须知:
1. 作者是中国人,所以本文中英语部分基本靠机翻+人工修正,背景图中截取的漫画也是中文翻译版本。因为不熟悉英语社区的用语用词,如果有冒犯到你的表述的话我表示抱歉。
2. 我完全是门外汉,代码基本全靠研读其他作者提供的框架和AI指导修改,所以可能会显得特别冗杂,如果有更好的修改方式请告诉我!
3. 由于内部置入了不少图片,可能会因为网络不稳定&图床网站出问题等原因导致图片加载很慢或无法显示,有时我可能不能及时发现问题,可以评论提醒我修复bug。
4. 理论上来说所有部分都可以根据用户使用习惯自行修改,我选择的配色是我个人觉得比较舒服阅读不吃力的,如果你不喜欢,可以自行查询颜色编码,然后改动代码中代表颜色的符号“#xxxxxx”。
Screenshots(皮肤使用效果展示):


Version 2 of the skin has been updated on April 1st. The main changes include adding decorative images to the personal homepage section and modifying the format and images of the kudos section.
The preview is shown below.
4.1更新了第二版皮肤,主要变动为添加个人主页部分装饰图以及修改了kudos部分格式和图片,展示如下


There are now two versions of the header image and footer image. If you prefer the images from the other version, please remember the display order here (the first one is the old version, the second one is the new version), so that you can easily check and replace the image links in the CSS code of the two versions.
现在有两版头图和底图,如果你喜欢另一个版本的图片,请记住这里的展示顺序(第一张是旧版,第二张是新版),以方便你检查替换两个版本中CSS代码里的图片链接
header(头图)


footer(底图)


April 9th update: I have discovered that the current personal profile section can now be modified more extensively. For instance, images can be inserted (they have also prepared electronic badges for us as an example). Therefore, I have edited a more aesthetically pleasing personal profile template. If you like it, please use it 🥰
4月9日再次更新:我发现现在的个人简介部分可以做出更大的改动了,比如插入图片(作为示范,ao3官方也为我们准备了电子吧唧)所以我编辑了一份更美观的个人简介模板,喜欢的话请使用🥰

You can change the part of the Hugo Award acceptance speech on AO3 to any content you prefer. It is best to modify according to the provided sample code and do not forget to add the line break symbol <br> at the beginning and end of the sentence.
你可以将ao3的雨果奖颁奖词部分改成任何你喜欢的内容,最好按照给出的示例代码进行修改,不要忘记在句首句尾添加提行符号<br>
How to use this skin:
1. Click on【Your Username】
2. Click on My Dashboard
3. Click on Skins
4. Click on Create Site Skin. Make sure you have Site Skin selected
5. Give the skin a unique title, such as "【Your Username】+ some random numbers or letters"
6. Copy all the CSS code in Chapter 2 of this work and paste it in the CSS box
7. Click Submit
8. Click Use
如何使用皮肤:
1. 点击用户名
2. 点击My Dashboard
3. 点击Skins
4. 点击Create Site Skin,别点错了因为还有个work skin
5. 在Title部分填一个【独一无二的名字】,因为需要和全站所有名字都不一样,所以最简单的办法是随机输入一串数字或字母,写中文也行
6. 把第二章里面的代码全部复制进CSS的框里,一个标点都不能少
7. 点击Submit
8. 点击Use
How to use this profile:
1. Click on【Your Username】
2. Click on My Dashboard
3. Click on Profile
4. Click on Edit My Profile
5. Copy all the code in Chapter 4 of this work and paste it in the box
6. Click Update
如何使用个人简介模板:
1. 点击用户名
2. 点击My Dashboard
3. 点击Skins
4. 点击Edit My Profile
5. 把第四章里面的代码全部复制进框里,一个标点都不能少
5. 点击Update
