可以做一个友链页面吗？我不喜欢把链接放到右侧信息下面

[wzdc]

可以做一个友链页面吗？我不喜欢把链接放到右侧信息下面

[argvchs]

。。。我有时间再做吧

[argvchs]

可以先用 Markdown 代替一下

用 hexo new page friend 创建友链页，然后：

写的很丑是因为 Markdown 会自动给换行加 <br>，为了避免就都连在一起了

<span style="
display: block;
width: 100%;
text-align: center;
"><a href="https://argvchs.netlify.app" style="
display: inline-flex;
align-items: center;
box-sizing: border-box;
width: 40%;
margin: 15px;
padding: 20px;
color: #1e3e3f;
background: #fff;
border: 1px solid #0002;
border-radius: 10px;
"><img src="https://static-argvchs.netlify.app/images/avatar.jpg" style="
display: inline;
width: 100px;
margin: 0;
border-radius: 50%;
"><span style="
display: inline-flex;
flex-wrap: wrap;
justify-content: center;
"><span style="
font-size: 20px;
font-weight: bold;
">Argvchs</span><span>Here's an argvchs...</span></span></a><a href="https://argvchs.netlify.app" style="
display: inline-flex;
align-items: center;
box-sizing: border-box;
width: 40%;
margin: 15px;
padding: 20px;
color: #1e3e3f;
background: #fff;
border: 1px solid #0002;
border-radius: 10px;
"><img src="https://static-argvchs.netlify.app/images/avatar.jpg" style="
display: inline;
width: 100px;
margin: 0;
border-radius: 50%;
"><span style="
display: inline-flex;
flex-wrap: wrap;
justify-content: center;
"><span style="
font-size: 20px;
font-weight: bold;
">Argvchs</span><span>Here's an argvchs...</span></span></a><a href="https://argvchs.netlify.app" style="
display: inline-flex;
align-items: center;
box-sizing: border-box;
width: 40%;
margin: 15px;
padding: 20px;
color: #1e3e3f;
background: #fff;
border: 1px solid #0002;
border-radius: 10px;
"><img src="https://static-argvchs.netlify.app/images/avatar.jpg" style="
display: inline;
width: 100px;
margin: 0;
border-radius: 50%;
"><span style="
display: inline-flex;
flex-wrap: wrap;
justify-content: center;
"><span style="
font-size: 20px;
font-weight: bold;
">Argvchs</span><span>Here's an argvchs...</span></span></a><a href="https://argvchs.netlify.app" style="
display: inline-flex;
align-items: center;
box-sizing: border-box;
width: 40%;
margin: 15px;
padding: 20px;
color: #1e3e3f;
background: #fff;
border: 1px solid #0002;
border-radius: 10px;
"><img src="https://static-argvchs.netlify.app/images/avatar.jpg" style="
display: inline;
width: 100px;
margin: 0;
border-radius: 50%;
"><span style="
display: inline-flex;
flex-wrap: wrap;
justify-content: center;
"><span style="
font-size: 20px;
font-weight: bold;
">Argvchs</span><span>Here's an argvchs...</span></span></a></span>

效果：

[Michael-Zyx]

@argvchs 您好大佬，本人纯属小白，请问这段代码该如何适配移动端呢？我在markdown里面写html代码，但网站直接把它当做代码渲染了，做不到检查设备后展示不同的布局，谢谢！