OracleShellInstall/cases.html at main · pc-study/OracleShellInstall · GitHub

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
<!DOCTYPE html>
<htmllang="zh-CN">
<head>
<metacharset="UTF-8">
<script>try{varl=localStorage.getItem("lang");if(l)document.documentElement.lang=l==="en"?"en":"zh-CN"}catch(e){}try{vart=localStorage.getItem("theme")||"dark";document.documentElement.setAttribute("data-theme",t)}catch(e){document.documentElement.setAttribute("data-theme","dark")}</script>
<metaname="viewport" content="width=device-width, initial-scale=1.0">
<metaname="baidu-site-verification" content="codeva-5szOVhdF6k" />
<metaname="google-site-verification" content="FiO8gdu01Lz27qUPg4W2BfgG4VhD8ZWMXeiOa_ILa44" />
<title>实战案例 - OracleShellInstall</title>
<metaname="description" content="OracleShellInstall 用户投稿的真实安装体验。来自社区的实战案例，覆盖多种操作系统和 Oracle 版本。">
<metaproperty="og:title" content="实战案例 - OracleShellInstall">
<metaproperty="og:description" content="用户投稿的真实安装体验，来自社区的实战案例。">
<metaproperty="og:type" content="website">
<metaproperty="og:url" content="https://www.oracleshellinstall.com/cases.html">
<metaproperty="og:image" content="https://www.oracleshellinstall.com/img/og-cover.jpg">
<linkrel="canonical" href="https://www.oracleshellinstall.com/cases.html">
<linkrel="alternate" hreflang="zh-CN" href="https://www.oracleshellinstall.com/cases.html">
<linkrel="alternate" hreflang="en" href="https://www.oracleshellinstall.com/cases.html">
<linkrel="alternate" hreflang="x-default" href="https://www.oracleshellinstall.com/cases.html">
<metaname="color-scheme" content="light dark">
<metaname="theme-color" content="#0a0a0e" media="(prefers-color-scheme: dark)">
<metaname="theme-color" content="#f5f5f7" media="(prefers-color-scheme: light)">
<linkrel="icon" href="favicon.svg" type="image/svg+xml">
<linkrel="icon" href="favicon-32x32.png" sizes="32x32" type="image/png">
<linkrel="apple-touch-icon" href="apple-touch-icon.png">
<linkrel="manifest" href="manifest.json?v=20260325a">
<linkrel="preconnect" href="https://fonts.googleapis.com">
<linkrel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<linkhref="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400&family=Noto+Sans+SC:wght@400;500;700;900&family=Orbitron:wght@700;900&display=swap" rel="stylesheet">
<linkrel="stylesheet" href="css/style.css?v=20260325a">
<style>
.cases-hero{padding:100px040px;text-align:center}
.cases-hero-eye{display:inline-flex;align-items:center;gap:8px;font-size:.72rem;font-weight:600;color:var(--text-muted);
letter-spacing:3px;text-transform:uppercase;margin-bottom:18px}
.cases-hero-eye::before,.cases-hero-eye::after{content:'';width:28px;height:1px;background:var(--border-light)}
.cases-heroh1{font-size:clamp(1.8rem,4vw,2.6rem);font-weight:900;color:var(--text);margin-bottom:14px}
.cases-herop{color:var(--text-dim);font-size:.95rem;max-width:600px;margin:0 auto;line-height:1.75}

.cases-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px;padding:40px080px}
.case-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r-lg);padding:24px;
transition:all .3s;box-shadow:var(--shadow-card);text-decoration:none;display:block}
.case-card:hover{border-color:var(--border-light);transform:translateY(-2px);box-shadow:var(--shadow-card-hover)}
.case-card-title{font-size:1rem;font-weight:700;color:var(--text);margin-bottom:10px;line-height:1.5}
.case-card-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.case-card-tag{font-size:.72rem;padding:3px8px;border-radius:var(--r);background:var(--bg2);
border:1px solid var(--border);color:var(--text-muted);font-family:var(--mono)}
.case-card-author{font-size:.78rem;color:var(--text-dim)}
.case-card-date{font-size:.72rem;color:var(--text-muted);margin-left:auto}

.cases-empty{text-align:center;padding:80px0;color:var(--text-muted)}
.cases-empty-icon{font-size:3rem;margin-bottom:16px;opacity:.4}
.cases-emptyp{font-size:.95rem;margin-bottom:20px}

.cases-cta{text-align:center;padding:0080px}
.cases-ctap{color:var(--text-dim);font-size:.92rem;margin-bottom:16px}
</style>
</head>
<body>
<divid="nav"></div>

<sectionclass="cases-hero bg-grid">
<divclass="container">
<divclass="cases-hero-eye" data-i18n="casesEye">CASE STUDIES</div>
<h1data-i18n="casesTitle">用户实战案例</h1>
<pdata-i18n="casesDesc">来自社区用户的真实安装体验。每一篇投稿都是对 OracleShellInstall 最有力的证明。</p>
</div>
</section>

<section>
<divclass="container">
<divid="casesGrid" class="cases-grid"></div>
<divid="casesEmpty" class="cases-empty" style="display:none">
<divclass="cases-empty-icon">&#128221;</div>
<pdata-i18n="casesEmptyText">还没有用户投稿的案例，成为第一个分享者吧！</p>
<ahref="contribute.html" class="btn btn-primary" data-i18n="casesEmptyBtn">前往投稿 &rarr;</a>
</div>
</div>
</section>

<sectionclass="cases-cta">
<divclass="container">
<pdata-i18n="casesCtaText">分享您的安装体验，帮助更多 DBA 了解自动化安装的价值。</p>
<ahref="contribute.html" class="btn btn-primary" data-i18n="casesCtaBtn">投稿分享 &rarr;</a>
</div>
</section>

<divid="footer"></div>
<scriptsrc="js/shared.js?v=20260325a"></script>
<script>
document.getElementById('nav').innerHTML=navHTML();
document.getElementById('footer').innerHTML=footerHTML();

// Load and render cases
fetch('cases/cases.json')
.then(function(r){returnr.json()})
.then(function(cases){
vargrid=document.getElementById('casesGrid');
varempty=document.getElementById('casesEmpty');
if(!cases||cases.length===0){
grid.style.display='none';
empty.style.display='block';
return;
}
functionescapeHtml(s){if(!s)return'';returnString(s).replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;').replace(/"/g,'&quot;')}
grid.innerHTML=cases.map(function(c){
return'<a href="cases/'+encodeURIComponent(c.id)+'.html" class="case-card">'+
'<div class="case-card-title">'+escapeHtml(c.title)+'</div>'+
'<div class="case-card-meta">'+
'<span class="case-card-tag">'+escapeHtml(c.oracle)+'</span>'+
'<span class="case-card-tag">'+escapeHtml(c.mode)+'</span>'+
'<span class="case-card-tag">'+escapeHtml(c.os)+'</span>'+
'</div>'+
'<div style="display:flex;align-items:center">'+
'<span class="case-card-author">by '+escapeHtml(c.author)+'</span>'+
'<span class="case-card-date">'+escapeHtml(c.date)+'</span>'+
'</div>'+
'</a>';
}).join('');
})
.catch(function(){
document.getElementById('casesGrid').style.display='none';
document.getElementById('casesEmpty').style.display='block';
});

varpageI18n={
zh: {
casesEye:'CASE STUDIES',casesTitle:'用户实战案例',
casesDesc:'来自社区用户的真实安装体验。每一篇投稿都是对 OracleShellInstall 最有力的证明。',
casesEmptyText:'还没有用户投稿的案例，成为第一个分享者吧！',casesEmptyBtn:'前往投稿 →',
casesCtaText:'分享您的安装体验，帮助更多 DBA 了解自动化安装的价值。',casesCtaBtn:'投稿分享 →'
},
en: {
casesEye:'CASE STUDIES',casesTitle:'User Case Studies',
casesDesc:'Real install experiences from community users. Every submission is the most powerful proof of OracleShellInstall.',
casesEmptyText:'No user-submitted cases yet. Be the first to share!',casesEmptyBtn:'Contribute →',
casesCtaText:'Share your install experience to help more DBAs discover automated installation.',casesCtaBtn:'Contribute →'
}
};
Object.assign(i18n.zh,pageI18n.zh);
Object.assign(i18n.en,pageI18n.en);
if(currentLang!=='zh')setLang(currentLang);
</script>
<script>
window.addEventListener('load',function(){vars=document.createElement('script');s.src='https://hm.baidu.com/hm.js?a85f4658fbb0e498e498adac508e5027';document.head.appendChild(s)});
</script>
<scriptasyncsrc="https://www.googletagmanager.com/gtag/js?id=G-GNDHG1PZLG"></script>
<script>
window.dataLayer=window.dataLayer||[];
functiongtag(){dataLayer.push(arguments);}
gtag('js',newDate());
gtag('config','G-GNDHG1PZLG');
</script>
<script>if('serviceWorker'innavigator){navigator.serviceWorker.register('sw.js')}</script>
<scriptdefersrc="js/search.js?v=20260325a"></script>
</body>
</html>