美化你的博客 | 来看这篇指导教程

最新推荐文章于 2024-08-24 18:23:07 发布
最新推荐文章于 2024-08-24 18:23:07 发布
阅读量364 收藏 1
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/JaJian_/article/details/92840064
版权

好的博客主题不仅美观大方，而且能促进主人书写的愿望，博主也是个喜欢折腾的人，前前后后对自己现在的博客整容过很多次，动过很多次刀，很多人看我博客都说“博主，你的主题666”。其实我很抱歉啊，因为这主题并不是我原创的。我当时也是逛博客园突然发现了该款主题，然后自己就套用了下，研究了下 js，最后再进行重新编辑定制了些功能，添加了一些博主自己喜欢的内容，如代码高亮等等。

1162587-20181009220354427-426246674.png

博主是名 Java 开发工程师，刚刚开始工作的时候，那时候还不是很流行现在的微服务以及前后端分离的项目架构。博主记得第一年面试的时候还被面试官问到 Jquery 的选择器，Ajax，以及 CSS 的盒子模型等相关的前端技术。而且第一份工作也是前后端都写，因为 java 的 jsp 技术也有写页面的能力，所以公司里面没有前端，只有一个美工(不知道美工属不属于前端，因为之前有人和我争论过，说美工不属于前端)，美工给我们制作下静态页面就可以了，我们再填充静态页面。

说了这么多，其实，我只是想解释下我的 JS 和 CSS 只是菜鸟级别的，我只是博客主题的搬运工，我的这篇随笔不是想教各位大神如何定制主题，而是给大家推荐一些好的现存的 Code 和案例。

定制代码

虽然 CSDN -自称全球最大的中文 IT 社区，而且也确实做的比博客园大，因为 CSDN 的商业化做的更好，但也是因为这样，CSND 的博客页面广告覆盖率特别大，不说我们平时写技术的人看着难受，每次阅读起来也很难受，而且主题样式我个人认为及其丑陋。博客园也有广告，但是我们可以定制代码，书写自己的主题。前端技术能力强的 Coder 完全可以做到博客主题大变身，看起来像是个人博客一样，一点博客园的影子都没有。广告之类的我们也可以自己通过样式代码去掉，可以使得博客界面简介大方，虽然这样可能不好，但是博客园也没有强制拒绝你这样做。

如何定制？我们可以通过【设置】中定制自己的 CSS 代码，当然是先要申请，并通过审核的。
我们原始的主题一般都选择的是 SimpleMemory 主题，因为这款主题纯白简洁。

1162587-20181009222257226-1976855147.png

禁用模板默认CSS

勾选上【禁用模板默认 CSS 】，填上自己整理的 CSS 代码，如下：
1162587-20181009220430318-1348917024.png

博客侧边栏公告

这里面可以定制自己的主页面 HTML 和一些 JS 功能，如下：
1162587-20181009220440955-1154218760.png

小时钟

推荐一个时钟的小挂件：博客小时钟 ，可以下载下来上传到博客园文件中，也可以直接引用

<html>
<embed height="200" type="application/x-shockwave-flash" width="200" src="http://www.blogclock.cn/swf/S1000746cf11489-9.swf" wmode="transparent" quality="high">
</html>

页首Html代码

支持js，可以添加赞赏，返回文章顶部等功能。
1162587-20181009220452445-1808631461.png

页脚Html代码

支持js，可添加音乐播放器等功能。
1162587-20181009220501280-1930168131.png

可以参考：明志健致远

博客园Markdown语法

程序员写博客，我推荐用 Markdown，因为用 Markdown 写文章就像写代码的感觉一样。博客园大概是2014年将 markdown 语法引进来的。参考：新功能发布！Markdown写博客！。

Markdown的语法，不同的平台大致一样。博客园稍微有点区别，例如图片的应用，其他编辑器通过@会将描述显示在图片下方，而博客园不支持。博客园的 Markdown 语法详情可以自行网络学习。

编辑器的话就不要用博客园自己的了，你写的时候会急死，不多说你亲身体会下就知道了。可以先在其他编辑器上写好，再 Copy 过去就可以了。前提是你先要设置它的默认编辑器为 Markdown，可在【设置】-【选项】中修改，如下：
1162587-20181009220513104-352537436.png

这里推荐几款Markdown编辑器，

  • 马克飞象
    印象笔记的产品，本人目前在用，有网页版和客户端版，可免费可付费，影响的只是是否你需要同步到云上印象笔记，我喜欢它的原因是因为它的高亮代码是在太漂亮了，而且可以免费导出到本地，类型可以是 Markdown，HTML，PDF 等格式，关键是并保留高亮的样式。截个图你体验下：
    1162587-20181117214526391-608041206.png
    唯一的缺点是我公司禁用这些笔记类工具。大公司都有这样的安全规定。想哭。

  • Sublime Text3
    Sublime Text3 不多说了，程序员最熟悉的小伙伴了，轻量、简洁、高效、跨平台的编辑器，只不过用它写markdown之前需要一翻折腾，具体怎么折腾法我就不详细说了，网上的教程很多，也很详细。

  • Cmd Markdown
    我为什么推荐它？因为它是我们公司的漏网之鱼，嘘，请不要声张，哈哈。博主在公司项目不忙的时候就偷偷的在上面写写文章，联网自动同步，也是可免费可收费的，但是免费的不支持图片。

当然还有其他很多各种各样的编辑器，如有道笔记等等，在这里就不一一介绍了，根据个人的使用习惯和爱好选择吧。

博客园支持的几个特殊的 Markdown 语法：

1、文字颜色：

<font color=#7CCD7C>绿色</font>
<font color=#FFD700>黄色</font>
<font color=#EE4000>红色</font>

效果参考：绿色，黄色，红色。

2、文字字体

<font face="黑体">我是黑体字</font>

效果参考：我是黑体字

代码高亮

这里推荐两款高亮的 CSS，当然这是针对 Markdown 类文章的。

第一款 CSS 代码

.cnblogs-markdown pre {
    white-space: pre!important
}

.cnblogs-markdown .hljs {
    display: block!important;
    overflow-x: auto!important;
    padding: 1em!important;
    background: #282c34!important;
    border: 1px solid #fff!important;
    border-radius: 5px!important;
    font-family: Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace!important;
    font-size: 15px!important
}

.hljs,.hljs-subst,.hljs-tag {
    color: #f8f8f2!important
}

.hljs-emphasis,.hljs-strong {
    color: #a8a8a2!important
}

.hljs-bullet,.hljs-link,.hljs-literal,.hljs-number,.hljs-quote {
    color: #ae81ff!important
}

.hljs-meta,.hljs-regexp {
    color: #fd971f!important
}

.hljs-built_in,.hljs-builtin-name,.hljs-code,.hljs-section,.hljs-selector-class,.hljs-title {
    color: #a6e22e!important
}

.hljs-strong {
    font-weight: 700
}

.hljs-emphasis {
    font-style: italic!important
}

.hljs-attr,.hljs-name,.hljs-selector-tag,.hljs-symbol {
    color: #f74449!important
}

.hljs-attribute,.hljs-keyword {
    color: #66d9ef!important
}

.hljs-class .hljs-title,.hljs-params {
    color: #f8f8f2!important
}

.hljs-addition,.hljs-selector-attr,.hljs-selector-id,.hljs-selector-pseudo,.hljs-string,.hljs-template-variable,.hljs-type,.hljs-variable {
    color: #e6db74!important
}

.hljs-comment,.hljs-deletion {
    color: #999!important
}

效果如下：
1162587-20181009220539647-1867673080.png

第二款 CSS 代码

pre {
    white-space: pre;
    word-wrap: normal
}

div.postBody {
    color: #666;
    text-shadow: 0 0px rgba(0, 0, 0, 0.05);
}
.cnblogs-markdown .hljs{
  display: block;
  overflow-x: auto;
  padding: 0.5em !important;
  background: #23241f !important;
  font-size: 14px !important;
 /* font-weight:bold !important;*/

}

.cnblogs-markdown .hljs,
.hljs-tag,
.hljs-subst {
  color: #f8f8f2;
}

.hljs-strong,
.hljs-emphasis {
  color: #a8a8a2;
}

.hljs-bullet,
.hljs-quote,
.hljs-number,
.hljs-regexp,
.hljs-literal,
.hljs-link {
  color: #ae81ff;
}

.hljs-code,
.hljs-title,
.hljs-section,
.hljs-selector-class {
  color: #a6e22e;
}

.cnblogs-markdown .hljs-strong {
  font-weight: bold;
}

.hljs-emphasis {
  font-style: italic;
}

.hljs-keyword,
.hljs-selector-tag,
.hljs-name,
.hljs-attr {
  color: #f92672;
}

.hljs-symbol,
.hljs-attribute {
  color: #66d9ef;
}

.hljs-params,
.hljs-class .hljs-title {
  color: #f8f8f2;
}

.hljs-string,
.hljs-type,
.hljs-built_in,
.hljs-builtin-name,
.hljs-selector-id,
.hljs-selector-attr,
.hljs-selector-pseudo,
.hljs-addition,
.hljs-variable,
.hljs-template-variable {
  color: #e6db74;
}

.hljs-comment,
.hljs-deletion,
.hljs-meta {
  color: #75715e;
}

效果如下：就是博主最开始在用的
1162587-20181009220551296-1912996495.png

其他高亮的代码

如果以上两种都不是你喜欢的高亮类型，那么我们还可以通过另一种方式获得更多种高亮的代码，不过需要读者自己处理下，它就是 >>highlight.js，它支持185中代码语言，共有85个高亮代码。

我们可以在>>这里选择预览自己想要的高亮类型。如果你看到自己中意的高亮类型，先记住它的 Styles 的名称，例如：Agate。

之后我们需要先在>>这里下载highlight.js的代码，选择支持的代码语言，一般常用的 Common 中是全部默认选中的，已经包括 Java，Html，CSS，PHP，JS，Python等常用的语言了。

1162587-20181128215020694-3486741.png

下载完成之后，解压到本地文件夹，解压后的文件夹中有 /styles 文件夹，该文件夹里面就是我们之前看到的所有高亮代码，我们找到我们之前选中喜欢的CSS文件，例如：agate.css。 将它用Notepad++或者 Sublime text文本编辑器打开，里面就是我们需要的高亮代码，以 agate.css 为例，代码如下：

.hljs {
  display: block;
  overflow-x: auto;
  padding: 0.5em;
  background: #333;
  color: white;
}

.hljs-name,
.hljs-strong {
  font-weight: bold;
}

.hljs-code,
.hljs-emphasis {
  font-style: italic;
}

.hljs-tag {
  color: #62c8f3;
}

.hljs-variable,
.hljs-template-variable,
.hljs-selector-id,
.hljs-selector-class {
  color: #ade5fc;
}

.hljs-string,
.hljs-bullet {
  color: #a2fca2;
}

.hljs-type,
.hljs-title,
.hljs-section,
.hljs-attribute,
.hljs-quote,
.hljs-built_in,
.hljs-builtin-name {
  color: #ffa;
}

.hljs-number,
.hljs-symbol,
.hljs-bullet {
  color: #d36363;
}

.hljs-keyword,
.hljs-selector-tag,
.hljs-literal {
  color: #fcc28c;
}

.hljs-comment,
.hljs-deletion,
.hljs-code {
  color: #888;
}

.hljs-regexp,
.hljs-link {
  color: #c6b4f0;
}

.hljs-meta {
  color: #fc9b9b;
}

.hljs-deletion {
  background-color: #fc9b9b;
  color: #333;
}

.hljs-addition {
  background-color: #a2fca2;
  color: #333;
}

.hljs a {
  color: inherit;
}

.hljs a:focus,
.hljs a:hover {
  color: inherit;
  text-decoration: underline;
}

但是这种我们是不能直接 Copy 到 博客园的页面定制CSS代码中使用的，你会发现它不起作用，由于博客园的原因它不能识别，我们需要在前面加上 .cnblogs-markdown，修改后的代码如下(注意第一行的区别)：

.cnblogs-markdown .hljs {
    display: block;
    overflow-x: auto;
    padding: .5em!important;
    background: #333!important;
    color: #white!important;
}

.hljs-name,
.hljs-strong {
  font-weight: bold;
}

.hljs-code,
.hljs-emphasis {
  font-style: italic;
}

.hljs-tag {
  color: #62c8f3;
}

.hljs-variable,
.hljs-template-variable,
.hljs-selector-id,
.hljs-selector-class {
  color: #ade5fc;
}

.hljs-string,
.hljs-bullet {
  color: #a2fca2;
}

.hljs-type,
.hljs-title,
.hljs-section,
.hljs-attribute,
.hljs-quote,
.hljs-built_in,
.hljs-builtin-name {
  color: #ffa;
}

.hljs-number,
.hljs-symbol,
.hljs-bullet {
  color: #d36363;
}

.hljs-keyword,
.hljs-selector-tag,
.hljs-literal {
  color: #fcc28c;
}

.hljs-comment,
.hljs-deletion,
.hljs-code {
  color: #888;
}

.hljs-regexp,
.hljs-link {
  color: #c6b4f0;
}

.hljs-meta {
  color: #fc9b9b;
}

.hljs-deletion {
  background-color: #fc9b9b;
  color: #333;
}

.hljs-addition {
  background-color: #a2fca2;
  color: #333;
}

.hljs a {
  color: inherit;
}

.hljs a:focus,
.hljs a:hover {
  color: inherit;
  text-decoration: underline;
}

其实主要区别就是在第一行，需要将.hljs 改为 .cnblogs-markdown .hljs，但是博客园自己是有一套高亮的Markdown的语法的，所以我们有时候需要在自己的 CSS 代码后加个 !important,以提高自己 CSS 的优先级。

通过以上的介绍，我们可定制的高亮代码可就是太多了，应该能满足大部分读者的审美口味了。如果还是没有，那可能你确实太挑了，我也爱莫能助了啊。

文章目录

随笔如果书写的内容很多，这时候有个文章目录的话，是很方便读者阅读的，而且也能快速了解文章的总体内容。我看到过很多种类型的目录，有的是直接内嵌在文章里面的，这种肯定不好，因为太占空间了，如果标题过多，那么读者开始文章简介还没看到，先阅读了一串又臭又长的目录，瞬间心情就不好了。最好的目录还是悬浮在页面上的，能隐藏能展开。

这里推荐一款，悬浮目录，大家平时逛百度百科的时候，不知道你们有没有注意到它的目录，和这款很类似。随笔起始的时候默认隐藏，当向下阅读到一定长度之后，目录自动显示出来，也可以点击图标按钮进行收缩，很智能人性化。
1162587-20181009220604012-1935296251.png

如果想要更多的目录样式，请看这里，更多目录。

看板娘·小萝莉

小萝莉即 L2D网页动画人物，是L2Dwidget.js的功能，效果静态图如下。

1162587-20190412155040739-59604880.png

只需要在【页首html代码】中引入L2Dwidget.js即可。

<!-- 右下角live2d效果 -->
<script src="https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib/L2Dwidget.min.js"></script>

<script>
    L2Dwidget.init({
        "model": {
            jsonPath: "https://unpkg.com/live2d-widget-model-shizuku@1.0.5/assets/shizuku.model.json",
            "scale": 1
        },
        "display": {
            "position": "left",
            "width": 150,
            "height": 300,
            "hOffset": 0,
            "vOffset": -20
        },
        "mobile": {
            "show": true,
            "scale": 0.5
        },
        "react": {
            "opacityDefault": 0.7,
            "opacityOnHover": 0.2
        }
    });
</script>

<!--
其他可选的模型：
黑猫：https://unpkg.com/live2d-widget-model-hijiki@1.0.5/assets/hijiki.model.json
萌娘：https://unpkg.com/live2d-widget-model-shizuku@1.0.5/assets/shizuku.model.json
白猫：https://unpkg.com/live2d-widget-model-tororo@1.0.5/assets/tororo.model.json
狗狗：https://unpkg.com/live2d-widget-model-wanko@1.0.5/assets/wanko.model.json
小可爱：https://unpkg.com/live2d-widget-model-z16@1.0.5/assets/z16.model.json
小可爱：https://unpkg.com/live2d-widget-model-koharu@1.0.5/assets/koharu.model.json
-->

如果想修改萝莉的css样式，页面具体HTML元素ID是 live2dcanvas，如下图，点击图片放大。根据这个元素ID可以自定义重写CSS样式。

1162587-20190412155940048-712131430.png

鼠标点击烟花效果

同样在【页首html代码】中引入如下即可

<!-- 鼠标点击效果 -->
<script src="https://blog-static.cnblogs.com/files/e-cat/cursor-effects.js"></script>

图片放大效果

很多时候图片比较小，图片文字在博文中不是很清楚，这时候如果可以点击放大就很好了，推荐一个实现该功能的代码，放在【页脚Html代码】中，具体的代码如下：

<script type="text/javascript" src="https://blog-static.cnblogs.com/files/jajian/img.enlarge.js"></script>
<div id="outerdiv" style="text-align: center;position: fixed;z-index: 1000;top: 0;left: 0;
    width: 100%;height: 100%;background-color: rgba(255,255,255,.9);">
    <img id="bigimg" style="height: auto;width: 65%;border: 5px solid #7e8c8d; 
        margin: auto;position: absolute;top: 0;bottom: 0;left: 0;right: 0;" src="" />
</div>

Github丝带链接

页首Html代码中填入如下内容：

<a href="https://github.com/you">
<img width="149" height="149" src="https://github.blog/wp-content/uploads/2008/12/forkme_right_darkblue_121621.png?resize=149%2C149" class="attachment-full size-full" alt="Fork me on GitHub" data-recalc-dims="1" style="cursor: pointer;position: fixed;top: 0;right: 0;border: 0;z-index: 9999;">
</a>

更多丝带可以参考：github-ribbons

主题推荐

后续

暂时先添加这么多，后期博主看到了更多的有趣的再在此基础上添加。如果喜欢请推荐支持。

JaJian.
关注
大语言模型应用指南：交互格式
AI天才研究院
07-09 731
随着人工智能技术的快速发展，大语言模型（Large Language Models，LLMs）已经成为了自然语言处理领域的重要突破。这些模型能够理解和生成人类语言，为各种应用场景提供了强大的支持。然而，要充分发挥大语言模型的潜力，我们需要深入理解并掌握与之交互的最佳实践。本文将重点探讨大语言模型的交互格式，为开发者和用户提供全面的应用指南。在这个快速发展的领域中，交互格式的设计和实现直接影响着用户体验和模型性能。
【前端】JavaScript详细教程（二）
孤寒者的博客
11-19 3万+
❤️JavaScript必备知识详解❤️第一部分：JS操作符（1）JS操作符的分类：（2）JS操作符的注意点：第二部分：流程控制第三部分：循环第四部分：字符串方法第五部分：数组方法第六部分：补充点常用方法：        ???? ????????直接跳到末尾???????? ——>领取专属粉丝福利????        ☝️  ????上两篇博文保姆级教程HTML两万字笔记大总结【建议收藏】（上篇）和保姆级教程HTML两万字笔记大总结【建议收藏】（下篇）被众多小伙伴们阅读之后，很多小伙伴私信我—
EMLOG博客媒体范美化版模板主题
02-03
　1.2模版升级详情： 　　1、优化侧边栏个人资料显示，仿fly模版做的样式 　　2、美化优化侧边栏微语，并在首页调用微语为滚动公告 　　3、评论增加插入图片，列表显示高清大图功能 　　4、优化相关文章和相邻文章的显示显示与点击效果 　　5、首页增加底部滑动显示登录注册按钮，整站输入内容烟花效果 　　6、模版布局整体扩至2480，整体布局优化 　　7、评论仿畅言样式，评论获取QQ信息，新增显示评论者信息，增加go跳转 　　8、文章标签仿fly彩色标签、增加logo摇晃效果、侧边栏新增3色样式，彩色标签 　　9、新增会员中心，友链内页等单页。 　　10、更多功能在下一个版本，会更加优化手机效果。
美化我的blog
camel的blog
01-20 1113
申请blog半年了，一直用默认的灰土灰脸的界面，今天看到几位兄弟的blog，很cool于是也学着美化了一下。参考文章:http://blog.csdn.net/haagena/archive/2004/10/30/159622.aspxhttp://blog.csdn.net/jackei/archive/2004/11/27/195418.aspx
Markdown 美化 Github 个人主页
最新发布
黑洞极客的博客
08-24 1617
众所周知，Github 中能使用 Markdown 编辑自己的个人主页，那么怎么才能写出一份酷炫的主页呢？
Web前端：博客美化：一、模板美化
bacai10348的专栏
02-05 2263
1、选用模板simplememory 2、写css放在 这些会覆盖掉原来的css样式 我是在网上找的css代码二次加工的 : ） /*1、针对simplememory的修改*/ #google_ad_c1, #google_ad_c2 {display:none;} .syntaxhighlighter a, .syntaxhighlighter div, .syntaxhighlig...
博客园美化教程大集合----极致个性化你的专属博客（超详细，看这篇就够了）...
weixin_33781606的博客
05-20 1911
阅读目录： 　　1.前言 　　2. 定制自己的博客 00. 美化整体效果 01. 准备工作 02. 自定义个性化导航栏 03. 添加顶部博主信息 04. 添加顶部滚动公告 05. 为博客文章添加目录导航 06. 添加分享功能按键 07. 定制推荐和反对按键的炫酷样式 08. 添加快速返回顶部的功能按键 09. 添加打赏功能按键 10. 添加页面放大缩...
博客美化
qq_37391214的博客
08-26 801
1. 更改主题 通过网络下载主题 将解压后的文件存到（我的本地博客文件夹为 myblog） myblog/themes/ 下 打开主题配置文件 myblog/config.yml 找到以下代码 theme: landscape 修改成： theme: name # name 就是你解压后的文件夹名字 2. 更改主题样式（以 nextT 为例子） 打开 themes/next/config...
基于PHP的个人博客系统的设计与开发(含源文件)
【完整】
03-09 9532
欢迎添加微信互相交流学习哦！ 项目源码：https://gitee.com/oklongmm/biye 毕业设计(论文) 题 目 基于PHP的个人博客系统的设计与开发 博客作为一种新的生活方式，工作方式和学习方式已经被越来越多的人所接受，并且正在改变着传统的网络社交的形式。个人出版变成了人人都可以实现的梦想，因此以博客为主的社交网络越发流行，越来越多的人选择写博客，博客正在影响和改变着我们的生活。因此开发一款功能强大，人性化的个人博客系统，必定会有很大的发展。 本网站采用了PHP+My..
最详细的WordPress建站教程，什么都不会10分钟也可以
m0_63984008的博客
11-25 6312
假如你是一个菜鸟，也能从0开始，10分钟学会搭建（wordpress,Dede,Discuz!..）网站。 网站=域名+空间和数据库+网站程序+模板 1准备材料 【域名】网址就相当于家的住址，记住和找到家的位置。可在阿里云，新网，爱名网或其它IDC商购买注册。 【空间和数据库】就是盖房子的地基。同样可在阿里云，新网，爱名网或其它IDC商购买。空间的环境视程序要求不同而不同，不过现在网站程序环境要求基本都是php+mysql。 【程序】就是家的主体框架,是整个家的运转中心。可以选择Wo...
整理六百篇web前端知识混总
爱前端网
05-02 1070
整理六百篇web前端知识混总： 9个有用的和免费的工具来支持动态网页开发 8个基本的引导工具的网页设计师 11款CSS3动画工具的开发 2016年某前端群题目答案参考 9最好的JavaScript压缩工具 创建响应式布局的10款优秀网格工具集锦 8个超实用的jQuery插件应用 8个非常个性化的CSS3单/复选框 10个超赞的jQuery图片滑块动画 推荐20款JavaSc
Hexo 博客优化之博客美化系列（持续更新）
热门推荐
BOB'S BLOG
12-30 5万+
Hexo 博客优化之博客美化系列，预览地址：www.itbob.cn
hexo博客-next主题美化、配置
weixin_43026567的博客
03-17 425
修改标签样式 实现方法： 修改模板/themes/next/layout/_macro/post.swig,搜索rel="tag"，将后面的#换成<i class="fa fa-tag"></i>。效果图： 文章结束标志 效果图： 实现方法： 在\themes\next\layout\_macro中新建 passage-end-tag.swig 文件,并添加以下内容： ...
8款唯美简洁个人博客静态页面模板分享
maolai博客
11-17 1853
如要用这些模板建站可用dedecms、帝国cms、wordpress等开源程序建立你喜欢内容的网站。1、终于等到你个人博客模板--采用Html5+css3设计。适用于个人分享、个人日记、爱情、心情日记等内容。7、小清新个人博客主页模板 - 用照片记录时光--适用于适合做个人小商场，添加商品等。2、雨的思念清新唯美说说个人博客模板--适用心情说说、唯美句子等相关说说内容。6、青春往事个人博客模板--适用于个人日记、个人生活记录等内容。5、看雪时间轴个人博客模板--演示地址。
小草音乐播放器[emlog插件]
软希网分享源码的博客
11-05 343
小草音乐播放器[emlog插件]
java 前端模板_Web前端：博客美化：一、模板美化
weixin_28716973的博客
02-16 1145
1、选用模板simplememory 2、写css放在 这些会覆盖掉原来的css样式我是在网上找的css代码二次加工的 : )/*1、针对simplememory的修改*/#google_ad_c1, #google_ad_c2 {display:none;}.syntaxhighlighter a, .syntaxhighlighter div, .syntaxhighlighter code,...
Typecho内核响应式博客模板源码+后台美化模板
banzhuan678的博客
01-24 796
介绍： Typecho内核响应式博客模板源码，带后台美化模板，浏览器直接访问安装即可。 模板安装方法： 前台模板替换目录：usr/themes 后台模板替换目录：/admin 后台网址+/admin 用户名登陆/注册 用户注册：你的网址+/admin/register.php 用户登陆：你的网址+/admin/login.php 网盘下载地址： http://kekewangLuo.net/HdCCkoARNd50 图片： ...
参考了《简单的3步设置，让你的博客园更漂亮！》，让博客清爽、美观，心情美美哒(>_<)...
weixin_34187862的博客
10-16 372
参考了《简单的3步设置，让你的博客园更漂亮！》，让博客清爽、美观，心情美美哒(&gt;_&lt;)
IT博客：跑马灯公告效果美化教程
这篇文章提供了将跑马灯效果应用于博客公告的一种方法，适用于提升网站的交互性和视觉体验。这种技术不仅适用于前端开发人员，对于希望在文章发布时增添动态元素的博主或网站管理员也是一大实用工具。通过熟练掌握...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值