-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
164 lines (160 loc) · 10.7 KB
/
index.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
<!doctype html>
<html lang="zh">
<head>
<meta name="viewport" content="initial-scale=1, width=device-width">
<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/css/mdui.min.css">
<meta name="description" content="欢迎来到easycomputer的个人博客。这里会记录我的一些心得，分享知识">
<title>Easy Computer 的博客</title>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="css/web.css">
</head>
<body onload="loading()" class="mdui-appbar-with-toolbar mdui-theme-primary-indigo mdui-theme-layout-auto">
<div class="grid-container">
<div class="mdui-appbar mdui-appbar-fixed">
<div class="mdui-toolbar mdui-color-theme">
<span class="mdui-typo-title">EasyComputer的博客</span>
<div class="mdui-toolbar-spacer">
</div> <a href="javascript:;" class="mdui-btn mdui-btn-icon" mdui-menu="{target: '#warn'}"> <i class="mdui-icon material-icons">settings</i> </a>
<ul class="mdui-menu" id="warn">
<li class="mdui-menu-item"> <a href="javascript:;" class="mdui-ripple" onclick="javascript:location.reload();"><i class="mdui-menu-item-icon mdui-icon material-icons">refresh</i>刷新页面</a> </li>
<li class="mdui-menu-item"> <a href="javascript:window.open('./about/','_self');"><i class="mdui-menu-item-icon mdui-icon material-icons">info</i>关于博客</a> </li>
<li class="mdui-menu-item"> <a href="javascript:window.open('./feedback','_self');" class="mdui-ripple"><i class="mdui-menu-item-icon mdui-icon material-icons">feedback</i>报告问题</a> </li>
<li class="mdui-divider"></li>
<li class="mdui-menu-item"> <a href="javascript:window.open('./lab/','_self');" class="mdui-ripple"><i class="mdui-menu-item-icon mdui-icon material-icons">apps</i>实验功能</a> </li>
<li class="mdui-menu-item"> <a href="javascript:window.open('./rules/','_self');" class="mdui-ripple"><i class="mdui-menu-item-icon mdui-icon material-icons">question_answer</i>QQ群聊</a> </li>
<li class="mdui-menu-item"> <a href="javascript:window.open('./download/','_self');" class="mdui-ripple"><i class="mdui-menu-item-icon mdui-icon material-icons">file_download</i>下载中心</a> </li>
</ul>
</div>
</div>
<div class="mdui-p-a-2" id="main">
<div class="mdui-color-brown mdui-ripple mdui-shadow-20">
<p style="font-size:26px;text-align: center;">
<br> <br>
<script language="JavaScript">
<!-- Hide
var rand1 = Math.floor(Math.random() * 24 + 1);
quotes = new Array
quotes[1] = '世界那么大<br>与你相遇是缘分'
quotes[2] = '海内存知己<br>天涯若比邻'
quotes[3] = '秋是白的<br>烟火也是白的<br>想念的姿势从没有远近<br>只有想念'
quotes[4] = '生活充满了选择，<br>而生活态度就是一切'
quotes[5] = '没有比人更高的山<br>没有比心更宽的海'
quotes[6] = '越是试图忘记<br>越是记得深刻'
quotes[7] = '梦想并不奢侈<br>只要勇敢地迈出第一步'
quotes[8] = '事事小心<br>步步为营'
quotes[9] = '忍耐和坚持是痛苦的<br>但它会逐渐给你带来好处。'
quotes[10] = '宁鸣而死<br>不默而生'
quotes[11] = '勿以恶小而为之<br>勿以善小而不为'
quotes[12] = '安迪比尔定律：<br>Andy gives<br>Bill takes away'
quotes[13] = '不要等待机会<br>而要创造机会'
quotes[14] = '记住：<br>努力暴富是解决你当前一切问题和困惑的最优途径'
quotes[15] = '做不了你的太阳<br>就让我做你的影子'
quotes[16] = '如果结果不如你所愿<br>就在尘埃落定前奋力一搏'
quotes[17] = '锲而舍之，朽木不折<br>坚持不懈，金石可镂'
quotes[18] = '有空一起谈个恋爱<br>没空我继续暗恋你'
quotes[19] = '希望是美好的<br>也许是人间至善<br>而美好的事物永不消逝'
quotes[20] = '晓看天色暮看云<br>行也思君 坐也思君'
quotes[21] = '时间，就像海棉里的水<br>只要愿挤，总还是有的'
quotes[22] = '身无彩凤双飞翼<br>心有灵犀一点通'
quotes[23] = '浅水是喧哗的<br>深水是沉默的'
quotes[24] = '程序中的bug的名称源自于虫子'
quotes[0] = '激励的秘决：<br>不只是诉之于道理<br>还要诉之于情感'
var quote = quotes[rand1]
//-->
</script>
<script language="JavaScript">
<!-- Hide
document.write(quote)
// -->
</script><br> <br>
</p>
</div>
<p></p>
<div class="mdui-card mdui-ripple" onclick="snackbar()">
<div class="mdui-card-header">
<img class="mdui-card-header-avatar" src="https://ts1.cn.mm.bing.net/th/id/R-C.1e0b06ed08e7ee058ab26fc49a87b880?rik=WeS%2fY8FxLDlFmQ&riu=http%3a%2f%2fsc.adminbuy.cn%2fuploads%2fallimg%2f200627%2f1-20062G23P20-L.png&ehk=7LsAJtstF47jsIKBpeTgRqov14NN1rRgUOv2gjVTpW4%3d&risl=&pid=ImgRaw&r=0">
<div class="mdui-card-header-title">
网站更新内容
</div>
<div class="mdui-card-header-subtitle">
<div class="mdui-color-indigo" style="Width:80px;display:inline;">
2022.9.25
</div>
<div class="mdui-color-red" style="Width:70px;display:inline;">
博客公告
</div>
<div class="mdui-color-black" style="Width:70px;display:inline;">
2分钟
</div>
</div>
</div>
<div class="mdui-card-content">
<h2>博客界面设计更新内容</h2>
本次更新将“博客”与“下载中心”分立，并整体更新博客的界面更加现代化。采用全新字体 Google Sans 无衬线，并对字体边缘增加了空隙。增强了电脑端的体验。
</div>
</div>
<p></p>
<div class="mdui-card mdui-ripple" onclick="window.open('blog/History1-2.html','_self')">
<div class="mdui-card-header">
<img class="mdui-card-header-avatar" src="https://tse2-mm.cn.bing.net/th/id/OIP-C.jvAqOuYMNXhNv2s3Y2xylQHaHa?w=166&h=166&c=7&r=0&o=5&dpr=2&pid=1.7">
<div class="mdui-card-header-title">
Windows进化史
</div>
<div class="mdui-card-header-subtitle">
<div class="mdui-color-indigo" style="Width:80px;display:inline;">
2022.7.31
</div>
<div class="mdui-color-brown" style="Width:70px;display:inline;">
科普文章
</div>
<div class="mdui-color-black" style="Width:70px;display:inline;">
10分钟
</div>
</div>
</div>
<div class="mdui-card-content">
<h2>MS-DOS时代</h2> Windows进化史的第二篇章：MS-DOS（微软磁盘操作系统）。它是美国微软公司提供的磁盘操作系统。 现在Windows系统中的cmd（command）的大部分语法就来自于MSDOS。
</div>
</div>
<p></p>
<div class="mdui-card mdui-ripple" onclick="window.open('blog/History1-1.html','_self')">
<div class="mdui-card-header">
<img class="mdui-card-header-avatar" src="https://tse2-mm.cn.bing.net/th/id/OIP-C.jvAqOuYMNXhNv2s3Y2xylQHaHa?w=166&h=166&c=7&r=0&o=5&dpr=2&pid=1.7">
<div class="mdui-card-header-title">
Windows进化史
</div>
<div class="mdui-card-header-subtitle">
<div class="mdui-color-indigo" style="Width:80px;display:inline;">
2022.7.30
</div>
<div class="mdui-color-brown" style="Width:70px;display:inline;">
科普文章
</div>
<div class="mdui-color-black" style="Width:70px;display:inline;">
4分钟
</div>
</div>
</div>
<div class="mdui-card-content">
<h2>早期计算机时代</h2> 计算机的诞生大大方便了人们的生活，这里讲述了早期计算机的一些历史。现在的笔记本电脑小巧玲珑，以前计算机可是个庞然大物。
</div>
</div>
</div>
</div>
<div class="Pagefoot mdui-color-brown">
<a href="https://icp.gov.moe/?keyword=20220539" target="_blank" color:#ffffff>萌ICP备20220539号</a>
<p>Copyright EasyComputer 2022</p>
</div> <button class="mdui-fab mdui-ripple mdui-fab-fixed mdui-color-theme" onclick="window.open('./download','_self')"> <i class="mdui-icon material-icons">file_download</i> </button>
<script src="https://unpkg.com/[email protected]/dist/js/mdui.min.js"></script>
<script>
function loading() {
var widthmode = 0.6*(document.body.clientWidth);
document.getElementById("main").style.width = widthmode;
}
function snackbar(){
mdui.snackbar({
message: '此内容并无独立页面，所见即所得'});
}
</script>
</body>
</html>