博客园页面设置

it2026-08-05 15

注册博客园已经老久老久了，现在依然是个老菜鸟。最近开始尝试着写写博客，一来可以督促自己，二来可以回顾自己在过去到底学了些什么。看到很多人的博客都很炫，自己也就开始慢慢摸索。这里把自己摸索的一些经验总结一下。

一、编辑器

1.链接

我们很多时候需要引用别人或自己以前的代码。这里可以很方便的加上链接。

一个添加链接一个取消链接

选中要链接的文字右键就可以选中链接。

填入URL地址，目标一般选择在新窗口打开。

2.书签

插入书签

写入书签名

这样可以在文章开始写目录跳到任意的书签。右键插入链接的时候可以绑定到书签。

3.html

点击可以看到源码，任意修改。

4.插入代码

这里可以选中编程语言。如果代码量比较多可以全部折叠。

二、后台设置

1.页面定制CSS代码

这里就可以和前面编辑器联合起来。在编辑器里面的文字选中格式时

如果选择的是标题那么对应的是<h>标签，这样就可以在用CSS控制其样式。

显示效果，风格统一的小标题。

2.公告栏

公告栏一般大家都是贴上自己的靓照，加上自己的简单介绍。

还有的就是挂个漂亮的flash。

例1：

例2：

例3：还可以贴上

<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=XXXXXXXX&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=1:XXXXXXXX:13" alt="有事您Q我" title="有事您Q我"></a>

例5：还可以贴上你的主页被访问次数

先注册

3.页首Html代码

这个我见得比较多的就是大家的GitHub，源码管理。

如：

这里还有很多别的样式图片（注意，要将上图链接中的you换成自己的在Github上的账号）

GitHub在windows中的应用

4.开通js权限

博客园默认是没有开通js权限的。可以向管理员申请开通。邮箱：contact@cnblogs.com

开通js权限后可以做很多事。

如：在公告栏中自己写个日历或者时钟表什么的。我的就是自己加了个时钟表

5.推荐按钮

原本的推荐按钮是在最底下，不熟悉的人有时候可能找都找不到。

为了方便我们可以设置样式，使之悬浮。

/*快速评论*/ #div_digg { position: fixed; bottom: 10px; right: 15px; border: 2px solid #ECD7B1; padding: 10px; width: 140px; background-color: #fff; border-radius: 5px 5px 5px 5px !important; box-shadow: 0 0 0 1px #5F5A4B, 1px 1px 6px 1px rgba(10, 10, 0, 0.5); }

如果开通了js权限的话，我们还可以动态添加别的快捷按钮。

如：关注，回到顶部，快速评价。

/** 不知道为什么页面加载完成时还读不到div_digg。可能也是动态生成的。所以这里只能用定时器不断的读取，当读取到了再给它动态添加快捷按钮 **/ //自定义定时器[当元素加载完成是执行回调函数] function customTimer(inpId,fn) { if ($(inpId).length) { fn(); } else { var intervalId = setInterval(function () { if ($(inpId).length) { //如果存在了 clearInterval(intervalId); // 则关闭定时器 customTimer(inpId,fn); //执行自身 } }, 100); } } //页面加载完成是执行 $(function () { customTimer("#div_digg", function () { var div_html = "<div class=''>\ <a href='javascript:void(0);' οnclick='c_follow();'>关注</a>\  | \ <a href='#top'>顶部</a>\  | \ <a href='javascript:void(0);' οnclick=\" $('#tbCommentBody').focus();\">评论</a>\ </div>"; $("#div_digg").append(div_html); //tbCommentBody }); });

转载于:https://www.cnblogs.com/yzm10/p/7234973.html

相关资源：数据结构—成绩单生成器

最新回复(0)