创建一个有个性的专栏会使整个界面更个性化,下面是我设置的自己的界面 ,现在来说一下怎么做?
第一步:首先选择 “管理博客”
第二步:点击 “专栏管理”
第三步:点击 “添加自定义专栏”—CSDN只能创建一个栏目
第四步:添加专栏的源代码
代码如下:
<p><span xss=removed>Name:</span> YLC_慕类
<br>
<hr>
<p><span xss=removed>Email:</span> ylc789@aliyun.com
<br>
<hr>
<p><span xss=removed>公众号:</p>
<div class="blog_medal"><a href="http://blog.csdn.net/experts/rule.html"><img src=" https://img-blog.csdnimg.cn/20190313151756394.jpg " alt="img" class="medal_img" width="150" height="150"></a>
<br>
<div class="attention"><a href="" id="span_add_follow"><i class="fa fa-plus"></i><span>加关注</span></a></span></a></span></a>
<a href=""><i class="fa fa-envelope-o"></i><span>发私信</span></a> </div>
<div class="contact"></div>
第五步:这样就创建完成,现在说明每段代码意义以及如何修改
这个是我专栏界面链接: https://blog.csdn.net/weixin_42187898
博主名字:
<p><span xss=removed>Name:</span> YLC_慕类</p>
<br>
邮箱:
<p><span xss=removed>Email:</span> ylc789@aliyun.com
</p>
<br>
加图片:
<p><span xss=removed>公众号:</p>
<div class="blog_medal"><a href="http://blog.csdn.net/experts/rule.html"><img src=" https://img-blog.csdnimg.cn/20190313151756394.jpg " alt="img" class="medal_img" width="150" height="150"></a>
<br>
图片链接:
只需要将代码中图片的链接—也就是这段https://img-blog.csdnimg.cn/20190313151756394.jpg修改了就可以
怎么获得图片链接:
在Markdown编译器中添加图片(Ctrl+shift+G,不区分大小写)时,图片下面会出现上图的链接,直接复制下来粘贴到相应的地址即可。
加关注、发私信:
<div class="attention"><a href="" id="span_add_follow"><i class="fa fa-plus"></i><span>加关注</span></a></span></a></span></a>
<a href=""><i class="fa fa-envelope-o"></i><span>发私信</span></a> </div>
<div class="contact"></div>
加直线:
<hr>
修改字体颜色:
直接修改color的数组
<font face="Helvetica" size="2" color="#EE2C2C"> 邮箱:xxxxxxxx </font>
颜色网址:
http://www.qiaozhezou.com/rgb.htm
加黑:
<b>