我的大前端
关注
分享
扫一扫
文章平均质量分 93
smile-yan
欢迎留言评论交流~~一定回复~~欢迎留言评论交流~~一定回复~~欢迎留言评论交流~~一定回复~~
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
《Hexo: 从零开始编写自己的主题》6. 添加自己的脚本处理数学公式
《Hexo: 从零开始编写自己的主题》1. Hexo概述以及Hexo工作原理2. 入门Hexo主题编写3. 优化样式，设计自己的主题4. fancybox优化图片展示效果、代码高亮以及数学公式5. 添加本地搜索功能以及发布博客让官网接收6. 添加自己的脚本，以处理数学公式为例6.1 问题描述这个应该算法是 hexo 的一个BUG或者说是hexo的不足。正常情况下，我们将 markdown 文件渲染为 html 时，需要保护一些特别部分不被渲染，比如说代码块与公式。代码块中写<h1&原创 2022-04-25 11:35:42 · 12019 阅读 · 7 评论 -
《Hexo: 从零开始编写自己的主题》5. 添加本地搜索功能以及发布博客让官网接收
5. 添加本地搜索功能以及发布博客让官网接收经过这些时间的折腾，逐步完善主题的各个功能，现在已经提交到 hexo 官网，请前去查看 https://hexo.io/themes/ 并搜索 heyan。5.1 添加本地搜索的功能本地搜索是指搜索范围局限于自己的所有博客，而不是第三方的搜索引擎比如百度谷歌等。比如，这个功能的实现需要依赖于第三方库，具体地址为：https://github.com/wzpan/hexo-generator-search。首先安装依赖，$ npm install原创 2022-04-23 20:58:40 · 12741 阅读 · 4 评论 -
《Hexo: 从零开始编写自己的主题》4. fancybox优化图片展示效果、代码高亮以及数学公式
4. fancybox优化图片展示效果、个性化代码高亮、这部分内容非常简单，但我也是琢磨了不少时间，踩了不少的坑才完成的。4.1 添加 fancybox如果 csdn 博客一样，我们点击博客中的图片可以用放大的效果，这个功能的实现只需要以下几个步骤即可。4.1.1 引入 css / js 资源在header.ejs 中引入以下资源（也可以认为是在 layout.ejs 中引入）<link rel="stylesheet" href="https://lib.baomitu.com/fanc原创 2022-04-22 09:40:19 · 12773 阅读 · 0 评论 -
《Hexo: 从零开始编写自己的主题》3. 优化样式，设计自己的主题
3. 优化样式，设计自己的主题3.1 概述第2章完成了hexo的功能实现，虽然非常非常丑，但是可以保证的是该有的功能全部都实现了一遍，这个章节我们开始设计并开发自己的主题。首先需要参考（复制粘贴）一些已有的模板代码，这些代码不要太多，不能太复杂，只要一个简单的界面就行。3.2 选择自己熟悉的 UI 框架现在有很多开源框架，我们使用这些开源框架来实现自己的功能，节省开发成本。最好选择自己熟悉的框架，以及简单可用的框架。比如 bootstrap，pure.css 等。这里我选择的是 bootst原创 2022-04-21 22:00:16 · 12863 阅读 · 0 评论 -
Hexo博客配置SSL证书
Hexo不必转换成静态网页再交给比如Nginx，tomcat这样的工具发布网站，内置了一个服务器。但是默认情况下是不带SSL证书的。效果展示以下三个服务器都是使用Hexo提供网页服务的。 基本步骤1.准备SSL证书。去提供云服务的官网下载自己购买的、已经备案的域名的SSL证书，比如阿里云，腾讯云，华为云等，这里介绍的是阿里云与腾讯云。需要注意的是，这里需要下载的...原创 2020-02-01 10:05:25 · 12678 阅读 · 9 评论 -
标签里面隐藏数据，方便ajax请求时使用
问题描述当我需要以异步请求的方式从后台拿数据的时候，我希望a标签里面藏着数据，a标签被点击时，我拿出这里面的数据。（尤其是在a标签非常的时候）解决方法基本思想使用jquery的attr函数。当然如果不适用jquery，js同样可以达到这个效果，只是稍微麻烦一些罢了。具体方法例子如下：<!DOCTYPE html><html><head><...原创 2019-10-28 22:05:43 · 12476 阅读 · 2 评论 -
【hexo】在其他服务器上运行（tomcat为例）
1. 编写目的我们既希望能够使用hexo这样简洁的博客管理框架，又想让自己的博客在其他web服务器上运行，也就是说，使用hexo生成静态网页在tomcat这样服务器上运行。因为我们不希望把80端口完全让给hexo，我们可能需要展示别的项目。另外我们如果只是生成静态文件然后复制粘贴到tomcat的webapp/ROOT 文件夹中去，也会遇到一些问题，比如如何写文章等。下面就是一个解决方法。...原创 2019-01-31 11:05:25 · 12484 阅读 · 6 评论 -
【hexo】使用其他主题例子（含有标签与分类）
1. 编写目的介绍一个例子，使用前辈们的主题，编写自己的博客网站。总体过程是非常简单的，但是安装hexo过程请自行百度。2. 新建项目在D盘新建myblog文件夹，打开Node.js控制台，跳转到目标地址，新建hexo项目。&amp;gt; d:&amp;gt; cd myblog&amp;gt; hexo init test需要下载一段时间，下载完了就可以作为自己的博客。查看官网的主题&amp;gt; cd...原创 2019-01-27 15:41:49 · 12540 阅读 · 0 评论 -
node.js 爬虫的简单例子（查看优快云访客，排名，分数）
1.编写目的一个简单的例子，使用node.js来爬虫，获得某个csdn博客博主的访客，排名，分数。2.具体过程下载安装node.js（此过程非常简答，不赘述）编写一个js文件。var http = require('https');http.get('https://blog.youkuaiyun.com/smileyan9',function(res){var data = '';res.o...原创 2019-08-17 00:38:01 · 12470 阅读 · 0 评论 -
【hexo】如何添加about页面
1. 编写目的在使用别人的主题的时候，发现点击“关于”选项时，会提示错误，找不到这个页面。解决方法非常简单，但是前提是需要懂得安装admin。详细内容2. 详细过程在安装好Admin后，进入Admin管理页面。找到上面的pages选项。然后添加page，并且路径名为about（和主题中点击“关于”，对应的一致）然后编写关于的详情。然后也没有地方可以点击保存，默认就保存好了的。这个...原创 2019-06-17 22:12:48 · 13507 阅读 · 0 评论 -
js如何向一个json中添加一个属性
1. 编写目的介绍一个非常简单的方法，向一个json格式的数据中添加一个属性。2. 解决方法比如var json = { date: "2019-03-02", statu: "success"};希望添加一组属性，week。我们直接进行写的操作就可以了。json.week = "星期六";接着我们输出json变量，就可以看到控制台输出中包含week属性了。这个是在我编写...原创 2019-03-02 23:34:25 · 16591 阅读 · 0 评论 -
【java web 简单例子】Model2 + Ajax(DWR) + mysql + bootstrap3 + jQuery
欢迎在此测试网址一下：原创 2018-06-08 11:32:36 · 12473 阅读 · 0 评论 -
【前端】加载资源进度条
加载资源进度条实现很简单，特别是在使用Bootstrap之后。代码如下：<!DOCTYPE html><html><head> <title>Bootstrap 实例</title> <meta charset="utf-8"> <meta name="viewport&原创 2018-07-04 19:45:30 · 12488 阅读 · 0 评论 -
CentOS下安装node.js（二进制文件安装）
1. 编写目的尽管提倡源码安装，但是源码编译时间常常比较长。所以某些时候我们也可以考虑使用二进制文件安装，可以节省一些时间。下面是二进制安装的一些笔记。2. 安装过程下载二进制文件（linux）在node.js官网上，查看linux二进制文件下载地址，并且复制下载链接。目前最新的稳定版本是 10.15.1。下载链接在官网上复制（ https://nodejs.org/dist/v10...原创 2019-01-30 21:49:27 · 12530 阅读 · 0 评论 -
CentOS下npm安装hexo
1. 编写目的自己安装时出了一些问题，解决后做笔记，也帮助遇到这样问题的其他小伙伴们。2. 问题描述CentOS云服务上安装了node.js，npm后，再安装hexo成功了，但是却运行不了，总是提示没有这样的指令。-bash: hexo: command not found3. 解决方法前提说明首先必须安装好了node.js和npm，然后还需要安装hexo-cli以及git。如...原创 2019-01-30 22:45:30 · 12466 阅读 · 0 评论 -
微信小程序开发入门笔记
1. 编写目的关于微信小程序开发界面绘制方面的笔记。2. 资源推荐微信小程序开发文档：前往文档图标库：非常好用的图标库，并且可以在线选择颜色大小等。前往iconfont微信小程序UI库（iView Weapp）：在线文档 官网例子源码微信小程序官方示例：示例小程序源码3. 使用方法设计好界面。微信小程序开发工具，新建项目。根据iView Weapp官网文档导入dist...原创 2019-02-23 11:52:37 · 12454 阅读 · 0 评论 -
微信小程序bindtap事件传参
1. 编写目的介绍微信小程序中某个控件的点击事件bindtap触发时如何传参。2. 例子wxml文件中代码如下：这个图片点击事件会由img_smile函数来处理，并且传递过去一个参数smile，这个参数的值是smile every day。 <image class="image" src="{{img}}" bindtap='img_smile' data-smile='smile...原创 2019-02-23 16:26:43 · 17759 阅读 · 7 评论 -
微信小程序列表渲染（循环渲染）
1. 编写目的一个简单例子，介绍微信小程序如何实现列表渲染（循环渲染）2. 例子js代码中准备数据（数组）： data: { smiles: [ "../../image/weather/smile1.png", "../../image/weather/soso.png", "../../image/weather/unhappy.png",...原创 2019-02-23 16:41:06 · 11669 阅读 · 0 评论 -
微信小程序提交post请求后台拿不到数据
1. 编写目的解决如题所示问题：微信小程序提交post请求后台拿不到数据。2. 解决方法只需要在wx.request中添加如下属性即可： header: { "Content-Type": "application/x-www-form-urlencoded" }, 总的代码如下： wx.request({ method: "POST", ...原创 2019-03-02 19:26:23 · 12711 阅读 · 5 评论 -
【前端笔记】
吐槽一下百度贴吧，这个贴吧那个系统检测能力也算是白痴到不行，发一段html代码会被删贴，发js代码被删帖子，系统是傻逼吗？申请恢复居然也可以失败，那管理员也是傻逼吗？对不起说了粗话，抱歉抱歉。总之我决定把笔记内容全部都转移到csdn上来，也希望对其他小伙伴有帮助。 【在线聊天】首先要让聊天框里面内容能够自动扩张，方法是首先确保此div的height是固定的。然后再在div中添加一个...原创 2018-05-11 23:16:41 · 12446 阅读 · 0 评论