-
Notifications
You must be signed in to change notification settings - Fork 0
/
jianshu2.html
175 lines (162 loc) · 7.61 KB
/
jianshu2.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
<div class="col mb-4">
<div class="card h-100">
<div class="img-box">
<a href="https://www.jianshu.com/p/26973cca8afd" target="_blank">
<img src="./img/img9.jpg" class="card-img-top" alt="img">
</a>
</div>
<div class="card-body">
<a href="https://www.jianshu.com/p/26973cca8afd" target="_blank">
<h5 class="card-title">突破网盘小文件下载速度限制</h5>
</a>
</div>
<p class="card-text">前言:虽说最近国内的网盘越来越少了,但是用户量估计没有减少,而且越来越集中了——基本人手至少一个百度网盘账号。但...</p>
<p class="card-text"><small class="text-muted">Post time: 2020-02-27 21:08:27 Views: 1504</small></p>
</div>
</div>
</div>
<div class="col mb-4">
<div class="card h-100">
<div class="img-box">
<a href="https://www.jianshu.com/p/de54b498cc23" target="_blank">
<img src="./img/img10.jpg" class="card-img-top" alt="img">
</a>
</div>
<div class="card-body">
<a href="https://www.jianshu.com/p/de54b498cc23" target="_blank">
<h5 class="card-title">玩转谷歌相机——夜拍与延时摄影</h5>
</a>
</div>
<p class="card-text">Google相机或称谷歌相机是Google为Android开发的相机应用程序。最初在Android 4.4 Kit...</p>
<p class="card-text"><small class="text-muted">Post time: 2020-02-10 20:30:51 Views: 5571</small></p>
</div>
</div>
</div>
<div class="col mb-4">
<div class="card h-100">
<div class="img-box">
<a href="https://www.jianshu.com/p/eb5478fd8969" target="_blank">
<img src="./img/img11.jpg" class="card-img-top" alt="img">
</a>
</div>
<div class="card-body">
<a href="https://www.jianshu.com/p/eb5478fd8969" target="_blank">
<h5 class="card-title">联想拯救者R720-15IKBN 黑苹果EFI分享</h5>
</a>
</div>
<p class="card-text">最近闲在家中,身为“装系统狂魔”(自封的)的我,当然要折腾我的电脑。之前困扰的我的电脑的黑苹果睡眠问题终于被我发现...</p>
<p class="card-text"><small class="text-muted">Post time: 2020-01-30 17:40:18 Views: 2804</small></p>
</div>
</div>
</div>
<div class="col mb-4">
<div class="card h-100">
<div class="img-box">
<a href="https://www.jianshu.com/p/3c7a2aee18a8" target="_blank">
<img src="./img/img12.jpg" class="card-img-top" alt="img">
</a>
</div>
<div class="card-body">
<a href="https://www.jianshu.com/p/3c7a2aee18a8" target="_blank">
<h5 class="card-title">UOS(最美操作系统)安装与使用体验</h5>
</a>
</div>
<p class="card-text">上图所示的操作系统就是我们今天要说的主角——UOS,这个被誉为最美的操作系统,在最近开启了内测,而我通过找到的镜像...</p>
<p class="card-text"><small class="text-muted">Post time: 2019-12-22 14:05:49 Views: 60901</small></p>
</div>
</div>
</div>
<div class="col mb-4">
<div class="card h-100">
<div class="img-box">
<a href="https://www.jianshu.com/p/b0dd3eecb2a1" target="_blank">
<img src="./img/img13.jpg" class="card-img-top" alt="img">
</a>
</div>
<div class="card-body">
<a href="https://www.jianshu.com/p/b0dd3eecb2a1" target="_blank">
<h5 class="card-title">Ubuntu18.04部分问题解决</h5>
</a>
</div>
<p class="card-text">之前写了一篇Ubuntu18.04新手安装,没想到谷歌给我的那篇文章较高的权重(不得不吐槽百度对于个人网站的极度不...</p>
<p class="card-text"><small class="text-muted">Post time: 2019-10-09 21:11:56 Views: 15679</small></p>
</div>
</div>
</div>
<div class="col mb-4">
<div class="card h-100">
<div class="img-box">
<a href="https://www.jianshu.com/p/4d6637917ee5" target="_blank">
<img src="./img/img14.jpg" class="card-img-top" alt="img">
</a>
</div>
<div class="card-body">
<a href="https://www.jianshu.com/p/4d6637917ee5" target="_blank">
<h5 class="card-title">双倍的分辨率,双倍的快乐</h5>
</a>
</div>
<p class="card-text">你是否经常遗憾很多好看的图片很模糊,直接放大后更是不堪入目,而GitHub上出现的一个项目,满足了人们的无损放大的...</p>
<p class="card-text"><small class="text-muted">Post time: 2019-10-08 23:37:54 Views: 1336</small></p>
</div>
</div>
</div>
<div class="col mb-4">
<div class="card h-100">
<div class="img-box">
<a href="https://www.jianshu.com/p/b03f551c09a0" target="_blank">
<img src="./img/img15.jpg" class="card-img-top" alt="img">
</a>
</div>
<div class="card-body">
<a href="https://www.jianshu.com/p/b03f551c09a0" target="_blank">
<h5 class="card-title">QQ动态头像设置</h5>
</a>
</div>
<p class="card-text">不少人都觉得QQ动态头像十分炫酷,能显得与众不同,因而就有人根据QQ的拍摄动态头像的。因而本人在此写了个教程,外加...</p>
<p class="card-text"><small class="text-muted">Post time: 2019-06-16 22:29:33 Views: 1613</small></p>
</div>
</div>
</div>
<div class="col mb-4">
<div class="card h-100">
<div class="img-box">
<a href="https://www.jianshu.com/p/011f80179524" target="_blank">
<img src="./img/img16.jpg" class="card-img-top" alt="img">
</a>
</div>
<div class="card-body">
<a href="https://www.jianshu.com/p/011f80179524" target="_blank">
<h5 class="card-title">新路由3简单使用体验</h5>
</a>
</div>
<p class="card-text">最近买了一个新路由3,使用了一周了,果然感觉比以前的路由器要爽太多了——打游戏不卡了,信号强了不少,内网手机连接电...</p>
<p class="card-text"><small class="text-muted">Post time: 2019-06-02 16:33:39 Views: 5143</small></p>
</div>
</div>
</div>
<div class="col mb-4">
<div class="card h-100">
<div class="img-box">
<a href="https://www.jianshu.com/p/ce3ae1a81e7e" target="_blank">
<img src="./img/img17.jpg" class="card-img-top" alt="img">
</a>
</div>
<div class="card-body">
<a href="https://www.jianshu.com/p/ce3ae1a81e7e" target="_blank">
<h5 class="card-title">远程桌面的配置</h5>
</a>
</div>
<p class="card-text">后篇文章讲了基于openwrt的新路由3的体验,这篇文章将基于openwrt路由器的某些功能完成从手机/电脑控制电...</p>
<p class="card-text"><small class="text-muted">Post time: 2019-06-02 16:33:30 Views: 2094</small></p>
</div>
</div>
</div>
<script>
var aspectRatio = 16 / 9; // 你想要的宽高比(例如,16:9)
var img = $(".content .card img");
var desiredWidth = img.width(); // 设定你想要的宽度
// 根据宽高比计算高度
var desiredHeight = desiredWidth / aspectRatio;
var a_ = $('.content .card .img-box');
a_.css("height", desiredHeight + 'px'); // 设置图片的高度
</script>