前言,本来是想写日志记录一下的,但是太过于繁琐,所以直接改成攻略了

🎓 什么是 CC 协议?

CC 协议全称是 Creative Commons License(知识共享许可协议),
它是一套让你可以合法地声明“允许别人如何使用你的作品”的授权机制,广泛用于博客、图文、代码、视频等内容。

🧭 为什么要用 CC 协议?

我的个人网站包含原创文章、截图点评、专栏分类等内容,如果被爬虫随意抓取,可能会面临未经授权的传播或滥用。虽然 CC(知识共享)协议不能直接阻止爬取,但它能明确授权规则,让使用者知晓如何合法使用我的内容,从而在开放共享与版权保护之间找到平衡。

如何添加 CC 协议?

首先在https://creativecommons.org/chooser/填写文本(此项略过):

针对第二项的 6 种 CC 协议版本,这里我选择的是CC-BY-NC-ND4.0,各位站长可根据自身情况自主选择:

协议名称

缩写

是否可商用

是否可改作

是否需署名

是否需同协议共享

CC BY

✅ 署名

✅ 可以

✅ 可以

✅ 是

❌ 不要求

CC BY-SA

署名-相同方式共享

✅ 可以

✅ 可以

✅ 是

✅ 是

CC BY-ND

署名-禁止演绎

✅ 可以

❌ 不可

✅ 是

❌ 无要求

CC BY-NC

署名-非商业用途

❌ 不可

✅ 可以

✅ 是

❌ 无要求

CC BY-NC-SA

非商业 + 相同共享

❌ 不可

✅ 可以

✅ 是

✅ 是

CC BY-NC-ND

非商业 + 禁演绎

❌ 不可

❌ 不可

✅ 是

❌ 无要求

稍等一会,网站会生成一个英文声明(先不要复制)

<a href="https://你的站点.com">你的网站名称</a> © 2025 by <a href="https://你的站点.com">你的姓名</a> is licensed under <a href="https://creativecommons.org/licenses/by-nc-nd/4.0/">Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 International</a><img src="https://mirrors.creativecommons.org/presskit/icons/cc.svg" style="max-width: 1em;max-height:1em;margin-left: .2em;"><img src="https://mirrors.creativecommons.org/presskit/icons/by.svg" style="max-width: 1em;max-height:1em;margin-left: .2em;"><img src="https://mirrors.creativecommons.org/presskit/icons/nc.svg" style="max-width: 1em;max-height:1em;margin-left: .2em;"><img src="https://mirrors.creativecommons.org/presskit/icons/nd.svg" style="max-width: 1em;max-height:1em;margin-left: .2em;">

HTML代码:

<a href="https://creativecommons.org">Untitled</a> © 1999 by <a href="https://creativecommons.org">Jane Doe</a> is licensed under <a href="https://creativecommons.org/licenses/by-nc-nd/4.0/">CC BY-NC-ND 4.0</a><img src="https://mirrors.creativecommons.org/presskit/icons/cc.svg" style="max-width: 1em;max-height:1em;margin-left: .2em;"><img src="https://mirrors.creativecommons.org/presskit/icons/by.svg" style="max-width: 1em;max-height:1em;margin-left: .2em;"><img src="https://mirrors.creativecommons.org/presskit/icons/nc.svg" style="max-width: 1em;max-height:1em;margin-left: .2em;"><img src="https://mirrors.creativecommons.org/presskit/icons/nd.svg" style="max-width: 1em;max-height:1em;margin-left: .2em;">

因为生成的是英文版本,我把声明内容丢给了chatgpt,他为我生成了一份精简的中文版本,各位站长只需要把网址替换为自己的站点就能用了(记得替换协议):

<div style="background-color: #111; color: #ccc; padding: 1em 0; text-align: center; font-size: 0.9em;">
  <p style="margin: 0.5em 0;">
    <a href="https://你的站点" style="color: #ccc; text-decoration: none;">你的网站名称</a> © 创建年份 by 你的姓名<br>
    本站内容采用
    <a rel="license" href="https://creativecommons.org/licenses/by-nc-nd/4.0/" target="_blank" style="color: #ccc; text-decoration: underline;">
      CC BY-NC-ND 4.0 国际许可协议</a> 授权,禁止商用与修改,转载请注明出处。
  </p>
  <p style="margin: 0.5em 0;">
    <a rel="license" href="https://creativecommons.org/licenses/by-nc-nd/4.0/" target="_blank">
      <img alt="CC" style="height: 1.2em; margin: 0 0.2em;" src="https://mirrors.creativecommons.org/presskit/icons/cc.svg">
      <img alt="BY" style="height: 1.2em; margin: 0 0.2em;" src="https://mirrors.creativecommons.org/presskit/icons/by.svg">
      <img alt="NC" style="height: 1.2em; margin: 0 0.2em;" src="https://mirrors.creativecommons.org/presskit/icons/nc.svg">
      <img alt="ND" style="height: 1.2em; margin: 0 0.2em;" src="https://mirrors.creativecommons.org/presskit/icons/nd.svg">
    </a>
  </p>
</div>

最后我们将代码粘贴到页脚,由于我使用的主题是免费版本,不能自由删除页脚内容,所以我选择在自定义css中用代码隐藏:

/* 隐藏主题页脚 */
.bs-footer-copyright {
  display: none !important;
}

添加插件Headers And Footers

来到控制台:插件——已安装插件——找到WP Headers And Footers,点击Settings,找到Scripts in Footer

Scripts in Footer栏添加刚刚的声明代码:

<div style="background-color: #111; color: #ccc; padding: 1em 0; text-align: center; font-size: 0.9em;">
  <p style="margin: 0.5em 0;">
    <a href="https://你的站点" style="color: #ccc; text-decoration: none;">你的网站名称</a> © 创建年份 by 你的姓名<br>
    本站内容采用
    <a rel="license" href="https://creativecommons.org/licenses/by-nc-nd/4.0/" target="_blank" style="color: #ccc; text-decoration: underline;">
      CC BY-NC-ND 4.0 国际许可协议</a> 授权,禁止商用与修改,转载请注明出处。
  </p>
  <p style="margin: 0.5em 0;">
    <a rel="license" href="https://creativecommons.org/licenses/by-nc-nd/4.0/" target="_blank">
      <img alt="CC" style="height: 1.2em; margin: 0 0.2em;" src="https://mirrors.creativecommons.org/presskit/icons/cc.svg">
      <img alt="BY" style="height: 1.2em; margin: 0 0.2em;" src="https://mirrors.creativecommons.org/presskit/icons/by.svg">
      <img alt="NC" style="height: 1.2em; margin: 0 0.2em;" src="https://mirrors.creativecommons.org/presskit/icons/nc.svg">
      <img alt="ND" style="height: 1.2em; margin: 0 0.2em;" src="https://mirrors.creativecommons.org/presskit/icons/nd.svg">
    </a>
  </p>
</div>

第一次使用插件可能会被Wordfence拦截,点击允许操作即可

如果你想让效果更强:可以考虑添加 <meta> 标签

我们来到之前的Headers And Footers,Scripts in Header中添加代码:

<link rel="license" href="https://creativecommons.org/licenses/by-nc-nd/4.0/" />

此行代码作用为:当爬虫爬取网站时,就会提示整站 CC 授权

OK,至此cc协议部署教程全部搞定。如果对你有帮助,欢迎点赞转发。之后内容是我的一些踩坑和吐槽,如果感兴趣,欢迎继续阅读

部署时踩过的坑——Creative Commons插件

  1. 这个插件默认而且是强制白色背景,虽然部署十分简单,但是我的页脚是黑的,加一块大白边真的好难看

  2. 这个插件不仅不能换背景,还不能换文字,我关掉了页脚显示就标识我只能用剩下的小工具了,但是侧面放一个全英文的小工具真的太怪了

  3. 网站的夜间模式对他无效

后来我放弃了,这个插件虽然对爬虫有效,也不影响阅读,但强迫症真的很难受,果断卸载换成Headers And Footers