CSDN VIP如何添加自定义栏目

时间 2021-08-13

标签 html git 程序员 github golang docker 小程序微信 ide 网站栏目 HTML 繁體版

原文原文链接

几个月前我也开始在csdn上开了博客，一来给本身加几个少的可怜的流量，再者，让公众号的原创文章得到更多的曝光，让有须要的同窗看到。html

写过csdn博客的同窗都知道，默认只有打赏c币功能；也没有专门广告位；引导栏目，只有侧栏csdn本身的引导二维码。git

如何在csdn自定义栏目，加赞扬功能，或者其余等引导，让读者能很直观的看到，而不是在每篇文章加，增长本身工做量。这个功能之前对全部用户开放，可是很不幸，这功能被CSDN下架了，看下图：程序员

我也是以前为了给读者下载CSDN资料开了VIP，目前还有400次下载，为了限制，天天有8个免费下载名额，须要的能够扫码关注公众号，在后台回复【2】加我代下载。github

鼠标放到头像处，点击下拉框中的【管理博客】>> 点击侧栏的【博客模块管理】golang

只能添加一条自定义栏目，栏目内容支持html，能够自由发挥：
docker

添加公众号引导

<div>
    <p><strong>公众号</strong></p>
    <img src="http://www.liabio.cn/img/me/gongzhonghao-ercode.jpg" alt="长按识别二维码关注,精彩第一时间送达" title="长按识别二维码关注,精彩第一时间送达" height="100%" width="100%">
    <marquee><font color=" red">欢迎扫码关注！ </font></marquee>
</div>

效果图

添加QQ、QQ群、邮箱、友情连接等：

<div id="custom_column_27694137" class="panel">
    <p><strong>联系方式</strong></p>
    <br><br>
    <ul class="panel_head">
        <span><a target="_blank" href="http://sighttp.qq.com/msgrd?v=3&uin=1939137617&site=&menu=yes">☞ 本人QQ: 1939137617</a>
        </span>
    </ul>
    
    <ul class="panel_head">
        <span><a target="_blank" href="//shang.qq.com/wpa/qunwpa?idkey=1a08adf5d7f9d49a2a83bb0d3b4acf0e94554895e12dc657ecfb88d706d82673"><img border="0" src="//pub.idqqimg.com/wpa/images/group.png" alt="程序员实战" title="程序员实战"></a></span>
    </ul>
    <ul class="panel_head">
        <span><a target="_blank" href="https://github.com/liabio">☞ github.com/liabio</a></span>
    </ul>
    <ul class="panel_head">
        <span><a href="mailto:coderaction@foxmail.com">☞ coderaction@foxmail.com</a></span>
    </ul>
    <span><a href=>☞ </a></span>
    <marquee><font color=" red">欢迎光临！ </font></marquee>
</div>

<div>
    <p><strong>友情连接</strong></p>
    <br><br>
    <a target="_blank" href="http://www.liabio.cn/">【小碗汤】的博客</a><br><br>
    <marquee><font color=" red">欢迎来踩！ </font></marquee>
</div>

效果图

其中点击QQ会打开登录QQ的对话框，只须要把href里连接中QQ号换为本身的；小程序
点击加入QQ群后会跳转到加群窗口，须要在https://qun.qq.com/join.html 网站中登录须要绑定的QQ号 >> 选择群 >> 复制网页代码
微信
点击邮箱会打开邮箱登录窗口，只需修改href中的邮箱便可ide

添加打赏提问

<div>
    <p><strong>欢迎打赏和提问</strong></p>
    <img src="http://www.liabio.cn/img/fee-say2.png" alt="长按识别提问码 向我提问" title="长按识别提问码 向我提问" height="100%" width="100%">
</div>

效果图

打赏问答图片由【Chat快问】小程序生成。网站

微信、支付宝打赏

<div>
    <p><strong>扫码打赏</strong></p>
    <br>
    <img src="http://www.liabio.cn/img/wechat-zhifubao-QR.png" alt="长按识别 微信|支付宝打赏通用" title="长按识别 微信|支付宝打赏通用" height="100%" width="100%">
</div>

只用一个二维码实现微信、支付宝打赏，由小程序【二维码合并】支持。

总体代码

<div id="asideCustom41021941" class="aside-box custom-box">
    <div class="aside-content clearfix">
        <div>
             <p><strong>公众号</strong></p>
             <img src="http://www.liabio.cn/img/me/gongzhonghao-ercode.jpg" alt="长按识别二维码关注,精彩第一时间送达" title="长按识别二维码关注,精彩第一时间送达" height="100%" width="100%">
             <marquee><font color=" red">欢迎扫码关注！ </font></marquee>
        </div>
        <br>
        
        <div id="custom_column_27694137" class="panel">
            <p><strong>联系方式</strong></p>
            <ul class="panel_head">
                <span><a target="_blank" href="http://sighttp.qq.com/msgrd?v=3&uin=1939137617&site=&menu=yes">☞ 本人QQ: 1939137617</a>
                </span>
            </ul>
            
            <ul class="panel_head">
                <span><a target="_blank" href="//shang.qq.com/wpa/qunwpa?idkey=1a08adf5d7f9d49a2a83bb0d3b4acf0e94554895e12dc657ecfb88d706d82673"><img border="0" src="//pub.idqqimg.com/wpa/images/group.png" alt="程序员实战" title="程序员实战"></a></span>
            </ul>
            <ul class="panel_head">
                <span><a target="_blank" href="https://github.com/liabio">☞ github.com/liabio</a></span>
            </ul>
            <ul class="panel_head">
                <span><a href="mailto:coderaction@foxmail.com">☞ coderaction@foxmail.com</a></span>
            </ul>
            <span><a href=>☞ </a></span>
            <marquee><font color=" red">欢迎光临！ </font></marquee>
        </div>
        <br>
        
        <div>
            <p><strong>友情连接</strong></p>
            <a target="_blank" href="http://www.liabio.cn/">【小碗汤】的博客</a><br><br>
            <marquee><font color=" red">欢迎来踩！ </font></marquee>
        </div>
        <br>

        <div>
            <p><strong>欢迎打赏和提问</strong></p>
            <img src="http://www.liabio.cn/img/fee-say2.png" alt="长按识别提问码 向我提问" title="长按识别提问码 向我提问" height="100%" width="100%">
        </div>
        <br>
        <div>
            <p><strong>扫码打赏</strong></p>
            <img src="http://www.liabio.cn/img/wechat-zhifubao-QR.png" alt="长按识别 微信|支付宝打赏通用" title="长按识别 微信|支付宝打赏通用" height="100%" width="100%">
        </div>
    </div>
</div>

总体效果

做者简洁

做者：小碗汤，一位热爱、认真写做的小伙，目前维护原创公众号：『个人小碗汤』，专一于写golang、docker、kubernetes等知识等提高硬实力的文章，期待你的关注。转载说明：务必注明来源（注明：来源于公众号：个人小碗汤，做者：小碗汤）