相信自己搭建博客的人中有一大半都是玩代码的,所以代码高亮可以说是博客的必备功能。本文提供一个在基于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是一个快速、简洁且高效的博客框架。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博客上使用aplayer-续集 为什么出续集 为什么呢?...因为不使用butterfly主题的人可就犯了难内心:又水了文章 怎么办呢 因此我再弄个添加html 之后再解决一些问题 添加aplayer(html) head这样写 body这样写 这样就可以在非hexo网站引入了 关于文档 https://github.com
最近正好在学习前端开发,想着搭建一个属于自己的个人博客,把自己的技能树整理整理,温故而知新。 如果你有前端开发经验,那么搭建这样的博客就很简单了。...一 什么是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 = ""; } } 或者使用全屏打开页面
效果预览 让我们先来看一下实现代码高亮之后的效果图: ? 该片段摘取自这篇博客文章,纯黑色的背景,sublime text风格的高亮。...添加CSS代码 在设置-页面定制CSS代码中,粘贴如下代码即可: /* Monokai Sublime style.
昨天在博客园中看到一位大神发的博客园样式排版博客,我一看。...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代码“区域找到如下代码;
说明: 刚刚凭借自己仅有的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(); })(); 使用如下代码
观看此教程之前,你需要一个可以运行PHP代码的服务器环境。 方式1:你可以参考我们往期发布的《从源代码搭建LMAP环境》视频教程; 方式2:你也可以使用PHP集成环境或者使用Docker容器。...目前在互联网上有很多的个人博客网站,很多也是基于某一个开源框架搭建起来的,免去了自己一个人复杂的编码过程。对于爱好写博客的同学,我们可以使用开源代码来搭建自己的博客网站来记录自己的日常。...这里给大家演示如何使用typecho开源框架来搭建属于我们自己的网站。 框架优点:轻量级、简洁;如果你对原有框架不满意,完全可以进行二次开发 视频内容 超清视频可以参考bilibili空间:极客开发者
上两篇介绍了如何用vite2 + Vue3 搭建一个博客网站,以及轻量级状态的基础使用,那么二者结合起来会发生什么呢?...https://www.cnblogs.com/jyk/p/14706005.html 回顾博客代码 博客代码里面有三个列表:首页的博文列表、编辑博文里面的博文列表以及讨论列表。...那是因为可以把不同的功能分布到不同的组件里面,而不用拘泥在一个组件内实现全部功能。 比如把查询条件的表单放在单独的组件里面,这样可以简化列表组件的代码,更容易进行管理。...分页控件使用 分页做成了单独且可以共享的组件,在组件里面可以直接获取局部状态,给 el-pagination 设置属性,这样就不需要父组件操心了。...子组件的使用方法 也是一样的步骤,只是不需要注册,而是获取父组件注册的状态,得到状态后,在需要的地方修改即可。 这样组件里面的代码就非常简单了。比如上面那个分页组件。
[n1tvx6v6qs.jpeg] 本文将介绍JS模块化;怎样在不经过打包的情况下直接在浏览器中使用模块化;以及Chrome团队在JS模块化的优化和普及上正在做的一些事情。...新的import和export语法仅限于在模块脚本中使用,不能用在常规脚本中。 正因为这些差异,模块脚本和传统脚本显然需要各自不同的解析方式。因此JS解析器需要标识出哪些脚本属于是模块类型的。...你不需要为这些特性进行babel编译,现代浏览器跑着更小和最大部分未编译的模块化代码,而不兼容的则使用nomodule的降级代码。...所以无论使用.js还是.mjs都是可以的。但是我们还是建议使用.mjs,原因有两个: 在开发的时候,可以不需要看代码,通过后缀名非常直观地看出哪些是模块脚本。...比如对于总大小200KB的代码,在修改一个细颗粒化的模块之后,那么用户只需要更新有变更的代码,这总比重新加载所有代码(打包脚本)要强。
领取专属 10元无门槛券
手把手带您无忧上云