前のページ

每一个博客都要有装修工程

我凑我真是一点都不敢多改啊这。

测试内容。

cloudflare page的域名还蛮好看的,决定拿这个pages.dev当社团页。 也希望本懒惰同人女多多种地,不负自诩自耕农/永动机/练成梯云纵之名。


to-do-list

  • 同人志封面展示页修改css样式

修改代码块

修改灯箱插件

修改滚动条

 1html {
 2    ::-webkit-scrollbar {
 3        width: 20px;
 4      }
 5      
 6      ::-webkit-scrollbar-track {
 7        background-color: transparent;
 8      }
 9      
10      ::-webkit-scrollbar-thumb {
11        background-color: #c9c1e3;
12        border-radius: 20px;
13        border: 6px solid transparent;
14        background-clip: content-box;
15      }
16      
17      ::-webkit-scrollbar-thumb:hover {
18        background-color: #57409C;
19      }
20}

添加社交信息

  • 搜了常用同人网站的对应图标,转成高24的svg格式

在线转换网站

修正代码高亮

配置文件中的代码高亮部分,原本是没有写style的,补上:

1highlight: 
2        noClasses: true
3        codeFences: true
4        guessSyntax: true
5        style: dracula
6        lineNoStart: 1
7        lineNos: true
8        lineNumbersInTable: false
9        tabWidth: 4

修正最后更新时间

因为没有装本地hugo, 部署是交给cloudflare pages的。最后更新时间好像只能手动填写Front Matter的样子……

修改博客子标题

唔还是跟我cp有关。 原本用的是——

The advantage of the emotions is that they lead us astray.

现在用的是——

人生はいつか終るが海だけは終わらないのだ

修正日文显示

想着既然子标题用了日文,那主题也改成默认日文显示吧。 左侧sidebar显示改成统一英文,右边widget用日文,缺的部分翻译补上了。

\layouts\partials\widget\categories.html中修改

1    <h2 class="widget-title section-title">フォルダ</h2>

修改widget图标

现在achieve跟category都是无穷的图标有点怪怪的。 到tabler-icons里找个新的,放进对应文件夹,到\layouts\partials\widget\categories.html中修改icon对应名称。

修改友链为同人本展示页

css太不适合封面了,回头改。先把图撤掉了。

footer部分修改

  • 调整了站点名字与运行时间的间距

修改分割线样式

  • 改为主题色
  • 修改margin
 1    hr {
 2        
 3        margin: 2.5em;
 4        height: 1px;
 5        border-top: 1px dashed #57409C;
 6        border-right: 0;
 7        border-bottom: 0;
 8        border-left: 0;
 9        border-image: initial;
10        opacity: 0.55;
11    }
12

修改表格样式

 1    table {
 2    margin: 0 auto;
 3    background-color: transparent;
 4	max-width: 100%;
 5    padding: 0;
 6	word-break: initial;
 7    border-collapse: collapse;
 8    }
 9
10    th {
11	border-bottom: 2px solid #57409C;  
12	padding: 0.7em;
13	}
14	
15    td {
16        border-top: 1px dotted #57409C; 
17	padding: 0.7em;
18    }
19    
20    td {
21        vertical-align: top;
22    }

添加评论区

参考链接:

测试?

Comments

You can use your Mastodon account to reply to this post.

Reply

Licensed under CC BY-NC-SA 4.0
最終更新 Apr 26, 2022 15:40 UTC
忘却之湖
Built with Hugo
Theme Stack designed by Jimmy
© Licensed Under CC BY-NC-ND 4.0