洛谷主页装修指南 - 基础篇

发布时间 2023-12-01 19:14:01作者: 死神Basic

主页装修指南,排版美观。使用了其他网站的内容,可能导致加载较慢或无法加载。、


\[\Large\mathtt{\text{主页装修指南}} \]

\[\mathtt{How\ to\ beautify\ your\ profile} \]

\[\tiny \text{Last update on 24th, November 2023} \]


\[\large\bf\mathtt{\text{主页封面图片}} \]

进入主页,可以看到主页图片右上角有个像刷子一样的按钮,点一下,会进入一个更改封面的页面,点击上传到洛谷图床,就可以从电脑里选择喜欢的图片上传啦!

要注意的是这个封面图片占用洛谷图床的高级空间,所以不要反复上传。


\[\large\bf\mathtt{\text{主页信息卡片}} \]

\[\mathtt{\text{基本信息}} \]

此卡片可以显示一个用户的基本信息。

![public_sickle的基本信息](https://api.jerryz.com.cn/about?id=1002529)

public_sickle的基本信息

\[\mathtt{\text{练习徽章}} \]

练习徽章可以自动获取用户的做题数据。完隐用户无法获取信息。

![public_sickle的练习徽章](https://api.jerryz.com.cn/shield?id=1002529)

public_sickle的练习徽章

\[\mathtt{\text{练习情况}} \]

练习情况与练习徽章类似,只不过变成了卡片的形式。

![public_sickle的练习情况](https://api.jerryz.com.cn/practice?id=1002529)

public_sickle的练习情况

\[\mathtt{\text{咕值信息}} \]

此卡片可以显示用户的咕值信息,但是需要手动输入咕值。把 scores= 后面改为你的咕值信息。虽然可以自己填但是还是建议填写真实情况。

格式:基础信用分,练习情况分,社区贡献分,比赛情况分,获得成就分

![public_sickle的咕值信息](https://api.jerryz.com.cn/guzhi?id=1002529)

public_sickle的咕值信息

\[\mathtt{\text{个性化}} \]

  1. 隐藏标题,只需在链接最后带上 &hide_title=true 即可。
  2. 黑暗模式,只需在链接最后带上 &dark_mode=true 即可。
  3. 自定义宽度,默认500,限制宽度在500到1920之间,只需在链接最后带上 &card_width=需要的宽度 即可。
  4. 禁用缓存,默认情况下,程序会有12小时的缓存。但是只需在链接最后带上 &disable_cache=true 即可禁用缓存,每次访问都将刷新。

\[\large\bf\mathtt{\text{主页随机图片}} \]

个人觉得比较好的几个 api(不保证不会炸):

  1. 二次元风景:![](https://t.mwm.moe/fj/)

    这个比较推荐使用,好看,但是图片库的总量较少。

  2. 二次元人物:![](https://api.btstu.cn/sjbz/api.php?lx=dongman&format=images)

    这个加载起来比较慢,不推荐使用。但是光是看图片内容质量还是挺好的。

  3. 现实风景:![](https://tu.ltyuanfang.cn/api/fengjing.php)

    这个推荐使用,内容多,清晰度高,图片富有哲理

  4. 东方随机图:![](https://img.paulzzh.com/touhou/random)

    全是东方的图,加载快。

  5. 二次元随机图:![](https://api.asxe.vip/scenery.php)

    这个推荐使用,出来的大多是风景,图片质量很高。

  6. 随机图片:![](https://source.unsplash.com/random)

    随机性较强,什么都有。但是图片比较大,占位置。

注:博客里加上预览速度很慢,所以可以直接放到主页里试一试。


\[\large\bf\mathtt{\text{主页访问次数}} \]

\[\mathtt{\text{方法1}} \]

进入 badges.toozhao.com,点击“Create your badge”,选择 Badge 的颜色后复制下面的 Markdown 代码。

其实三种颜色更新是同步的,也就是说你可以在使用后换颜色,访问次数不会消失。只需要将 原颜色.svg 改成 修改后的颜色.svg 就行了。这个 badge 只支持 green.svgblue.svgorange.svg

\[\mathtt{\text{方法2}} \]

进入 counter.likepoems.com,复制 Markdown 地址,将 name 改为自己的用户名(或者其他的名字)。如果要改变主题,点“更多主题”,复制 Markdown,修改 name,并将 theme= 后面的主题名改为你想要的主题的名字。同样,它也可以在使用后改变主题。

这个要比方法 1 的 Badge 灵敏一些,也就是说如果两个放在一起用可能就会出问题。

要注意这两种方法计算的都是访问次数而不是访问人数。


\[\large\bf\mathtt{\text{主页账号信息}} \]

\[\mathtt{\text{CF\&AT 账号信息}} \]

  1. Codeforces:![](https://cfrating.baoshuo.dev/rating?username=name)。将 name 改为你的 CF 用户名

  2. AtCoder:![](https://atrating.baoshuo.dev/rating?username=name)。同样将 name 改为你的 AT 用户名

\[\mathtt{\text{其他账号信息}} \]

示范:

  1. LeetCode:![](https://img.shields.io/badge/用户名-段位-对应的名字颜色?style=for-the-badge&logo=leetcode)

像这种大公司的 LOGO 是可以直接填在 logo= 后面的,但是如果 LOGO 库中没有该公司的 LOGO,则需要使用 Base64 编码加密图片。

  1. Luogu:![Luogu 账号](https://img.shields.io/badge/用户名-名字颜色对应的段位_等级分-名字颜色编码?style=for-the-badge&logo=data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAHlBMVEX////2+v3s8/rX5/XB2vCnyemQu+N+sN5oo9lam9WWB43HAAAApUlEQVR42r2TSw7AIAhE+QzC3P/CTU0TF0W7KxsTHsIAQX43RfiRB5kqewPPAV4kY88tSZYfBZDxwYd+cNzmuwY4pgxW6IvrTUIFxV6J5eP2ZN9LkKxhIjpIEu8U058mlquZJgLzuTP1EYU9F1HHkcsjMBdvZRT0yMlKHLadMce0/Z+u89GNvvI19HbUs7hnV8RrLQCdjOBagEZTxADYOh/A/7vWC0EIBuA2gcjwAAAAAElFTkSuQmCC)

这时候,logo= 后面的字符是洛谷标志的 Base64 编码。

\[\mathtt{\text{名字颜色对照}} \]

颜色 编码
灰名 bfbfbf
蓝名 0e90d2
绿名 5eb95e
橙名 e67e22
红名 e74c3c

\[\mathtt{\text{效果示范}} \]

Luogu 账号

LeetCode 账号

CodeForces 账号

AtCoder 账号


\(\scriptsize\text{参考资料:}\)\(\scriptsize\text{洛谷用户信息卡片 Luogu-User-Card}\)