你写了一篇看上去不错的格式错乱,但是很可惜的是,你觉得你的文章太丑了,需要一些东西充实他。本指导将告诉你一些很酷的东西,把它们放到你的文章里。你的小伙伴们都惊呆了!
使用C:\Users\Administrator\Desktop\学习の资料\ChatGPT\ChatGPT.exe1の馈赠
有的时候,ChatGPT可以为你生成一些格式,输入你的要求,它就可以生成。虽然一定概率上也要让你改一下,但足够用了。
论坛Div
这是用GPT生成的,下面是一个实例:
看源代码你可以发现,这是一个html,所以你还要套上[[html]]。下面是示例代码:
<!DOCTYPE html>
<html>
<head>
<style>
.discussion-thread {
background-color: #f5f5f5;
padding: 10px;
border: 1px solid #ccc;
border-radius: 5px;
}
.discussion-thread .post {
margin-bottom: 10px;
display: flex;
align-items: center;
}
.discussion-thread .post .avatar {
width: 40px; /* 头像宽度 */
height: 40px; /* 头像高度 */
border-radius: 50%; /* 头像圆角 */
margin-right: 10px; /* 头像右侧边距 */
}
.discussion-thread .post .author {
font-weight: bold;
margin-right: 10px; /* 名字右侧边距 */
}
.discussion-thread .post .timestamp {
color: #999;
font-size: 12px;
margin-right: 10px; /* 时间戳右侧边距 */
}
.discussion-thread .post .message {
margin-top: 5px;
}
</style>
</head>
<body>
<div class="discussion-thread">
<div class="post">
<img class="avatar" src="http://brsandbox-pro.wdfiles.com/local--files/cakelord/tagssss.svg">
<div class="details">
<div class="author">名字</div>
<div class="timestamp">时间</div>
<div class="message">内容</div>
</div>
</div>
<!— 添加更多帖子 —>
</div>
</body>
</html>
卡片div
还是由ChatGPT生成,仿Fandom红票蓝票机制。
<!DOCTYPE html>
<html>
<head>
<style>
.card {
width: 300px;
padding: 20px;
border: 1px solid #ddd;
border-radius: 5px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
background-color: #fff;
}
.card-title {
font-size: 18px;
font-weight: bold;
margin-bottom: 10px;
}
.card-content {
font-size: 14px;
color: #666;
}
.card-action {
margin-top: 20px;
}
.card-action a {
text-decoration: none;
color: #333;
margin-right: 10px;
}
</style>
</head>
<body>
<div class="card">
<div class="card-title">卡片标题</div>
<div class="card-content">卡片内容</div>
<div class="card-action">
<a href="#">操作1</a>
<a href="#">操作2</a>
</div>
</div>
</body>
</html>
你想要添加一个更酷的版式?使用以下模板编辑:
+ 标题
你的简介或者见解
这里写效果
这里写代码,如果太长了,用折叠块。