用JS制作博客页面背景随滚动渐变的效果

今天颓了一会,用JavaScript给我的博客园博客写了一个页面背景随滚动而渐变的效果,做完之后自我感觉良好-- 下面就以我的博客园博客为例,介绍一下如何制作这个效果! 准备 [x] 申请博客园的JS权限(如果你也想把它用在自己的博客园上) [x] 可能需要一些JS的基础知识(你可以打开w3school,然后就当自己准备好了) [x] 可能需要一些CSS基础知识(你需要知道颜色是怎样用16进制表示的) --当然,你也可以复制下面的代码然后走人-- 注意:如果你想要用在自己的博客园上,请注意博客园…

原生js添加博客点击鼠标出小心心效果~~

昨天刚申请成功JS权限,心血来潮想添加点东西,记得之前看到别人家博客首页点击鼠标的时候会出现炫酷的 “小心心”,自己也来搞一个.没有用jquery啥的框架,原生js写起来麻烦了点,不过主要是怕博客首页加载不进去jquery所以先这么着试试,意料之中没有问题. 毕竟刚开始给自己博客添加JS才疏学浅,有更好的方法添加更炫酷的动态效果可以分享给我呀.有大神给指点指点那就更多谢啦.欢迎指正错误~ 效果如下: 话不多说了,先添加css代码,主要是用来画“小心心”的: body {position: rel…

转载：使用vue全家桶制作博客网站 HTML5 移动网站制作的好教程

使用vue全家桶制作博客网站前面的话笔者在做一个完整的博客上线项目,包括前台.后台.后端接口和服务器配置.本文将详细介绍使用vue全家桶制作的博客网站概述该项目是基于vue全家桶(vue.vue-router.vuex.vue SSR)开发的一套博客前台页面,主要功能包括首页显示.认证系统.文章管理.评论管理和点赞管理 [访问地址] 域名:https://xiaohuochai.cc Github: https://github.com/littlematch0123/blog-cl…

使用react全家桶制作博客后台管理系统网站PWA升级移动端常见问题处理循序渐进学.Net Core Web Api开发系列【4】：前端访问WebApi [Abp 源码分析]四、模块配置 [Abp 源码分析]三、依赖注入

使用react全家桶制作博客后台管理系统前面的话笔者在做一个完整的博客上线项目,包括前台.后台.后端接口和服务器配置.本文将详细介绍使用react全家桶制作的博客后台管理系统概述该项目是基于react全家桶(React.React-router-dom.redux.styled-components)开发的一套博客后台管理系统,用于前端小站的管理,主要功能包括游客浏览.文章管理.类别管理.评论通知.推荐设置和用户管理 [访问地址] 域名:https://admin.xiaohuoch…

一个基于Vue.js+Mongodb+Node.js的博客内容管理系统

这个项目最初其实是fork别人的项目.当初想接触下mongodb数据库,找个例子学习下,后来改着改着就面目全非了.后台和数据库重构,前端增加了登录注册功能,仅保留了博客设置页面,但是也优化了. 一.功能特点一个基本的博客内容管理器功能,如发布并管理文章等每个用户可以通过注册拥有自己的博客支持markdown语法编辑支持代码高亮可以管理博客页面的链接博客页面对移动端适配优化账户管理(修改密码) 页面足够大气.酷炫嘿二.用到的技术和实现思路: 2.1 前端:Vue全家桶 Vue.js…

使用vuepress搭建GitHub pages静态博客页面

vuepress官网 vuepress是尤大开发来写文档的静态页面.可以用Markdown 语法,并且也可以使用vue模块化的方式开发页面. vuepress-theme-reco 是另外的开发者开发的 vuepress主题.本文将介绍依赖这个主题,构建GitHub pages静态博客的详细过程提前说明:本过程比较详细,相当于手把手的教,针对于不熟悉vuepress的人介绍的,大佬不喜勿喷. 第一步:新建一个GitHub仓库 1. 仓库名随便取,不用以 username.github.io 这…

Confluence 6.15 博客页面（Blog Posts）宏参数

参数是让你可以用来控制宏的格式和输出的选项.在 Confluence 存储格式或者 Wiki 标记(wikimarkup)中使用的参数名与在宏浏览器中使用的标签名是不同的,在下面我们将会用括号列出 (example). 参数是否是必须默认值说明显示的内容类型(Content Type to Display) (content) No titles 可用的值: titles — 在博客页面中仅显示标题. excerpts — 为美国博客显示短摘要.如果博客有包含摘要宏,那么博客页面宏将会…

Confluence 6.15 博客页面（Blog Posts）宏

博客页面宏允许你 Confluence 页面中显示博客页面.通过单击博客的标题将会把你链接到博客页面中. 使用博客页面宏为了将博客页面宏添加到页面中: 从编辑工具栏中,选择插入(Insert) > 其他宏(Other Macros) 找到并且选择需要的宏. 可用使用自动完成加快这个过程:输入 { 然后开始输入你希望插入的宏的名字,你将会看到建议的宏的列表.在这个列表中,我们插入 cheese 宏(cheese macro). 如果需要对已经存在的宏进行编辑:单击宏的占位符,然后选择编…

使用vue全家桶制作博客网站

前面的话笔者在做一个完整的博客上线项目,包括前台.后台.后端接口和服务器配置.本文将详细介绍使用vue全家桶制作的博客网站概述该项目是基于vue全家桶(vue.vue-router.vuex.vue SSR)开发的一套博客前台页面,主要功能包括首页显示.认证系统.文章管理.评论管理和点赞管理 [访问地址] 域名:https://xiaohuochai.cc Github: https://github.com/littlematch0123/blog-client 或者可以直接扫描二维码访…

使用react全家桶制作博客后台管理系统

前面的话笔者在做一个完整的博客上线项目,包括前台.后台.后端接口和服务器配置.本文将详细介绍使用react全家桶制作的博客后台管理系统概述该项目是基于react全家桶(React.React-router-dom.redux.styled-components)开发的一套博客后台管理系统,用于前端小站的管理,主要功能包括游客浏览.文章管理.类别管理.评论通知.推荐设置和用户管理 [访问地址] 域名:https://admin.xiaohuochai.cc Github: https://g…

【轮子狂魔】手把手教你用JS给博客动态增加目录 - 超级懒人版

动态显示目录的作用不用每次写博客的时候繁琐的人工整理目录,又可以动态浮动在右下角,方便快速跳到感兴趣的位置同时也可以快速的对文章内容有一个大概的了解. 实现原理首先根据个人喜好,我习惯了用 h1 来做分类.所以本篇内容也主要是针对h1来提取目录. 如何提取出来h1呢? 先来看这张图,以猎豹浏览器为例: 首先在博客内容第一行点击鼠标右键,然后选择检查.这时会弹出右边的框,直接定位到我的h1标签,就这么简单的找到了它的父级 cnblogs_post_body . 然后使用 jquery 选择器…

require.js 使用博客

没时间写博客,又觉得这篇很不错,或许以后能用到,只能copy与点赞: Javascript模块化编程(三):require.js的用法作者: 阮一峰日期: 2012年11月 7日这个系列的第一部分和第二部分,介绍了Javascript模块原型和理论概念,今天介绍如何将它们用于实战. 我采用的是一个非常流行的库require.js. 一.为什么要用require.js? 最早的时候,所有Javascript代码都写在一个文件里面,只要加载这一个文件就够了.后来,代码越来越多,一个文件不够…

在阿里云ECS CentOS7上部署基于MongoDB+Node.js的博客

前言:这是一篇教你如何在阿里云的ECS CentOS 7服务器上搭建一个个人博客的教程,教程比较基础,笔者尽可能比较详细的把每一步都罗列下来,包括所需软件的下载安装和域名的绑定,笔者在此之前对Linux系统也是了解甚少,通过这个过程,自感学到很多东西,我喜欢用文字整理并且分享,也希望因此交到更多的朋友,可能以下教程存在很多描述不清或者措辞不当的地方,还请资深人士给予指出.即使你是小白,也没关系,一步一步按照教程来,可能会遇到一些困难,多百度一下,或者跟我交流,都OK的.在教程之前,你需要对整个流…

用js实现博客打赏功能

前几天在一个博客中看到有一个打赏功能.其实简单说来就是在页面中加入动态DOM节点,使用的也是简单的HTML.CSS.JS这些前端的一些简单知识.在GitHub上有开源的代码,这里稍加改造就可以用在自己的博客中了. 最简单的使用方式是在页面中加入如下JS代码: <script> window.tctipConfig = { staticPrefix: "http://static.tctip.com", buttonImageId: 1, buttonTip: "z…

基于node.js的博客搭建

一个博客应当具备哪些功能? 前台展示点击下一页,可以点击分类导航. 可以点击进入到具体博文页面下方允许评论.显示发表时间.允许留言分页. 右侧有登录注册界面. 后台管理管理员账号:登陆后看到页面不一样,有后台页面. 允许添加新的分类.从后台添加新的文章. 编辑允许markdown写法. 评论管理. 安装模块 Express 一个简洁灵活的node.js WEB应用框架,提供一系列强大的特性帮助我们创建web应用. Mongodb 用于保存产生的数据第三方模块和中间件: bodyParse…

Node.js开发博客系统

数据库设计用户表: id phone password nickname head_img personal_sign level_id create_time update_time is_del id 手机号密码昵称头像个性签名头衔创建时间修改时间是否删除个人信息表: id user_id original_count week_count total_count access_count history_count integral_count fans_count p…

hexo —— 简单、快速、强大的Node.js静态博客框架

hexo是一款基于Node.js的静态博客框架.目前在GitHub上已有1375 star 和 219 fork. 特性风一般的速度 Hexo基于Node.js,支持多进程,几百篇文章也可以秒生成. 流畅的撰写支持GitHub Flavored Markdown和所有Octopress的插件. 扩展性 Hexo支持EJS.Swig和Stylus.通过插件支持Haml.Jade和Less. 快速入门安装前提是必须先安装 Node.js,至于怎么安装自己 Google 吧若是重装过系统或者…

Django学习（五）---模板扩展，开发博客页面

(一)博客主页面开发 1.模板中可使用for循环,语法格式为: {% for xs in xxs %} HTML语句 {% endfor %} 2.更改app下的views.py, 获取后台models Article类下的数据列表集合思路:1)取出数据库中所有文章对象 2)将文章对象们打包成列表返回到前端 from django.shortcuts import render from . import models # Create your views here. def index(…

基于bootstrap_博客页面

<!DOCTYPE html>  <html lang="zh-CN"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equ…

暂时放弃ts版个人博客转js版博客

我本打算信心满满的做个vue+ts做个博客的,其实架构搭的差不多了,但是我在用vuex的时候发现一个自己无法忍受的瑕疵,那就是在用vuex的时候,得利于普通版vuex的map语法糖实在太好用,这把我惯出了许些脾气,这也是我坚定选择vue的原因. ts版: import { Module, VuexModule, Mutation, Action } from 'vuex-module-decorators' @Module({ namespaced: true, stateFactory: tr…

HTML——博客页面布局

HTML文件 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> <head> <meta http-equiv="Content-Type…

Django开发博客- 页面美化

css是一种用来描述某种标记语言写的web站点的样式语言.这里我们并不想展开讨论,关于CSS我在这里推荐一个很不错的资源: Codeacademy HTML & CSS course 不想从头开始写,因为我们有现成的css框架,没必要重复造轮子. 使用Bootstrap 目前最流行的css框架非bootstrap莫属了,官网地址:http://getbootstrap.com/ 只需要在你的html模板页面的开始部分添加下面几句就行了 123 <link rel="styleshe…

Django----使用模板系统渲染博客页面、实现列表和详情页的跳转、前后跳转功能

.模板写法同Flask,可以参考之前的FLask-模板 .将之前的BootStrap静态页面中的数据使用模板写 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Djanjo</title>  <link rel=&quo…

node.js开发博客系统---前端项目搭建（一）

Express: https://github.com/petecoop/generator-express 安装node.js和npm 执行: npm install -g yo npm install -g generator-express 执行:yo 创建项目成功. 项目的目录: brew安装:MongoDb http://blog.csdn.net/moumaobuchiyu/article/details/54885306 http://www.cnblogs.com/junqili…

原生js的博客

原生js一里边还有很多二三等http://www.cnblogs.com/charling/p/3527561.html 选区器 http://wenku.baidu.com/link?url=zr2n0qHcXqDtFuKmDy_K5DDnUeY4HIHHTnhAve9GTewQvrdysIjvQNPy9Ji5b5xtxdbprh7oi-o05F6E-99ONksQsk5LcBHRVYU7VA5v7IS http://www.jb51.net/article/56316.htm http://…