昨天在博客园中看到一位大神发的博客园样式排版博客,我一看。...当然我在他的基础上加了一些功能 如:背景音乐,背景图片,电子时间,鼠标点击特效等等 效果图如下:大家也可以访问我博客主页查看 ? 博客排版 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
https://blog.csdn.net/jdy_lyy/article/details/102923471
div> // <!...(ele)); var w=ele.clientWidth, h=ele.clientHeight, self=this; this.force = d3....this.force.nodes(); this.links=this.force.links(); this.clickFn=function(){}; this.vis = d3....select(this).select('g').attr("transform","translate(" + d3.event.translate + ")"+ " scale(" + d3.event.scale
body> <script type="text/javascript" src="//qzonestyle.gtimg.cn/qzone/hybrid/app/404/search_children.<em>js</em>
早眼馋别人的各种 Gatsby 和 Next.js 开发的博客了,可自定义强、现代、自带各种优化。...Next.js 的官网还有一套简单的教程可以直接上手,跟着教程做完后直接就获得了一个现成的博客系统,或者说是 Markdown 解析器? 总之我们可以从这上面下手。...代码高亮找不到适合我这个画风的,直接去掉吧,毕竟我不是什么技术博客,代码量还是很少的。 评论……本来是想去掉,总之还是先加上,而且本地不好调试我还不知道到底有没有效果。依然是 DisqusJS。...最后 说了这么多,其实博客现在还是 Beta 版本,不可预见的 BUG 太多太多了。先用着,之后慢慢修。 旧博客放到了 old.csd.pub 保存。
想起来之前发现 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 官方文档的部署教程。
www.cnblogs.com/Colin-Cai/p/8506691.html 作者:窗户 QQ:6679072 E-mail:6679072@qq.com 作为一个围棋爱好者,就决定在博客里加个围棋...js程序。...于是,申请了博客的js权限,美化美化我的博客。 好在js的语法像C系的,看了看,写个程序应该还是可以的。 ...6*(i%3); var y = 3+2*(i-i%3); if(a[x][y] == 0) {...只是最开始的时候对js不熟,不知道怎么处理字符到整形,强迫症也没犯。
前言 早就想给博客文章加个目录了,以前是能力不够,即使看了别人的Demo,也不会搞,现在只要克服懒癌,应该也没啥困难。于是开始搞起。...list = $(h2_list[i]).nextAll("h3"); var li3_content = ''; for(var j=0; j<h3_list.length; j++)...{ var tmp = $(h3_list[j]).prevAll('h2').first(); if(!...$(h3_list[j]).before(li3_anchor); li3_content += '<li class="toc-item toc-level-' + i + '_' + j +...这个代码能匹配h1,h2,h<em>3</em>。其中h1,h2可单独匹配,h<em>3</em>无法单独匹配,简单来说就是文章中只有h<em>3</em>的话目录不会启用。 参考 脚本之家:利用<em>JS</em>生成博文目录及CSS定制<em>博客</em>
charset="UTF-8"> Document let arr=[1,2,3]
元素失去焦点 1 2 3 onchange 用户改变域的内容 1 2 3 onclick 鼠标点击某个对象 1 2 3 ondblclick 鼠标双击某个对象 1 4 4 onerror 当加载文档或图像时发生某个错误...1 3 4 onfocus 元素获得焦点 1 2 3 onkeydown 某个键盘的键被按下 1 4 3 onkeypress 某个键盘的键被按下或按住 1 4 3 onkeyup 某个键盘的键被松开...1 4 3 onload 某个页面或图像被完成加载 1 2 3 onmousedown 某个鼠标按键被按下 1 4 4 onmousemove 鼠标被移动 1 6 3 onmouseout 鼠标从某元素移开...1 4 4 onselect 文本被选定 1 2 3 onsubmit 提交按钮被点击 1 2 3 onunload 用户退出页面 1 2 3 全局对象: 全局对象是预定义的对象,作为 JavaScript...1 2 3 parseFloat() 解析一个字符串并返回一个浮点数。 1 2 3 parseInt() 解析一个字符串并返回一个整数。
不知不觉又一年过去了,每年 3 月都是博客装修的季节,这次也不例外,这次的装修内容如下: 主题升级 支持隐藏文章 添加每日打卡 评论系统迁移 自定义 RSS 订阅模板 支持 algolia 搜索 hexo...== true 这一行,并且进行代码缩进 文章添加属性 对想要隐藏文章的 front-matter 中添加 hide: true --- title: 博客装修(2023年3月) date: 2023...跟着文档操作很容易:https://twikoo.js.org/quick-start.html#%E7%A7%81%E6%9C%89%E9%83%A8%E7%BD%B2 每日打卡 之前一直想要做一个每日打卡的功能
做到这个很简单直接将以下代码加到博客底部就完工了$('body').before('');var showFPS = (function(){ var requestAnimationFrame = window.requestAnimationFrame
搭建Hexo博客-第3章-Markdown语言介绍及编辑博客 大家好,如果你按照上一篇文章的内容安装并部署了博客,那么现在在你的主页上应该有一篇 Hello World,并且博客目前使用的主题是默认的....md 的文件当中链接到同级目录当中 mysource 文件夹的 test1.html 文件,那你需要这样写 [我的 html 文件](mysource/test1.html) 我的 html 文件 3....[图片描述](图片网络地址) 一会我会写到如何在博客加入本地图片。 4.加入列表 用数字加一个点号再加一个空格就能编辑出有序列表 1. 第一行 2. 第二行 3....在博客文件夹下调出 git bash ,输入命令 npm install hexo-asset-image --save 然后找到博客根目录下的 _config.yml 文件,打开后找到 post_asset_folder...祝你在编写博客的路上走得更远。我将在下一批文章里介绍如何给博客绑定自定义域名。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Do...
⊙ 初识express ⊙ express托管静态资源 ⊙ nodemon ⊙ express路由 什么是Express Express是基于node.js
tooltip 弹出框 popover image.png 折叠面板:accordion modal image.png image.png 轮播:carous...
“ 已经推荐两期了,这是第三期,菜单可以查看往期推荐,以下博客有Java Web专题:SSM系列讲解;墙裂推荐;还有第三位,讲解了比较复杂的SQL查询是如何完成的。”...01 — https://blog.jiasm.org 一位前端小哥哥的博客。 ? 02 — http://13blog.site/ SSM框架讲解,真心推荐,很不错。 ?...06 — 重金求子 如果您“私藏”了一些优质的博客,不妨亮出来,让大家一起浏览观赏。欢迎留言或者后台留言,发送link。
博客园文章版权声明(js自动生成) 一.代码 我比较直接,直接上代码,把下面html放右侧,首页,页脚都可以 #MySignature { display: block
基本信息 项目已开源至 Github:Cesirdy/next-blog 首先使用了如下项目: Next.js Tailwind CSS React 设计理念之没有设计就是最好的设计,毕竟本质是写文章的地方...也就是不用每次访问其他页面都加载一整个 HTML 以及其包含的需要加载的 JS 和 CSS。 生成的 HTML 中,首页展示最新 5 篇。...next-mdx-remote 默认会将图片和超链接直接解析为 HTML,但是可以通过 components 将其解析为 Next.js 自带的图片和链接优化组件。这部分还是挺简单的。...在打包方面,Atomic CSS 样式定义和 JS 逻辑分离,修改元素的 class 属性通常不会影响最终打包输出的样式文件,而行内样式的修改会导致整个 bundle 的改变。...大小对比 目前博客的 CSS 经过压缩传输后仅有 2.5 kB,而之前使用传统 CSS 编写的旧博客则高达 6.2 kB,实际不经过压缩的原尺寸更大。
important; border: 1px solid rgb(221, 221, 221); border-top-left-radius: 3px; border-top-right-radius...: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; padding: 8px 1em 6px; margin-bottom...1557047446713.png 2.套页面 打开index.js <pre class="md-fences md-end-block" lang="" contenteditable="false...important; border: 1px solid rgb(221, 221, 221); border-top-left-radius: <em>3</em>px; border-top-right-radius...: <em>3</em>px; border-bottom-right-radius: <em>3</em>px; border-bottom-left-radius: <em>3</em>px; padding: 8px 1em 6px; margin-bottom
领取专属 10元无门槛券
手把手带您无忧上云