Skip to content

Commit 2bb743b

Browse files
committed
change css
1 parent 73f949b commit 2bb743b

File tree

2 files changed

+41
-25
lines changed

2 files changed

+41
-25
lines changed

index.html

Lines changed: 22 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -12,19 +12,20 @@
1212

1313
<body>
1414
<header>
15-
<h1>个人自用常见网站</h1>
16-
<p>从各大网站自己复制粘贴过来的</p>
15+
<h1>Python自用常见网站</h1>
1716
</header>
1817
<section class="intro">
1918
<p>这是我从各大网站复制粘贴过来的,包括但不限于
2019
<a href="https://www.python.org/" target="_blank">python</a>,
20+
<a href="https://docs.anaconda.com/free/miniconda/index.html" target="_blank">Miniconda</a>,
2121
<a href="https://mirrors.tuna.tsinghua.edu.cn/help/anaconda/" target="_blank">清华大学镜像站</a>,
2222
<a href="https://developer.nvidia.com/cuda-toolkit-archive" target="_blank">Cuda</a>,
2323
<a href="https://developer.nvidia.com/rdp/cudnn-archive" target="_blank">Cudnn</a>,
2424
<a href="https://pytorch.org/get-started/locally/" target="_blank">torch</a>,
2525
<a href="https://www.tensorflow.org/install/pip" target="_blank">tensorflow</a>
2626
</p>
2727
</section>
28+
<h2>快速下载</h2>
2829
<section class="links-grid">
2930
<div class="grid-item">
3031
<a href="https://repo.anaconda.com/miniconda/Miniconda3-py312_24.1.2-0-Windows-x86_64.exe"
@@ -42,15 +43,16 @@ <h1>个人自用常见网站</h1>
4243
target="_blank">Cuda 12.1</a>
4344
</div>
4445
</section>
45-
<div class="conda-config-wrapper">
46-
<section class="conda-config">
47-
<h3>配置 Pip 镜像源</h3>
48-
<pre class="copyable">
46+
<div class="command-detail">
47+
<div class="command-detail-left">
48+
<section>
49+
<h3>配置 Pip 镜像源</h3>
50+
<pre class="copyable">
4951
pip config set global.index-url https://mirrors.bfsu.edu.cn/pypi/web/simple</pre>
50-
<h3>配置 Conda 镜像源</h3>
51-
<p>Windows用户需要手动执行</p>
52-
<pre class="copyable">conda config --set show_channel_urls yes</pre>
53-
<pre class="copyable">
52+
<h3>配置 Conda 镜像源</h3>
53+
<p>Windows用户需要手动执行</p>
54+
<pre class="copyable">conda config --set show_channel_urls yes</pre>
55+
<pre class="copyable">
5456
channels:
5557
- defaults
5658
show_channel_urls: true
@@ -67,20 +69,23 @@ <h3>配置 Conda 镜像源</h3>
6769
pytorch-lts: https://mirrors.tuna.tsinghua.edu.cn/anaconda/cloud
6870
simpleitk: https://mirrors.tuna.tsinghua.edu.cn/anaconda/cloud
6971
deepmodeling: https://mirrors.tuna.tsinghua.edu.cn/anaconda/cloud/</pre>
70-
<p>pytorch + cuda12.1</p>
71-
<pre class="copyable">
72+
<p>pytorch + cuda12.1</p>
73+
<pre class="copyable">
7274
conda install pytorch=2.2.1 pytorch-cuda=12.1 torchvision torchaudio -c nvidia</pre>
73-
<p>Tensorflow + cuda12.1</p>
74-
<pre class="copyable">
75+
<p>Tensorflow + cuda12.1</p>
76+
<pre class="copyable">
7577
pip install tensorflow[and-cuda]
7678
# Verify the installation:
7779
python -c "import tensorflow as tf; print(tf.config.list_physical_devices('GPU'))"</pre>
7880

79-
<p>Tensorflow + cpu</p>
80-
<pre class="copyable">
81+
<p>Tensorflow + cpu</p>
82+
<pre class="copyable">
8183
# Anything above 2.10 is not supported on the GPU on Windows Native
8284
python -m pip install "tensorflow<2.11" </pre>
83-
</section>
85+
</section>
86+
</div>
87+
<div class="command-detail-right">
88+
</div>
8489
</div>
8590

8691

style.css

Lines changed: 19 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -44,22 +44,33 @@ pre {
4444
}
4545

4646

47-
/* 使用 Flexbox 布局将 .conda-config-wrapper 分为左右两部分 */
48-
.conda-config-wrapper {
47+
/* 使用 Flexbox 布局将 .command-detail 分为左右两部分 */
48+
.command-detail {
4949
display: flex;
50-
flex-direction: row; /* 横向排列 */
50+
flex-direction: row;
51+
/* 横向排列 */
52+
width: 100%;
53+
/* 设置宽度为100%,即占据整个浏览器窗口的宽度 */
54+
box-sizing: border-box;
55+
/* 确保宽度包含padding和border */
56+
/* 横向排列 */
5157
}
5258

5359
/* 左边部分占据固定的宽度 */
54-
.conda-config {
55-
flex: 0 0 50%; /* 占据 50% 的宽度 */
60+
.command-detail-left {
61+
flex: 0 0 50%;
62+
/* 占据 50% 的宽度 */
5663
}
5764

5865
/* 右边部分占据 50% 的宽度 */
59-
.conda-config1 {
60-
flex: 0 0 50%; /* 占据 50% 的宽度 */
66+
.command-detail-right {
67+
flex: 0 0 50%;
68+
/* 占据 50% 的宽度 */
6169
}
6270

71+
h2 {
72+
text-align: center;
73+
}
6374

6475

6576

@@ -80,7 +91,7 @@ section {
8091
border: 1px solid #ddd;
8192
}
8293

83-
section h2 {
94+
section {
8495
margin-top: 0;
8596
}
8697

0 commit comments

Comments
 (0)