GitHub 的界面语言可以通过以下步骤更改为中文:
界面会立即切换为中文。如需切换回英文,重复上述步骤选择"English"即可。
注意:此设置仅影响网页界面语言,不会改变仓库内容或代码。
在 GitHub 上创建网站介绍页面并设置左右布局(左侧README.md,右侧网站链接)的方法如下:
首先创建一个新仓库或使用现有仓库
创建README.md文件(左侧内容):
# 网站说明
这里是您的网站详细介绍内容...
## 功能特点
- 功能1
- 功能2
- 功能3
## 使用说明
...
# 网站说明
这里是您的网站详细介绍内容...
## 功能特点
- 功能1
- 功能2
- 功能3
## 使用说明
...
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>网站链接</title>
<style>
body {
display: flex;
margin: 0;
padding: 20px;
}
.left {
width: 70%;
padding-right: 20px;
}
.right {
width: 30%;
position: fixed;
right: 0;
top: 0;
height: 100vh;
padding: 20px;
background: #f5f5f5;
overflow-y: auto;
}
.website-link {
display: block;
margin-top: 20px;
padding: 10px;
background: #0366d6;
color: white;
text-align: center;
text-decoration: none;
border-radius: 5px;
}
</style>
</head>
<body>
<div class="left">
<!-- README内容将通过JavaScript动态加载 -->
<div id="readme-content"></div>
</div>
<div class="right">
<h2>网站链接</h2>
<a href="您的网站URL" class="website-link" target="_blank">访问网站</a>
</div>
<script>
// 加载README.md内容
fetch('README.md')
.then(response => response.text())
.then(text => {
document.getElementById('readme-content').innerHTML =
marked.parse(text); // 需要引入marked.js库
});
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>网站链接</title>
<style>
body {
display: flex;
margin: 0;
padding: 20px;
}
.left {
width: 70%;
padding-right: 20px;
}
.right {
width: 30%;
position: fixed;
right: 0;
top: 0;
height: 100vh;
padding: 20px;
background: #f5f5f5;
overflow-y: auto;
}
.website-link {
display: block;
margin-top: 20px;
padding: 10px;
background: #0366d6;
color: white;
text-align: center;
text-decoration: none;
border-radius: 5px;
}
</style>
</head>
<body>
<div class="left">
<!-- README内容将通过JavaScript动态加载 -->
<div id="readme-content"></div>
</div>
<div class="right">
<h2>网站链接</h2>
<a href="您的网站URL" class="website-link" target="_blank">访问网站</a>
</div>
<script>
// 加载README.md内容
fetch('README.md')
.then(response => response.text())
.then(text => {
document.getElementById('readme-content').innerHTML =
marked.parse(text); // 需要引入marked.js库
});
</script>
</body>
</html>
在仓库设置中启用GitHub Pages:
如需Markdown渲染支持,在index.html的<head>中添加:
<script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
完成后,您的GitHub Pages网址将显示左右分栏布局,左侧是README.md内容,右侧是网站链接。_