首页
学习
活动
专区
工具
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

Python爬虫实战:抓取博客文章列表

本文将实现可以抓取博客文章列表的定向爬虫。...现在进入博客园页面,在页面上单击鼠标右键,在弹出菜单中单击“检查”菜单项打开开发者工具,然后单击开发者工具左上角黑色箭头,并用鼠标单击博客园首页任意一个博客标题,在开发者工具的Elements面板会立刻定位到该博客标题对应的...return result # 抓取博客列表 def crawler(url): html = download(url) blogList = analyse(html)...url:",blog["url"]) # 开始抓取博客列表 crawler('https://www.cnblogs.com') 程序运行结果如图2所示。...图2 抓取博客列表的效果 本例在提取节点以及URL时使用了正则表达式,而提取博客标题时直接通过Python语言的字符串搜索功能实现的。

1K30

首页加载速度优化与博客列表缓存

今天初步的完成了首页加载速度的优化和博客列表缓存。前者是为了让游客访问首页更舒服而不用等加载半天,后者是为了减少服务器和浏览器的请求响应次数来减轻彼此的负担。...博客列表请求缓存     没错,之前博客页每次到一个分页都会发一次请求,获取当前页的博客列表,当然这样的及时性很高,但是,一个不可忽视的点就是博客的更新频率没有那么高,所以实时性需求也没有那么大。...这里就将每次获取页面的列表数据存于vue store中,以后每次再次访问该分页,该页面都会直接返回存于store中的列表数据,这样就避免了无意义的重复请求与响应,此外通过这个,顺带解决了游客看玩一个博文返回后从第一页重头加载的尴尬局面

59510

vuepress博客自动生成分页文章列表

本来是打算自己开发一个博客类的 vuepress 主题的,但一直也没想好怎么去做,前几天又突然想要给博客先生成一个文章列表。...,其实在 getUpdatedTime.js 同级目录里还有一个 node_modules@vuepress\plugin-git\lib\node\utils\getCreatedTime.js,用这个方法我们就能拿到...sidebar 是直接通过 sidebar.js 这个文件单独处理的,里面有直接去遍历博文目录,所以直接可以在里面来同时生成文章列表就行了,完整代码如下:const fs = require('node...3、引入文章列表组件最后直接在博客首页的 markdown 文件里引入 article-list 组件就行了:---home: trueheroImage: /images/logo.pngheroText...: tagline: web • uniapp • flutter • electron • wordpress • node • java ---最终的博客首页文章列表展示效果图

20020

第 3 篇:实现博客首页文章列表 API

在基于模板引擎的开发方式中,博客首页文章列表的视图函数可能是这样的: from django.shortcuts import render from .models import Post def...视图函数里我们先从数据库获取文章列表资源,然后使用序列化器对其进行序列化,序列化后的数据存在 data 属性里,我们把它传递给 HTTP 响应类 Response,并将这个响应返回。...所以,让我们来定义 PostListSerializer 序列化器,用它来序列化文章列表。...序列化器会将其序列化为一个字典;也可以传入包含多个对象的可迭代类型(这里的 post_list 是一个 django 的 QuerySet),此时需要设置 many 参数为 True 序列化器会依次序列化每一项,返回一个列表...中加入绑定的代码: path('api/index/', views.index) 启动开发服务器,打开浏览器访问 http://127.0.0.1:8000/api/index/ ,可以看到接口返回了文章列表

98120

十款热门的Vue.js工具和库

开篇 随着Vue.js越来越热门,被很多开发人员采用,因此其生态也越来越完善,相关的工具和库也很丰富。...今天的这篇文章笔者从这些工具的实用性、有效性、独特性选了这十款工具和库,而不是依据Github受欢迎程度或星级,有些你已经很熟悉了并在使用,有些还比较陌生,好了,让我来一起看下这十款热门的工具和库。...获得热重新加载和Node.js的所有功能。Gridsome让搭建网站再次变得有趣。如果你想建个博客站,可以考虑下。其特点如下: 使用Vue.js,webpack和Node.js等现代工具构建网站。...05 Nuxt https://nuxtjs.org/ Nuxt.js 是一个基于 Vue.js 的轻量级应用框架,可用来创建服务端渲染 (SSR) 应用,也可充当静态站点引擎生成静态站点应用,具有优雅的代码结构分层和热加载等特性...10 Eagle.js https://github.com/zulko/eagle.js Eagle.js 是一个基于 Vue.js Web 框架构建的幻灯片系统。

3K20
领券