灵感来源sakura主题,之前wordpress所使用的关于我界面

隐藏按钮

使用以下代码实现按钮的隐藏,具体标签外挂的使用看小康博客

1
2
3
{% hideBlock 这是什么?,#FF7242,#fff %}
//这里添加自定义内容即可
{% endhideBlock %}

引入js

  • js必须要下载下来自己对照修改
下载地址

编写about

  • 打开source/about/index.md将代码填入到合适的位置
  • 主页是添加到隐藏按钮中
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
  <div id="hello-mashiro" class="popcontainer" style="min-height: 270px; padding: 2px 6px 4px; background-color: rgba(242, 242, 242, 0.5); border-radius: 10px;">
<center>
<p>
</p>
<h4>
<ruby>
Boo(ま)(しろ)<rp>
</rp>
<rt>
</rt>
<rp>
</rp>
</ruby>
对话中...</h4>
<p>
</p>
</center>
<bot-ui>
</bot-ui>
</div>
<script src="https://cdn.jsdelivr.net/gh/Rr210/hexofixed@3.0/js/about.js"></script>//修改这个链接
<script>
bot_ui_ini()
</script>
<style>.botui-message {margin: 10px 0;min-height: 20px;}.botui-message-content.human{float:right;margin-bottom:12.2px}.botui-message-content.text{line-height:1.3}.botui-message-content.human{color:#f7f8f8;background-color:#919292}.botui-message-content{width:auto;max-width:85%;display:inline-block}.botui-message-content{padding:7px 13px;border-radius:15px;color:#595a5a;background-color:#ebebeb}</style>
  • F12可能会有出错的文件,自己解决一下,能力有限