首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

博客博客排版(js样式实例)

昨天在博客园中看到一位大神发的博客园样式排版博客,我一看。...当然我在他的基础上加了一些功能 如:背景音乐,背景图片,电子时间,鼠标点击特效等等 效果图如下:大家也可以访问我博客主页查看 ? 博客排版 1.找到你博客的设置,位置如图 ?...2.首先你得申请一下你博客园的js权限; 不申请,你们的js代码是没有用的,申请成功是这个样子的 ? 3.找到页面定制CSS代码区域,勾选禁用默认CSS; ?  ...在“博客侧边栏公告(支持HTML代码)(支持JS代码)”中找到如下代码; <embed src="//music.163.com/style/swf/widget.swf?...在“<em>博客</em>侧边栏公告(支持HTML代码)(支持<em>JS</em>代码)”中找到如下代码; <img src="https://files.cnblogs.com

3.6K40
您找到你想要的搜索结果了吗?
是的
没有找到

Hexo博客 | 如何为博客添加顶部轮播图和文章推荐卡片

最近看了zhheo大佬的博客首页,发现大佬的布局还是那么的好看,于是果断COPY,再加上我一直想要在我的博客首页加一个大画幅的轮播图插件,于是又参考了Hassan的文章轮播图…经过一番折腾,效果如下:...script(src='https://unpkg.com/swiper/swiper-bundle.min.js') script(src='/js/sticky.js') link(rel...='stylesheet' href='/css/sticky.css') 2.2 创建sticky.js 在themes/butterfly/source/js路径下创建sticky.js文件: var...创建文章推荐卡片 3.1 创建slider.yml 在hexo\source\_data\路径下创建slider.yml文件,最好准备6个推荐文章,例如: #- cover: 封面图片链接 # timeline...description: Hexo博客搭建全过程,环境部署,博客魔改等等... - cover: https://npm.elemecdn.com/justlovesmile-img/090412

1K30

美团技术团队博客推荐算法实践

前言 推荐系统并不是新鲜的事物,在很久之前就存在,但是推荐系统真正进入人们的视野,并且作为一个重要的模块存在于各个互联网公司,还是近几年的事情。...美团作为国内发展较快的o2o网站,有着大量的用户和丰富的用户行为,这些为推荐系统的应用和优化提供了不可或缺的条件,接下来介绍我们在推荐系统的构建和优化过程中的一些做法,与大家共享。 框架 ?...从框架的角度看,推荐系统基本可以分为数据层、触发层、融合过滤层和排序层。...候选集触发层主要是从用户的历史行为、实时行为、地理位置等角度利用各种触发策略产生推荐的候选集。...在本节中,将介绍推荐候选集触发过程中用到的相关算法。 1. 协同过滤 提到推荐,就不得不说协同过滤,它几乎在每一个推荐系统中都会用到。

1.5K110

基于 Next.js 的新博客

早眼馋别人的各种 Gatsby 和 Next.js 开发的博客了,可自定义强、现代、自带各种优化。...Next.js 的官网还有一套简单的教程可以直接上手,跟着教程做完后直接就获得了一个现成的博客系统,或者说是 Markdown 解析器? 总之我们可以从这上面下手。...代码高亮找不到适合我这个画风的,直接去掉吧,毕竟我不是什么技术博客,代码量还是很少的。 评论……本来是想去掉,总之还是先加上,而且本地不好调试我还不知道到底有没有效果。依然是 DisqusJS。...最后 说了这么多,其实博客现在还是 Beta 版本,不可预见的 BUG 太多太多了。先用着,之后慢慢修。 旧博客放到了 old.csd.pub 保存。

72630

自用 Next.js 博客程序放出

想起来之前发现 GitHub 上各种比我水的 Next.js 博客程序,干脆把我的也发出来接受民众拷打吧。 ---- 只能说仅供参考,不建议用。 这一个月没研究连我写了什么都不清楚了,刚好复习下。...配置 在根目录下编写 next.config.js,基本已经注释上了。 评论则是修改 src/components/comment.js,这个怎么改就参考 DisqusJS 的 readme 吧。...Sitemap 配置需要修改 next-sitemap.config.js,RSS 生成配置则修改 scripts/g-rss.js。 样式 没有主题功能,都是直接写死在上面的,如果要改只能挨个改。...src/components/layout.js 是基本结构,包含了头部、顶栏导航和页脚。主要页面会生成在中间。 顶栏导航和页脚则分别对应同目录下的 nav.js 和 footer.js。...部署 这部分建议参考 Next.js 官方文档的部署教程。

38030

推荐几款好看又好用的开源博客

和文章字数统计等功能支持在首页的音乐播放和视频播放功能Github地址:https://github.com/jerryc127/hexo-theme-butterfly文档地址:https://butterfly.js.org...推荐区域 - 可以在文章的 meta 中添加 feature 属性,让头 3 篇文章指定到首页推荐位置。实时多语言支持 - 可以实时切换博客内主要文字的语言。...得益于其强大的模块化特性,您可以轻松搭建一个极简风格的博客,也可以仿照官网搭建一个多人协作的、包含文档模块的大体量综合型博客。...Github地址:https://github.com/volantis-x/hexo-theme-volantis文档地址:https://volantis.js.org/v6/getting-started.../预览地址:https://volantis.js.org/Flyhexo-blog-fly 基于 Hexo 框架搭建,用到 hexo-theme-matery 主题,并在此基础之上做了很多修改,修复了一些

1.6K30

博客美化】01.推荐和反对炫酷样式

博客美化: 1.设置“推荐与反对”,固定在窗口的底部 进入自己的博客园->设置,将以下css代码添加到“页面定制CSS代码” /*推荐和反对*/ #div_digg { padding: 10px...2.添加一个“关注一下楼主吧” 进入自己的博客园->设置,将以下css代码添加到“页脚Html代码” //为右下角推荐推荐区域添加关注按钮 window.onload = function () { $('#div_digg').prepend('<div style="padding-bottom.../*<em>推荐</em>和反对*/ #div_digg{ position:fixed; bottom:5px; width:140px; right:390px; border:2px solid...版权声明:本文版权归作者和<em>博客</em>园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文链接。 特此声明:所有评论和私信都会在第一时间回复。

612130
领券