洛谷美化食用指北

(蒟蒻的第一篇技术性文章）

话不多说，直奔正题——

1.洛谷主界面美化

1.1 氩洛谷脚本的安装和使用

首先安装一个油猴扩展(非谷歌浏览器都可以，因为Google应用商店被墙了)

然后去这个网站下载脚本，安装即可。

刷新洛谷主页面，是不是焕然一新~

2. 洛谷个人主页的美化

2.1 Markerdown

官方文档

实际上这个也不是很难配置~

段落和换行

一个 Markdown 段落是由一个或多个连续的文本行组成，它的前后要有一个以上的空行。普通的 Markdown 段落不可以用空格或制表符来缩进。

空行：一行之内只包含回车换行、空格、制表符。

标题

Markdown 的标题是在行首插入 1 到 6 个 #，# 和标题文字之间使用一个或多个空格，对应到标题1到6级。

例如：

这是 H1

这是 H2

这是 H3

这是正文

强调

Markdown 使用星号（*）和底线（_）作为标记强调字词的符号，被 * 或 _ 包围的字词会被转成用标签包围（即斜体），用两个 * 或 _ 包起来的话，则会被转成 （即粗体）。

例如：

单星号斜体

单下划线斜体

双星号加粗

双下划线加粗

~~删除线~~

但是如果你的 * 和 _ 两边都有空白的话，它们就只会被当成普通的符号。如果要在文字前后直接插入普通的星号或底线，你可以用反斜线（\）（参见下面的“反斜杠”部分）。

例如：

*使用反斜线开头的*被当做是普通的字符*

显示的效果如下：

使用反斜线开头的被当做是普通的字符*

代码块

如果要发送代码，但没有按照下面的方式进行格式化，将不能发送成功。

大段代码

Markdown 建立代码块的方法：将 置于这段代码的首行和末行，独立成一行。第一行的 后面可以加上语言名称，例如 cpp、java、c、pascal 等（不要写成 c++）。

例如：

include

小段代码

需要引用代码时，如果引用的语句只有一段，不分行，可以用 ` 将语句包起来。

区块引用

Markdown 标记区块引用的方法是在行的最前面加 >，也可以只在整个段落的第一行最前面加上 >，区块引用内部可以嵌套，只要根据层次加上不同数量的 > 即可，引用的区块内也可以使用其他的 Markdown 语法，包括标题、列表、代码区块等。

例如：

Markdown 标记区块引用的方法是在行的最前面加 >。

也可以只在整个段落的第一行最前面加上 >。

区块引用内部可以嵌套，只要根据层次加上不同数量的 > 即可。

我是内部嵌套区块，我可以使用其他 Markdown 语法哦。

我是引用区块内使用 3 级标题语法。

//在引用区块内可以加入代码块 import java.net.URL; import java.util.Arrays; import java.util.Date; import java.util.Set;

列表

Markdown 支持有序列表和无序列表，无序列表使用星号、加号或是减号作为列表标记，有序列表则使用数字接着一个英文句点。两种列表方式格式都是：列表标记 + 空格 + 列表项，即列表项目标记通常是放在最左边，也可以缩进最多 3 个空格，项目标记后面则一定要接着至少一个空格或制表符。

1 无序列表

星号、加号或是减号三种列表方式效果等同。

例如：

Red

Green

Blue

Red

Green

Blue

Red

Green

Blue

它们的显示效果均为：

2 有序列表

有序列表则使用数字接着一个英文句点。

例如：

Red

Green

Blue

链接

在方块括号后面紧接着圆括号并插入网址链接即可，如果你还想要加上链接的 title 文字，只要在网址后面，用双引号把 title 文字包起来即可，例如：

行内式链接标题

显示效果：这是行内式链接标题内联方式。

图片

Markdown 使用一种和链接很相似的语法来标记图片。在互联网上发表含有图片的内容时，需要将该图片上传至可公开访问的存储空间内（也就是俗称的图床），在洛谷内可以使用图床上传图片后复制图片引用地址来使用该图片，具体使用说明可查看操作说明

行内式的图片语法如下：

其实可以直接上传到洛谷图床生成路径~

还有一个专门写文章写代码的网站简书可以直接将本地照片做成链接。

详细叙述如下：一个惊叹号 !，接着一个方括号，里面放上图片的替代文字（这些文字将在图片加载失败的时候显示），接着一个普通括号，里面放上图片的网址，最后还可以用引号包住并加上选择性的 'title' 文字。

例如：

![logo](https://dogefs.s3.ladydaily.com/~/source/wallhaven/full/k9/wallhaven-k9mzvq.png?w=2560&h=1440&fmt=webp)

将会显示

自动链接

Markdown 支持以比较简短的自动链接形式来处理网址和电子邮件信箱，只要是用尖括号包起来，Markdown 就会自动把它转成链接。一般网址的链接文字就和链接地址一样，例如：

https://www.luogu.com.cn/

分隔线

可以在一行中用三个以上的星号、减号、底线来建立一个分隔线，行内不能有其他内容。也可以在星号或是减号中间插入空格。下面每种写法都可以建立分隔线：

反斜杠

Markdown 可以利用反斜杠来插入一些在语法中有其它意义的符号，例如：如果你想要用星号加在文字旁边的方式来做出强调效果（但不用 标签），你可以在星号的前面加上反斜杠。

Markdown 支持以下这些符号前面加上反斜杠来帮助插入普通的符号（加上反斜杠后，这些符号都会以原来的方式显示）：

\ 反斜线

` 反引号

星号

_ 底线

{} 花括号

[] 方括号

() 括弧

加号

减号

. 英文句点

! 惊叹号

插入 Bilibili 视频

![](bilibili:视频BV号) //其中BV号是下问括号部分 https://www.bilibili.com/video/（BV1Vg4y1y7nB）/?spm_id_from=333.1007.tianma.8-1-23.click

说明：
av 号支持省略前缀

可定义分 P 和起始播放位置，t 单位为秒(部分老页面不兼容)

下面的才是进阶操作版~~

2.2 KaTex

官方文档

汉语版

LaTeX公式编辑器

TakeX 受 KaTeX 支持的功能

LaTeX 和 KeTAX 的区别

由于在洛谷，有很多人对于KaTeX和LaTeX之间的关系并不清楚，导致很多人去搜LaTeX的资料，然后发现有许多指令无法在洛谷运行。

但是事实上,KaTeX才是洛谷上的LaTeX的渲染机制。因此只有KaTeX支持的指令才能正常使用。在KaTeX官网，其实有两张支持表，这里搬运过来以便于大家能够正确使用指令。

这张表应该涵盖了纯KaTeX所有的功能。当然，LaTeX公式大全亦可作为部分参考.

表格见简书

3.3 其他

很多人也许会问，洛谷上这样的：

是怎么来的？

由于百度上类似的资源很少，知乎上也基本没有，我只在CSDN上找到了蛛丝马迹。源代码如下：（上面为源代码，汉字部分可编辑，下面为显示效果）

![](https://api.jerryz.com.cn/shield?id=用户编号)

![](https://cards.jerryz.com.cn/api?img=3&wechat=微信用户名&email=邮箱名&weibo=微博名&csdn=CSDN名&github=GitHub 名&luogu=洛谷名&qq=qq名&bilibili=哔哩哔哩名&zhihu=知乎名)

![](https://api.jerryz.com.cn/about?id=用户编号&disable_cache=true)

![我的练习情况](https://luogu.wao3.cn/api/guzhi?id=用户编号&scores=100,7,0,0,0&white或者dark_mode=true) //scores=后面数字是可以改变的。这个数字大于等于0小于等于100

![](https://www.ipip5.com/ipimg)

![Page Views Count](https://badges.toozhao.com/badges/01G91B0WX1MA72WF586S6XB4FY/blue.svg)

3.洛谷博客的开通和配置

3.1 洛谷博客的开通

自己起一个域名即可

3.2 洛谷博客的配置

找到管理后台-设置-博客设置中可以更改标题副标题主题
找到管理后台-设置-主题设置中可以更改背景主题色等
洛谷主题色预设：

其中主题色填第二列
焦点高亮色（填主题色第三列 + Alpha 0.5）

完~

参考文章：

CSDN：洛谷 KaTeX 食用指南

知乎：【LaTeX】洛谷LaTeXの奇葩美化指北

PCWQyy：luogu KaTeX

云剪贴板：作者: 离散小波变换

洛谷 Markdown 格式手册

LaTeX 格式手册

KaTex Supported Functions

另外本文有一定搬运，如有错误，欢迎指正