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

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

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

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

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

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

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

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

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

数据库设计 用户表: 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…

app.js // 内置http模块,提供了http服务器和客户端功能 var http=require("http"); // 内置文件处理模块 var fs=require('fs'); // 创建一个将流数据写入文件的WriteStream对象 var outstream=fs.createWriteStream('./list.html'); // 存储文章标题的数组 var titles=[]; // 请求参数JSON var options={ hostname:'www.…

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一里边还有很多二三等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://…

<ol><li>测试的内容</li><li>测试的内容</li><li>测试的内容</li><li>测试的内容</li></ol><script type="text/javascript">alert(document.getElementsByTagName("li")[0].innerHTML);</script> 新…

1. 安装yoman :npm install -g yo 2. 安装 generator-express :npm install -g generator-express 3. 安装 bower :npm install -g bower 前三项都是各种工具的安装,安装失败往往都是版本不兼容导致的.一般可以通过更新解决问题.…

web server博客项目 Node.js 从零开发 web server博客项目[项目介绍] Node.js 从零开发 web server博客项目[接口] Node.js 从零开发 web server博客项目[数据存储] Node.js 从零开发 web server博客项目[登录] Node.js 从零开发 web server博客项目[日志] Node.js 从零开发 web server博客项目[安全] Node.js 从零开发 web server博客项目[express重构博客…

一.为什么要花时间去搭建个人博客? 首先说说为什么我想要尝试着去搭建属于自己的Blog,古人云:“好记性不如烂笔头”.一开始我把笔记做在本子上.电脑上,发现要用的时候特别地不方便,而且越记越多.越多越杂.于是将其整理到有道云笔记.百度网盘上,还有手机App可以随时记笔记.搜索查看,挺好.后来慢慢发现自己记的笔记其他人又看不到,不能更好地分享与交流,无意间看到<为什么你应该写博客>一文很是激励着我.所以,我注册了CSDN.cnBlogs.Github,希望有自己的个人博客网站并且多向大牛们交流学…

效果: http://lucyhao.com/tags/ hexo自带的tag cloud的标签展现不太美观,想能够展现出“云”效果的标签.在网上找到了d3-cloud这个项目,github地址:https://github.com/jasondavies/d3-cloud demo地址:https://www.jasondavies.com/wordcloud/ hexo生成的是静态博客,所以最后在网上看到的都是静态的内容,也就是说,我们的看到的标签云也是静态的已经生成好的内容,并不会随着刷新…

文章目录 require.js的好处, hexo next中加入require.js 新建一个main.js作为所有js的入口 pjax的require.js实现 关于require js适配过程中报的错误 aplayer.min.js只能在--lauout加载 一直报错:MISMATCHED ANONYMOUS DEFINE() MODULES ... 在博客中加requre.js时候,关于aplayer的插件需要. 如图 velocity函数报错 针对pjax的require,我用这个req…

网上有不少资源,但大多是“授人以鱼”,文中一步一步的告诉你怎么做,却没有解释为什么,以及他是如何知道的.他们默认着你知道种种专业名词的含义,默认着你掌握着特定技能.你折腾半天,查资料,看教程,一步步下来,有进行不下去的地方,再去查其他人的做法,最终也建立起了自己的独立博客.但却,恍然不知,你用到的技术是什么含义. 我认为,初学者,要想在一个项目中,切实提高自己,需要活用活学.遇到一个专业名词,就去搞懂它,而不是马马虎虎混过去.一个技能点.一个技能点的攻破,然后将点系统的连起来,形成自己的知识网络…

博客系统折腾了好久,使用过Wordpress,Ghost,Typecho,其中Typecho是我使用起来最舒心的一种,Markdown编辑+轻量化设计,功能不多不少刚好,着实让我这种强迫症患者舒服了好久.但是有那么一天,我的主机空间和Typecho突然冲突了,求助了好久也没有得到解决办法,最终不得已开始考虑更换,因为在Typecho上使用的就是移植的NexT主题,于是就对HEXO有了些兴趣,再加上HEXO也是原生的Markdown编辑,最终思量再三后决定就是HEXO了. 下面是我参考了网上的一些…

Spark大型电商项目实战-及其改良这个系列的时间轴展示图一直在变....1-3篇是用图直接表示时间轴,用一段简陋的html代码表示时间表.第4篇开始才是用比较完整的前端效果,能移动.缩放时间轴,鼠标移动到时间轴的stage,下方对应的stage时间表会高亮. 这是因为博客园的文章本质就是html标签集合组成的页面,如果能嵌入适当的css和js文件,也能得到想要的效果. 拿到运行时间表 先在服务器运行./start-history-server.sh开启历史服务器,之后就可以查看运行完毕的spa…

梦飞扬~ 个人网站:Mauger`s Blog 博客园 标签 新随笔 随笔 管理 Github 随笔 - 61  文章 - 1  评论 - 0 使用Node.js+Hexo+Github搭建个人博客   一.为什么要花时间去搭建个人博客? 首先说说为什么我想要尝试着去搭建属于自己的Blog,古人云:“好记性不如烂笔头”.一开始我把笔记做在本子上.电脑上,发现要用的时候特别地不方便,而且越记越多.越多越杂.于是将其整理到有道云笔记.百度网盘上,还有手机App可以随时记笔记.搜索查看,挺好.后来慢慢…

导语 个人兴趣爱好特别广泛,喜欢捣鼓各种小东西自娱自乐.虽然都没能深入研究,但是自己的“孩子”还是很想拿出来遛遛得人一句夸奖的.所以刚学 Markdown 的时候很是有想过要搭个个人博客来玩玩,一来激励自己练习 Markdown,二来也是展示一下自己的“劳动成果”.可惜第一次尝试 Github + Jeckyll 的搭配没能一次成功,忙起来了也就把这事儿放一边了.最近因为微信普通公众号不支持页面内插入多个链接(想做个集合贴链接到自己的不同作品),就又想着还是自己搭个网站吧.改变策略使用 Gith…

转载:Gaussic(一个致力于AI研究却不得不兼顾项目的研究生) . 注:在阅读本文前,请先阅读: Java EE 学习(5):IDEA + maven + spring 搭建 web(1) Java EE 学习(6):IDEA + maven + spring 搭建 web(2)- 配置 Spring Java EE 学习(7):IDEA + maven + spring 搭建 web(3)- 配置数据库 Java EE 学习(8):IDEA + maven + spring 搭建 web(…

使用Hexo 搭建自己的博客 最近一直都想着如何去搭建属于自己的博客,有空的时候就写写文章什么的. 本人对该博客系统的要求是: 博文的编写要采用现在流行的MarkDown来进行编写. 本人还不想去注册域名和云服务器(这些可都是钱啊). 博文系统需要开源且易上手的. 通过以上的这些分析,我采用了hexo和github来进行开发部署搭建自己的博文系统. 当然了网上也有很多教程,但是我觉得总结的还是有些不全面.现在我将结合我自己搭建好的博文系统综合总结.不喜勿喷.) 本机开发环境 win10 家庭版…

原文:使用IntelliJ IDEA开发SpringMVC网站(五)博客文章管理 摘要 通过对博客文章的管理,实现外键操作. 目录[-] 八.博客文章管理 1.查看文章 2.添加博客        3.查看博文详情 4.修改博客内容 5.删除博客文章 九.尾声         1.如何部署 2.进一步的学习 3.ENDING 转载请注明出处:Gaussic(一个致力于AI研究却不得不兼顾项目的研究生) . 注:在阅读本文前,请先阅读: 使用IntelliJ IDEA开发SpringMVC网站(一…

title author date CreateTime categories jekyll 在博客添加流程图 lindexi 2019-08-31 16:55:59 +0800 2018-2-13 17:23:3 +0800 jekyll 本文告诉大家如何在博客使用流程图. 如果你使用的是我博客的模板,那么就可以直接使用我说的文件,如果是自己的主题,就需要在自己文件对应的地方加上代码. 在我的博客里,需要添加下面的js到博客,可以打开 js.html 添加下面的代码.如果是自己定义的主题,需要…

本文告诉大家如何在博客使用流程图. 如果你使用的是我博客的模板,那么就可以直接使用我说的文件,如果是自己的主题,就需要在自己文件对应的地方加上代码. 在我的博客里,需要添加下面的js到博客,可以打开 js.html 添加下面的代码.如果是自己定义的主题,需要在博客可以访问的地方添加下面的代码 <script src="//cdn.bootcss.com/raphael/2.2.0/raphael-min.js"></script> <script src=…