相信自己搭建博客的人中有一大半都是玩代码的，所以代码高亮可以说是博客的必备功能。本文提供一个在基于Hugo的博客上使用highlight.js的代码高亮方案。...实施步骤 在highlight.js的官方网站上复制HTML的link和script标签。...在合适的地方粘贴第一步中的代码。 大功告成。 使用 用```包裹代码块，保险起见，在```后加上语言名字。...} return hash; } 注意事项 如果要使用的语言很生僻，链接内的js和css可能无法满足需求，可以添加新的script，比如：https://cdn.bootcss.com/highlight.js...或者在highlight.js的官方网站上自定义并下载下来，用本地引用。 如果需要修改颜色、背景色等样式，可以把css下载下来，修改后本地引用。
在hexo博客上使用aplayer 起因 因为以前我配置aplayer遇到了挺多难题的 配置好之后 hexo s一看 没问题啊 但是hexo g -d上传完打开链接一看文字链接打不开 而现在 我才知道配置错了...开始教程 如果使用的是butterfly的主题 可以直接在inject里面找到head和bottom分别写 先在head里面添加 - - 酱紫添加就ok了 之后在bottom里面添加 -... - <script
使用npm包，在NodeJS中实现JS代码混淆加密在前后端JS开发过程中，JS代码保护（JS代码混淆加密）是非常重要的一环。...JShaman是一个云端的代码保护Saas平台，可以对JS代码进行混淆、加密、压缩等操作，从而增强JS代码的安全性。...安装npm install jshaman-javascript-obfuscator使用NodeJS例程代码如下所示。...JShaman接口，传入js代码、配置即可，非常简单。...扩展使用把上述例程代码稍加改造，嵌入到自己的项目或产品中，就可以进行自动化的JS代码混淆加密了。混淆加密JS代码、提高JS代码安全性，防止他人随意查看、复制，就是如此简单。
博客的搭建 前段时间在 StackOverflow 与 Quora 上我接触到了 Markdown 标记语言，瞬时就被这种易用、美观、高逼格的东西所俘获，顿时深感之前在 QQ 空间之类的平台上写博的体验之差...Github page 是基于静态页面的免费个人网站，而 Hexo 刚好就是基于 node.js 的静态博客，并且原生支持 Markdown 还有海量美观的模板。...文章云存储 博客建好以后，那么问题来了：如何随时随地地把想法记录下来以待日后放进博客？...这就需要一个云同步的平台，有以下几种选择： 将 markdown 文件托管到 GitHub 使用笔记应用存取 Markdown 文件 目前很多 markdown 编辑器都支持保存到 github 或者笔记应用...首先是因为界面美观，其次是支持丰富的扩展，在 Chrome 上的 印象剪藏也是相当好用，而相比而言有道云虽然界面简洁大方，但 Chrome 的扩展就大为不及了。
在hexo博客上使用aplayer-续集 为什么出续集 为什么呢？...因为不使用butterfly主题的人可就犯了难内心：又水了文章 怎么办呢 因此我再弄个添加html 之后再解决一些问题 添加aplayer（html） head这样写 body这样写 这样就可以在非hexo网站引入了 关于文档 https://github.com
Hexo是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown（或其他渲染引擎）解析文章，在几秒内，即可利用靓丽的主题生成静态网页。...安装前提 安装hexo之前，需要你的系统里有node.js和Git环境，这两个环境都存在于centos中，如果想要安装较新版本，Git安装在之前的文章中已经解释过， 安装 Node.js 的最佳方式是使用...not found: git，解决方法安装一个git-hexo-deployer插件 就行了，安装命令： npm install --save hexo-deployer-git 查看GitHub仓库发现代码已经推上去了...Hexo 默认使用您电脑的时区。 修改完成之后执行 hexo clean hexo g hexo d 修改完成主页如图所示 ?.../zh-cn/docs/ 关于hexo博客的一些建议或者想法欢迎各位在文章下方留言 阅读原文可查看本人博客，博客正在建设中。。。
最近正好在学习前端开发，想着搭建一个属于自己的个人博客，把自己的技能树整理整理，温故而知新。 如果你有前端开发经验，那么搭建这样的博客就很简单了。...一 什么是Hexo Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown（或其他渲染引擎）解析文章，在几秒内，即可利用靓丽的主题生成静态网页。 ...环境配置 Hexo官网上本就有对Hexo安装及使用的详细介绍，墙裂推荐。这里来讲述自己安装的亲身步骤，或有区别。 1.Node.js 用来生成静态页面。...注意坑二：在配置所有的_config.yml文件时（包括theme中的），在所有的冒号:后边都要加一个空格，否则执行hexo命令会报错，切记 切记 在blog文件夹目录下执行生成静态页面命令： hexo...NexT 使用文档里有极详细的介绍。 主题下会有更详细的自定义教程，这里就不展开了。欢迎关注我的技术博客：https://wangdachui.github.io
location yes/ no 指明位置栏在新窗口中是否可见。 menubar yes /no 指明菜单栏在新窗口中是否可见。...scrollbars yes /no 指明滚动栏在新窗口中是否可见。 titlebar yes /no 指明菜单题目栏在新窗口是否可见。...z-look yes /no 在文档中包含各个 标签的数组。...window.event.keyCode==37) | | //屏蔽 Alt+ 方向键 ← (window.event.keyCode==39))){ //屏蔽 Alt+ 方向键 → alert("不准你使用...document.body.clientWidth&&event.clientY <0 | |event.altKey) { window.event.returnvalue = ""; } } 或者使用全屏打开页面
昨天在博客园中看到一位大神发的博客园样式排版博客，我一看。...2.首先你得申请一下你博客园的js权限； 不申请，你们的js代码是没有用的，申请成功是这个样子的 ? 3.找到页面定制CSS代码区域，勾选禁用默认CSS； ? ...在“博客侧边栏公告（支持HTML代码）（支持JS代码）”中找到如下代码； <embed src="//music.163.com/style/swf/widget.swf?...<em>在</em>“<em>博客</em>侧边栏公告（支持HTML<em>代码</em>）（支持<em>JS</em><em>代码</em>）”中找到如下<em>代码</em>； <img src="https://files.cnblogs.com...在”页首Html代码“区域找到如下代码；
效果预览 让我们先来看一下实现代码高亮之后的效果图： ? 该片段摘取自这篇博客文章，纯黑色的背景，sublime text风格的高亮。...添加CSS代码 在设置-页面定制CSS代码中，粘贴如下代码即可： /* Monokai Sublime style.
说明： 刚刚凭借自己仅有的css知识去改了以下单调的博客底部，现在已经好看多啦，效果如下 ?...底部两行字是渐变色 心是会跳动的 代码： 接下来直接放代码了，喜欢的可以自己去修改一下，加更多的css特效 十年之约的图指向的超链接打不开了，干脆改了一下。 #footerTextIcon { display: inline-block; animation: beating 1s...c=a&encode=js&select=%23hitokoto" defer> <span id="timeDate
前言 总结一些在博客园使用MathJax写数学公式的经验。 博客园 设置使用数学公式 进入你的博客：管理 > 选项 里面有个启用数学公式支持，选上后保存。 这时，你就可以在你的博客里写数学公式了。...进入你的博客管理 > 配置 在页首脚tml代码中输入一下内容： image.png 注意：如果你发现保存后，输入的内容丢失了。这是因为默认情况下不能在页脚Html代码使用JS....配置页面上有个申请使用JS的按钮（具体的按钮标签记不清了）， 点击这个按钮，输入申请理由，比如：“需要使用MathJax写数学公式”, 然后等管理员批准之后，就可以输入了。
以前的博客是使用Jekyll托管在github上，后来用着越来越不方便，比如没有自动生成post，不能一键部署，文件结构和配置也是比较繁琐，更重要的是有时候用markdown写一篇文章，生成的静态文件很乱...我这里以ubuntu为例，因为我自己一直在使用ubuntu。...sudo npm install hexo-cli -g 快速开始 安装Hexo安成后，使用如下命令快速新建一个博客系统，然后运行它 hexo init blog cd blog npm install...编辑该文件就可以写博客了。这里有一些Front-matter需要介绍，可以配置文章使用的模板、所属的分类和tag等。...Front-matter 是文件最上方以 — 分隔的区域，用于指定个别文件的变量，举例来说： title: "使用Hexo在Github上搭建自己的博客" date: 2015-03-10 22:30:
本文编程笔记首发 1.首先我们找到自己的模板，EM路径为 EMLOG模板位置在：/content/templates/你的模板名/ 2.找到我们模板的主要css文件，放到css的最后面即可
效果预览 在前面两篇文章中，我们分别为大家介绍了如何在博客园平台的文章添加目录，以及为文章代码添加高亮，在这篇文章中我们介绍下为文章中的代码添加行号显示，具体效果如下所示（效果图的源文章请参考这篇博客）...插入页脚代码 在设置-页脚HTML代码中插入如下代码： hljs.initHighlightingOnLoad(); hljs.initLineNumbersOnLoad(); 版权声明
背景 在JS中并没有原生枚举的实现，可以通过下面几种方法来模拟类似的操作。...直接使用字符串 上代码： function isWeekend(day) { return day === 'Sat' || day === 'Sun' } console.log(isWeekend...使用变量储存枚举值 这次进阶了一下，虽然代码啰嗦了，但是犯错概率会大大降低： const Days = Object.freeze({ Mon: 'Mon', Tue: 'Tue',...使用数字 这也是老生常谈的内容了，好多语言在没有枚举类型的时候都喜欢这么干： const Days = Object.freeze({ Mon: 0, Tue: 1, Wed:...JS定义枚举集合时的优化 可以尝试下列几种方法，只需要写出来枚举的名字，通过几个数组的API进行赋值操作。 但是由于是动态执行的，效率相对来说会降低，不过这通常是不足一提的。
https://blog.csdn.net/jdy_lyy/article/details/102923471 使用如下代码，先进入到打印界面 (function(){ $("#side").remove...$("main").css('display','content'); $("main").css('float','left'); $("tool-box").remove(); })(); 使用如下代码
[n1tvx6v6qs.jpeg] 本文将介绍JS模块化；怎样在不经过打包的情况下直接在浏览器中使用模块化；以及Chrome团队在JS模块化的优化和普及上正在做的一些事情。...新的import和export语法仅限于在模块脚本中使用，不能用在常规脚本中。 正因为这些差异，模块脚本和传统脚本显然需要各自不同的解析方式。因此JS解析器需要标识出哪些脚本属于是模块类型的。...你不需要为这些特性进行babel编译，现代浏览器跑着更小和最大部分未编译的模块化代码，而不兼容的则使用nomodule的降级代码。...所以无论使用.js还是.mjs都是可以的。但是我们还是建议使用.mjs，原因有两个： 在开发的时候，可以不需要看代码，通过后缀名非常直观地看出哪些是模块脚本。...比如对于总大小200KB的代码，在修改一个细颗粒化的模块之后，那么用户只需要更新有变更的代码，这总比重新加载所有代码（打包脚本）要强。
观看此教程之前，你需要一个可以运行PHP代码的服务器环境。 方式1：你可以参考我们往期发布的《从源代码搭建LMAP环境》视频教程； 方式2：你也可以使用PHP集成环境或者使用Docker容器。...目前在互联网上有很多的个人博客网站，很多也是基于某一个开源框架搭建起来的，免去了自己一个人复杂的编码过程。对于爱好写博客的同学，我们可以使用开源代码来搭建自己的博客网站来记录自己的日常。...这里给大家演示如何使用typecho开源框架来搭建属于我们自己的网站。 框架优点：轻量级、简洁；如果你对原有框架不满意，完全可以进行二次开发 视频内容 超清视频可以参考bilibili空间：极客开发者
上两篇介绍了如何用vite2 + Vue3 搭建一个博客网站，以及轻量级状态的基础使用，那么二者结合起来会发生什么呢？...https://www.cnblogs.com/jyk/p/14706005.html 回顾博客代码 博客代码里面有三个列表：首页的博文列表、编辑博文里面的博文列表以及讨论列表。...那是因为可以把不同的功能分布到不同的组件里面，而不用拘泥在一个组件内实现全部功能。 比如把查询条件的表单放在单独的组件里面，这样可以简化列表组件的代码，更容易进行管理。...分页控件使用 分页做成了单独且可以共享的组件，在组件里面可以直接获取局部状态，给 el-pagination 设置属性，这样就不需要父组件操心了。...子组件的使用方法 也是一样的步骤，只是不需要注册，而是获取父组件注册的状态，得到状态后，在需要的地方修改即可。 这样组件里面的代码就非常简单了。比如上面那个分页组件。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
