v2ex 野鸡主题，加宽内容区

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

爱意满满的作品展示区。

这是一个创建于 500 天前的主题，其中的信息可能已经有所发展或是发生改变。

一直以来都不知道设置里的 自定义 css 是怎么用的，试了下，原来就是覆盖官方样式的。

所以写了一个样式，放 github 了，以后有时间会根据自己喜好慢慢调整。

https://github.com/KyleBing/v2ex-css-kylebing

在改的时候过程中发现 V2EX 的布局都是用的比较原始的布局方式。

使用方法

点击右上角的设置进入个人设置
将 v2ex.css 里的内容复制到 自定义 css 输入框中
保存即可

第 1 条附言 · 2023-06-29 23:53:19 +08:00

整体最大宽度调整为 1366
Header
- 搜索框大小，鼠标悬停调整
- LOGO 位置
- 布局改为 flex
主内容区
- 列表适应新宽度调整头像等
评论区
新主题输入框
设置页面 input,textarea
右侧个人资料重新布局

V2EX

CSS

内容区

设置

26 条回复 • 2023-07-02 19:27:46 +08:00

Kaiv2

2023-06-29 16:41:29 +08:00

建议添加下最终效果截图

edinina

2023-06-29 16:44:05 +08:00

正在用着一个，看这名字且没有效果图，不是很敢试

Livid

MOD

2023-06-29 17:00:13 +08:00

你的感觉是对的。

「发现 V2EX 的布局都是用的比较原始的布局方式」

这里的这个模样，我最早写的第一行代码是在 2005 年 9 月……

最近在一台 PowerMac G4 上用 2005 年的 Mac OS X Tiger 上的 Safari 访问 V2EX ，还是基本能用的。

jstony

2023-06-29 17:02:16 +08:00

我已经测试过了，非常好，截图就不上了，总之能满屏，不用一大片空白了。

jstony

2023-06-29 17:03:00 +08:00

@edinina 你可以把你原来的先备份一下嘛

Livid

MOD

2023-06-29 17:04:05 +08:00

因为那个时期的 Mac OS X 并没有最大化窗口这样的功能，如果按下左上角的绿灯，行为是把窗口调整到正好能容纳下内容。所以我个人的使用习惯一直都没有经历过把窗口最大化用的场景。

kylebing

2023-06-29 17:07:49 +08:00

@Livid #3 牛，05 年，快 20 年前了。作为一个论坛类的网站，这个布局是目前见过最好的。干净。

kylebing

2023-06-29 17:09:48 +08:00

@Livid #6 其实大约 850px 左右的宽度是最宜阅读的，也就是目前网站的状态。宽了反而看不过来。

banliyaya

2023-06-29 17:17:12 +08:00

舒服了，跟现在用的其他插件的样式似乎没有冲突挺好

jstony

2023-06-29 17:19:22 +08:00

@kylebing #8 在我的显示器上，内容集中在中间一块，用起来很不爽。不知道和显示器和系统有没有关系，macos+dell 27 寸 4k+edge 。

dupeng0811

2023-06-29 17:38:36 +08:00

不错，舒服了！

matzoh

2023-06-29 18:07:27 +08:00

不错可以的

![2023_06_29_BtaXC1]( https://cdn.jsdelivr.net/gh/matzoh/wzx@master/uPic/2023/06/2023_06_29_BtaXC1.png)

Davic1

2023-06-29 18:12:41 +08:00

非常舒服！

sickoo

2023-06-29 22:59:17 +08:00

棒！

jifengg

2023-06-30 09:45:04 +08:00

@Livid 但是，自定义 css 在 ua 是手机的时候貌似不起效果。我喜欢把字体放大。pc 生效，手机不生效

yuanchao

2023-06-30 11:52:36 +08:00

用上了，但是翻页有点问题

luckykong

2023-06-30 12:23:47 +08:00

额外问个问题，能用来自定义字体么？要如何写呢？

AtlantaANiu

2023-06-30 13:26:39 +08:00

直接使用 css 导入即可:

@import url('https://cdn.jsdelivr.net/gh/KyleBing/v2ex-css-kylebing/scss/v2ex.css')

kylebing

2023-06-30 13:39:59 +08:00

@luckykong #17 可以加，在里面添加这一段即可，“宋体”改成自己想要的字体。如：

* {
font-family: "宋体" !important;
}

kylebing

2023-06-30 13:41:40 +08:00

@AtlantaANiu 得把 !important 去掉，不然一些字体符号也没有了。

* {
font-family: "宋体";
}

luckykong

2023-06-30 14:00:24 +08:00

@kylebing #20 谢谢！

zx9481

2023-07-01 08:44:53 +08:00

之前也有大佬发过一个
@import "https://cdn.jsdelivr.net/gh/anghunk/v2ex_theme/v2ex_theme.min.css";

justfun

2023-07-01 13:34:09 +08:00

@import "https://cdn.jsdelivr.net/gh/viewweiwu/v2ex-zhihu-theme/v2ex.css"

目前使用下来感觉这个主题最好看

weijancc

2023-07-01 13:56:03 +08:00

@Livid 站长真潮, 05 年就用 apple 产品了

Lemon305

2023-07-01 15:10:56 +08:00

楼里几个都试了下，感觉还是原版最好，可能看习惯了

jinzhe

2023-07-02 19:27:46 +08:00

Chrome 商店扩展有一个挺好

https://chrome.google.com/webstore/detail/v2ex-polish/onnepejgdiojhiflfoemillegpgpabdm?utm_source=ext_app_menu