总览 Python 数据类型

目标

    1. 了解Python有几种数据类型
    1. 认识Python的数字类型
    1. 重点掌握对数字类型的操作

Python数据类型

第一部分 数字类型

数字类型用于存储数学意义上的数值。

Python 支持三种不同的数字类型,整数、浮点数和复数

1. 整数

定义:正或负整数,不带小数点的数

Python 的整数长度为 32 位,并且通常是连续分配内存空间的。

>>> id(0)
4361838576
>>> id(1)
4361838608
>>>

小整数对象池

Python 初始化的时候会自动建立一个小整数对象池,方便我们调用,避免后期重复生成!这是一个包含262 个指向整数对象的指针数组,范围是-5 到 256

也就是说比如整数 10,即使我们在程序里没有创建它,其实在 Python 后台已经悄悄为我们创建了。

看下边的 id(-6)与 id(257)的地址,4364640112

>>> id(-6)
4364640112
>>> id(-5)
4361838416
>>> id(255)
4361846736
>>> id(256)
4361846768
>>> id(257)
4364640112
为什么存在小整数对象池?

像懒加载一样,创建一个一直存在,永不销毁,随用随拿的小整数对象池,减小开支。

整数缓冲区

刚被删除的整数,不会被真正立刻删除回收,而是在后台缓冲一段时间,等待下一次的可能调用。

>>> a = 100
>>> id(a)
4401859696
>>> del a
>>> b = 100
>>> id(b)
4401859696
>>>

把 a 删了,然后创建一个 b,地址是一样的。

2. 浮点数

浮点数也就是小数
对于很大或很小的浮点数,一般用科学计数法表示,把10用e替代,1.23x10^9就是1.23e9,或者12.3e8,0.000012可以写成1.2e-5,等等。

3. 复数

复数由实数部分和虚数部分构成,可以用a + bj,或者complex(a,b)表示,复数的实部a和虚部b都是浮点型。关于复数,不做科学计算或其它特殊需要,通常很难遇到。

第二部分 操作数字类型

数字类型操作

1. 简单常用的计算

import math
# print(dir(math))
# print(abs(-10))
# print(cmp(1, 3))
# print(math.exp(2))
# print(math.ceil(1.2), math.ceil(-1.2))
# print(math.floor(1.2))
# print(max([12, 1]))

2. 随机操作

主要还没涉及更复杂的计算,只是罗列一些可能常用的方法;
真值分部相关的操作,如正态分部啥的,因为暂无需求,

我希望: 有朝一日能用的上那些高大上的。

# coding=utf-8
import random

print("---基本---")
# 基本
# 返回当前生成器的内部状态
print(random.getstate())
# 不大于K位的Python整数,结果是0~2^10之间的整数
print(random.getrandbits(10))

print("---整数---")
# 整数
# 0-9的整数:
print(random.randrange(10))
# 0-100的偶数
print(random.randrange(0, 101, 2))
# 返回 a <= N <= b, 等同于randrange(a, b+1)。
print(random.randint(1, 9))

print("---list---")
# list
# 从序列随机选择一个元素
print(random.choice(['python', 'node', '种地']))


print("---真值分布---")
# 随机浮点数: 0.0 <= x < 1.0
print(random.random())
# 随机浮点数: 1.1 <= x < 11.1
print(random.uniform(1.1, 11.1))


# 对序列进行洗牌,改变原序列
deck = 'one two three four'.split()
random.shuffle(deck)
print(deck)

还记得之前说,NodeJs 拥有丰富的第三方模块吗?

如何利用现有的模块,快速、高效的实现需求呢?

第一部分 模块管理工具

几个关键字

1. nvm:主要管理nodejs版本;
2. npm:nodejs自带模块管理工具;

1. NPM 是什么?

npm 之于 Node.js ,就像 pip 之于 Python, gem 之于 Ruby, pear 之于 PHP 。

NPM 官网给出解释如下:

  1. npm 为你和你的团队打开了连接整个 JavaScript 天才世界的一扇大门。
  2. 它是世界上最大的软件注册表,每星期大约有 30 亿次的下载量,包含超过 600000 个 包(package) (即,代码模块)。

npm 由三个独立的部分组成:

  1. 网站:开发者查找包(package)、设置参数以及管理 npm 使用体验的主要途径;
  2. 注册表(registry):巨大的数据库,保存了每个包(package)的信息;
  3. 命令行工具 (CLI): 开发者通过 CLI 与 npm 打交道。

总之一句话,想简单高效的完成任务么?NPM 你值得拥有

接下来主要介绍使用

至于自我创建模块,暂不讨论

2. 安装配置

NodeJs 自带 npm, 故无需安装。
罗列几个常用的命令

# 查看 npm 命令列表
$ npm help

# 查看各个命令的简单用法
$ npm -l

# 查看 npm 的版本
$ npm -v

# 查看 npm 的配置
$ npm config list -l

$ npm list

# 加上 global 参数,会列出全局安装的模块
$ npm list -global

# 搜索模块
$ npm search <关键字>

# 本地安装
$ npm install <package name>

# 全局安装
$ sudo npm install -global <package name>
$ sudo npm install -g <package name>
实例一 眼见为实

下载一个常用的框架—ExpressJs,借此展示一下效果,并熟悉一个 ExpressJs

$ mkdir first
$ cd first
$ npm install express
$ node app.js
Example app listening on port 3000!

效果如图

实例二 初识 package.json 文件

简单说就是,记录文件,记录项目依赖的模块。

# 初始化一个package.json文件
$ npm init

实例说明

{
// 名称
"name": "npm",
// 版本
"version": "1.0.0",
// 描述
"description": "study npm",
// 入口文件
"main": "app.js",
// 模块依赖
"dependencies": {
"express": "^4.16.4"
},
"devDependencies": {},
// 执行脚本
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
// 关键词
"keywords": [
"npm"
],
// 作者
"author": "howard",
// 协议
"license": "ISC"
}

如我们需要下载ExpressJs,

# 一下命令即可将Express依赖加入到上边的文件中,偷个懒,不在重负写了
$ npm install express --save

实例三 更改npm源

可能你发现下载东西简直如龟速,这个你得感谢防火墙之父

为了更快更好的完成工作,我们可以用国内的淘宝、清华等源;

淘宝镜像说明:这是一个完整 npmjs.org 镜像,你可以用此代替官方版本(只读),同步频率目前为 10分钟 一次以保证尽量与官方服务同步。

$ npm install -g cnpm --registry=https://registry.npm.taobao.org

使用方法类似,用cnpm即可

$ cnpm install [name]

第二部分

Node.js 最大的特点就是异步式 I/O(或者非阻塞I/O)与事件紧密结合的编程模式。

1.阻塞I/O与非阻塞I/O概念

1.1 阻塞I/O(同步I/O)

线程在执行中如果遇到磁盘读写或网络通信(统称为I/O 操作), 通常要耗费较长的时间,这时操作系统会剥夺这个线程的 CPU 控制权,使其暂停执行,同时将资源让给其他的工作线程,这种线程调度方式称为阻塞,当I/O 操作完成时,操作系统将这个线程的阻塞解除,恢复其对CPU的控制 ,令其继续运行。这种 I/O 模式就是通常的同步式 I/O(Synchronous I/O)或阻塞式 I/O (Blocking I/O)。

1.2 非阻塞I/O(异步I/O)

非阻塞I/O是针对所有的I/O不采用阻塞的策略, 当线程遇到I/O 操作时, 不会阻塞等待完成, 而是将I/O 操作发送给操作系统, 继续执行下一个语句, 等操作系统完成I/O 操作以后, 会以事件的形式发送通知执行I/O 操作的线程, 线程会在特定的时候处理这个事件; 也就是线程中会不停的监听时间循环, 看是否有未处理的事件, 并以此处理.

举个通俗的例子:
例子来自知乎网友

你打电话问书店老板有没有《分布式系统》这本书,如果是`同步通信机制`,书店老板会说,你稍等,”我查一下",
然后开始查啊查,等查好了(可能是5秒,也可能是一天)告诉你结果(返回结果)。

而`异步通信机制`,书店老板直接告诉你我查一下啊,查好了打电话给你,然后直接挂电话了(不返回结果)。
然后查好了,他会主动打电话给你。在这里老板通过“回电”这种方式来回调。
2.阻塞I/O与非阻塞I/O特点
同步I/O(阻塞式) 异步I/O(非阻塞式)
利用多线程提供吞吐量 单线程可实现高吞吐量
通过事件分割和线程调度利用多核CPU 通过功能划分利用多核CPU
需要由操作系统调度多线程使用多核CPU 可以将单进程绑定到单核 CPU
难以充分利用 CPU 资源 可以充分利用 CPU 资源
符合线性的编程思维 不符合传统编程思维

对比

第二部分 异步式编程(函数式编程)

有异步I/O,就必然有异步编程。
首先以同步式编程的语法读取一个文件:

创建readfilesync.js, 并执行

var fs = require('fs');
var data = fs.readFileSync('/Users/51testing/Desktop/file.txt', 'utf-8');
console.log(data);
console.log('end.');

打印的结果如下:

//执行
$ node /Users/51testing/Desktop/readfilesync.js
你好呀
end.

以上代码很容易理解, 自上而下的执行, 那么异步编程的做法呢?

创建readfileasync.js, 并执行

var fs = require('fs');
fs.readFile('/Users/51testing/Desktop/file.txt', 'utf-8', function(err, data) {
if (err){
console.error(err);
} else {
console.log(data);
}
});
console.log('end.');

打印的结果如下:

//执行
$ node /Users/51testing/Desktop/readfileasync.js
end.
你好呀
$

fs.readFile 调用时所做的工作只是将异步式 I/O 请求发给了操作系统, 然后立即返回并执行后面的语句,执行完以后进入事件循环监听事件。 fs 接到I/O 请求完成的事件时,事件循环会主动调用回调函数以完成后续工作。因此我们会先看到 end.然后看到 file.txt 文件的内容。

2 NodeJs循环机制

循环

Node.js 在什么时候会进入事件循环呢?

生命周期为:Node.js 程序由事件循环环开始,到事件循环结束.

所有的逻辑都是事件的回调函数,所以 Node.js 始终在事件循环中,程序入口就是 事件循环第一个事件的回调函数。事件的回调函数在执行的过程中,可能会发出 I/O 请求或直接发射 (emit)事件,执行完成后再返回事件 循环,事件循环会会检查循环中有没有 处理的事件,直到到程序结束。

小技巧

Node 版本区别:

从对 ES6 的支持来简单的区分是

0.x 完全不支持ES6
4.x 部分支持ES6特性,并处在LTS阶段
5.x 部分支持ES6特性(比4.x多些),属于过渡产品,现在来说应该没有什么理由去用这个了
6.x 支持98%的ES6特性

参考链接

Node.js开发指南
深入浅出Node.js

[toc]

认识 Python

人生苦短,我用 Python —— Life is short, you need Python

img

目标

  • Python 的起源
  • 为什么要用 Python?
  • Python 的特点
  • Python 的优缺点
  • Python 2.x3​​.x 版本简介
  • 执行 Python 程序的三种方式
    • 解释器 —— python / python3
    • 交互式 —— ipython
    • 我选择免费易扩展的VSCode,因为还得写别的语言,仅此而已

01. Python 的起源

Python 的创始人为吉多·范罗苏姆(Guido van Rossum)

Python之父是荷兰人Guido van Rossum,被誉为历史上最伟大的12名程序员之一。

e747899073c9b4416c91c2bb326f1549.jpeg

  1. 1989 年的圣诞节期间,吉多·范罗苏姆为了在阿姆斯特丹打发时间,决心开发一个新的解释程序,作为 ABC 语言的一种继承(感觉下什么叫牛人
  2. ABC 是由吉多参加设计的一种教学语言,就吉多本人看来,ABC 这种语言非常优美和强大,是专门为非专业程序员设计的。但是 ABC 语言并没有成功,究其原因,吉多认为是非开放造成的。吉多决心在 Python 中避免这一错误,并获取了非常好的效果
  3. 之所以选中 Python(蟒蛇) 作为程序的名字,是因为他是 BBC 电视剧——蒙提·派森的飞行马戏团(Monty Python’s Flying Circus)的爱好者
  4. 1991 年,第一个 Python 解释器 诞生,它是用 C 语言实现的,并能够调用 C 语言的库文件

1.1 解释器(科普)

计算机不能直接理解任何除机器语言以外的语言,所以必须要把程序员所写的程序语言翻译成机器语言,计算机才能执行程序。将其他语言翻译成机器语言的工具,被称为编译器

编译器翻译的方式有两种:一个是编译,另外一个是解释。两种方式之间的区别在于翻译时间点的不同。当编译器以解释方式运行的时候,也称之为解释器

12ae91928d3e790ef0b8cdf9ec299685.png

  • 编译型语言:程序在执行之前需要一个专门的编译过程,把程序编译成为机器语言的文件,运行时不需要重新翻译,直接使用编译的结果就行了。程序执行效率高,依赖编译器,跨平台性差些。如 C、C++
  • 解释型语言:解释型语言编写的程序不进行预先编译,以文本方式存储程序代码,会将代码一句一句直接运行。在发布程序时,看起来省了道编译工序,但是在运行程序的时候,必须先解释再运行

e56f0d1450ca0c514ba954ef640b4b4c.png

编译型语言和解释型语言对比

  • 速度 —— 编译型语言比解释型语言执行速度快
  • 跨平台性 —— 解释型语言比编译型语言跨平台性好

1.2 Python 的设计目标

1999 年,吉多·范罗苏姆向 DARPA 提交了一条名为 “Computer Programming for Everybody” 的资金申请,并在后来说明了他对 Python 的目标:

  • 一门简单直观的语言并与主要竞争者一样强大
  • 开源,以便任何人都可以为它做贡献
  • 代码像纯英语那样容易理解
  • 适用于短期开发的日常任务

这些想法中的基本都已经成为现实,Python 已经成为一门流行的编程语言

1.3 Python 的设计哲学

7ff693d9b86899489ddfc38bfe444bdc.png

  1. 优雅
  2. 明确
  3. 简单
  • Python 开发者的哲学是:用一种方法,最好是只有一种方法来做一件事
  • 如果面临多种选择,Python 开发者一般会拒绝花俏的语法,而选择明确没有或者很少有歧义的语法

在 Python 社区,吉多被称为“仁慈的独裁者”

02. 为什么选择 Python?

  • 代码量少
  • ……

同一样问题,用不同的语言解决,代码量差距还是很多的,一般情况下 PythonJava1/5,所以说 人生苦短,我用 Python

03. Python 特点

  • Python 是完全面向对象的语言
    • 函数模块数字字符串都是对象,在 Python 中一切皆对象
    • 完全支持继承、重载、多重继承
    • 支持重载运算符,也支持泛型设计
  • Python 拥有一个强大的标准库,Python 语言的核心只包含 数字字符串列表字典文件 等常见类型和函数,而由 Python 标准库提供了 系统管理网络通信文本处理数据库接口图形系统XML 处理 等额外的功能
  • Python 社区提供了大量的第三方模块,使用方式与标准库类似。它们的功能覆盖 科学计算人工智能机器学习Web 开发数据库接口图形系统 多个领域

面向对象的思维方式

  • 面向对象 是一种 思维方式,也是一门 程序设计技术
  • 要解决一个问题前,首先考虑 由谁 来做,怎么做事情是 的职责,最后把事情做好就行!
    • 对象 就是
  • 要解决复杂的问题,就可以找多个不同的对象各司其职,共同实现,最终完成需求

04. Python 的优缺点

4.1 优点

  • 简单、易学
  • 免费、开源
  • 面向对象
  • 丰富的库
  • 可扩展性
    • 如果需要一段关键代码运行得更快或者希望某些算法不公开,可以把这部分程序用 CC++ 编写,然后在 Python 程序中使用它们
  • ……

4.2 缺点

  • 运行速度
  • 国内市场较小
  • 中文资料匮乏

01. Python 2.x3​​.x 版本简介

目前市场上有两个 Python 的版本并存着,分别是 Python 2.xPython 3.x

新的 Python 程序建议使用 Python 3.0 版本的语法

  • Python 2.x 是 过去的版本
    • 解释器名称是 python
  • Python 3.x 是 现在和未来 主流的版本
    • 解释器名称是 python3
    • 相对于 Python 的早期版本,这是一个 较大的升级
    • 为了不带入过多的累赘,Python 3.0 在设计的时候 没有考虑向下兼容
      • 许多早期 Python 版本设计的程序都无法在 Python 3.0 上正常执行
    • Python 3.0 发布于 2008 年
    • 到目前为止,Python 3.0 的稳定版本已经有很多年了
      • Python 3.3 发布于 2012
      • Python 3.4 发布于 2014
      • Python 3.5 发布于 2015
      • Python 3.6 发布于 2016
  • 为了照顾现有的程序,官方提供了一个过渡版本 —— Python 2.6
    • 基本使用了 Python 2.x 的语法和库
    • 同时考虑了向 Python 3.0 的迁移,允许使用部分 Python 3.0 的语法与函数
    • 2010 年中推出的 Python 2.7 被确定为 最后一个Python 2.x 版本

提示:如果开发时,无法立即使用 Python 3.0(还有极少的第三方库不支持 3.0 的语法),建议

  • 先使用 Python 3.0 版本进行开发
  • 然后使用 Python 2.6Python 2.7 来执行,并且做一些兼容性的处理

03. 执行 Python 程序的三种方式

解释器 —— python / python3
交互式 —— ipython
集成开发环境 —— PyCharm / VsCode

3.1. 解释器 python / python3

Python 的解释器

# 使用 python 2.x 解释器
$ python xxx.py

# 使用 python 3.x 解释器
$ python3 xxx.py
其他解释器

Python 的解释器 如今有多个语言的实现,包括:

  • CPython —— 官方版本的 C 语言实现
  • Jython —— 可以运行在 Java 平台
  • IronPython —— 可以运行在 .NET 和 Mono 平台
  • PyPy —— Python 实现的,支持 JIT 即时编译

3.2. 交互式运行 Python 程序

  • 直接在终端中运行解释器,而不输入要执行的文件名
  • 在 Python 的 Shell 中直接输入 Python 的代码,会立即看到程序执行结果

1) 交互式运行 Python 的优缺点

优点
  • 适合于学习/验证 Python 语法或者局部代码
缺点
  • 代码不能保存
  • 不适合运行太大的程序

2) 退出 官方的解释器

1> 直接输入 exit()
>>> exit()
2> 使用热键退出

在 python 解释器中,按热键 ctrl + d 可以退出解释器

3> IPython

  • IPython 中 的 “I” 代表 交互 interactive
特点
  • IPython 是一个 python 的 交互式 shell,比默认的 python shell 好用得多
    • 支持自动补全
    • 自动缩进
    • 支持 bash shell 命令
    • 内置了许多很有用的功能和函数
  • IPython 是基于 BSD 开源的
版本
  • Python 2.x 使用的解释器是 ipython

  • Python 3.x 使用的解释器是 ipython3

  • 要退出解释器可以有以下两种方式:

1> 直接输入 exit
In [1]: exit
2> 使用热键退出

在 IPython 解释器中,按热键 ctrl + dIPython 会询问是否退出解释器

### 3.3 不过我选择vscode, 一个编辑器走天下!

工具顺手就行,只是为了提升开发效率,对Python的基本认识应该就到此位置了

第一部分 NodeJs 初识

不知了了几行代码是否可以引起你的兴趣

// service.js
var http = require("http");
http.createServer(function(req,res){
res.write("Hello NodeJs");
res.end();
}).listen(8888);

1 Nodejs是什么?

  • Node.js是一个让 JavaScript 运行在服务端的开发平台;

  • Node.js可以作为服务器向用户提供服务,它跳过了 Apache、Nginx 等 HTTP 服务器,直接面向前端开发。

  • 优秀的第三方包管理器(node package manager,npm)

2 Nodejs不是什么?

  1. Node.js 不是一种独立的语言
  2. Node.js 不是一个 JavaScript 框架 ;

3 Nodejs能做什么?

 具有复杂逻辑的网站;
 基于社交网络的大规模 Web 应用;
 Web Socket 服务器;
 TCP/UDP 套接字应用程序; 8  命令行工具;
 交互式终端程序;
 带有图形用户界面的本地应用程序;
 单元测试工具;
 客户端 JavaScript 编译器。

4 Nodejs 原理

Node.js 是基于Chrome V8引擎构建的,由事件循环(Event Loop)分发 I/O 任务,最终工作线程(Work Thread)将任务丢到线程池(Thread Pool)里去执行,而事件循环只要等待执行结果就可以了。

核心概念

* Chrome V8 是 Google 发布的开源 JavaScript 引擎,
采用 C/C++ 编写,在 Google 的 Chrome 浏览器中被使用。
Chrome V8 引擎可以独立运行,也可以用来嵌入到 C/C++ 应用程序中执行。
* Event Loop 事件循环(由 libuv 提供)
* Thread Pool 线程池(由 libuv 提供)

重点: 整体思路梳理

重点: 整体思路梳理

重点: 整体思路梳理

1. Chrome V8 是 JavaScript 引擎
2. Node.js 内置 Chrome V8 引擎,所以它使用的 JavaScript 语法
3. JavaScript 语言的一大特点就是单线程,也就是说,同一个时间只能做一件事
4. 单线程就意味着,所有任务需要排队,前一个任务结束,
才会执行后一个任务。如果前一个任务耗时很长,后一个任务就不得不一直等着。
5. 如果排队是因为计算量大,CPU 忙不过来,倒也算了,
但是很多时候 CPU 是闲着的,因为 I/O 很慢,不得不等着结果出来,再往下执行。
6. CPU 完全可以不管 I/O 设备,挂起处于等待中的任务,先运行排在后面的任务,
将等待中的 I/O 任务放到 Event Loop 里,由 Event Loop 将 I/O 任务放到线程池里,
只要有资源,就尽力执行。

重点理解如下这句话

Nodejs接受任务是单线程,执行任务是多线程。

思路如下:

  1. Nodejs内置V8,采用Js语言,是单线程的,故接受任务是单线程,无需进程/线程切换,非常高效
  2. EventLoop派发任务给线程池里的I/O去执行,故是多线程执行任务。

第二部分 配置开发环境

1. 安装<官方文档>

curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.32.0/install.sh | bash
export NVM_DIR="$HOME/.nvm"[ -s "$NVM_DIR/nvm.sh" ] && . "$NVM_DIR/nvm.sh" # This loads nvm

Mac安装后如果提示nvm: command not found, 是因为没有[.bash_profile file]文件,

第一种方法: 创建touch ~/.bash_profile, 然后重新执行curl操作;
第二种方法: 打开.bash_profile, 添加source ~/.bashrc

2 下载不同版本

                        now
(io.js) v2.0 : v2.x
| | : |
v0.10.x /--------------:-----------------\ Node.js 2.0
____|____/ : \______|_____
\ : /
\--------------:-----------------/
| | : | |
(node.js) v0.12.x : v0.13.x v0.14.x

对于nodejs与io.js的版本区别以及渊源,建议大家参考Node.js与io.js那些事儿

#罗列可以安装的版本
$ nvm ls-remote
.
.
.
v6.4.0
v6.5.0
v6.6.0

3 下载版本

#为了演示,选择了6.6.0
$ nvm install v6.6.0

$ nvm install v5.12.0
######################################################################## 100.0%
WARNING: checksums are currently disabled for node.js v4.0 and later
Now using node v5.12.0 (npm v3.8.6)

4 切换版本

$ nvm use v5
Now using node v5.12.0 (npm v3.8.6)

$ nvm use v6
Now using node v6.6.0 (npm v3.10.3)

5 常用命令

# 下载
$ nvm install ***
#切换版本
$ nvm use 版本号
#罗列下载的版本
$nvm ls
# 罗列远程版本
$nvm ls-remote
#设置默认的版本
$nvm alias default 版本

第三部分 注意事项

  1. 当关闭终端在此打开时, 输入 nvm会提示找不到, 解决办法:
    .bash_profile文件中添加source ~/.bashrc;即可;

  2. nvm安装的路径是: ~/.nvm;

  3. 使用nvm安装node, 会安装在该路径下: ~/.nvm/versions/node;

附加

Mac 环境变量配置

1./etc/profile: (不建议修改这个文件)全局(公有)配置,不管是哪个用户,登录时都会读取该文件。
2./etc/bashrc: 系统级环境变量. 全局(公有)配置,bash shell执行时,不管是何种方式,都会读取此文件。
3.~/.bash_profile: 用户级环境变量.每个用户都可使用该文件输入专用于自己使用的shell信息,当用户登录时,该文件仅仅执行一次!

>0001 为何要写博客?

…记录点滴、分享所得。

>0010 为何要自建博客?

…一分为乐趣,一分为自由。

>0011 类似的资源那么多,为何要重复?

…存在不代表拥有,所得才可拥有

Hello World

printf("Hello World");
System.out.println("Hello World");
console.log("Hello World");

asd

第一部分

语言

rss

标签、类别、

账户

公益

首页显示

背景显示

参考链接

$ cd themes/next
$ git clone https://github.com/theme-next/theme-next-canvas-nest source/lib/canvas-nest

更改配置文件

canvas_nest:
enable: true
...

https://github.com/theme-next/theme-next-canvas-nest

侧边栏推荐阅读

theme/next/_config.yml

# Blogrolls
links_title: 推荐阅读
#links_layout: block
links_layout: inline
links:
简单即是美: https://simuty.github.io/

第二部分

文章头

自定义样式

打开\themes\next\source\css\_custom\custom.styl,向里面加入:(颜色可以自己定义)

// Custom styles.
code {
color: #ff7600;
background: #fbf7f8;
margin: 2px;
}
// 大代码块的自定义样式
.highlight, pre {
margin: 5px 0;
padding: 5px;
border-radius: 3px;
}
.highlight, code, pre {
border: 1px solid #d6d6d6;
}

统计字数

$ npm install hexo-wordcount --save

然后在/themes/next/layout/_partials/footer.swig文件尾部加上:

<div class="theme-info">
<div class="powered-by"></div>
<span class="post-count">博客全站共{{ totalcount(site) }}字</span>
</div>

阅读时长

npm i hexo-symbols-count-time --save

hexo/_config.yml中添加

symbols_count_time:
symbols: true
time: true
total_symbols: true
total_time: true

hexo/theme/next/_config.yml中找到

# Post wordcount display settings
# Dependencies: https://github.com/theme-next/hexo-symbols-count-time
symbols_count_time:
separated_meta: true
item_text_post: true
item_text_total: false
awl: 4
wpm: 275

代码

音视频

post阴影

打开\themes\next\source\css_custom\custom.styl,向里面加入:

// 主页文章添加阴影效果
.post {
margin-top: 60px;
margin-bottom: 60px;
padding: 25px;
-webkit-box-shadow: 0 0 5px rgba(202, 203, 203, .5);
-moz-box-shadow: 0 0 5px rgba(202, 203, 204, .5);
}

http://devinol.com/Hexo/Next%E4%B8%BB%E9%A2%98%E4%BC%98%E5%8C%96-%E4%BA%8C/

$ npm install hexo-generator-searchdb --save

打开 站点配置文件 ,添加配置

search:
path: search.xml
field: post
format: html
limit: 10000
打开 主题配置文件 ,搜索关键字local_search,设置为true
# Local search
# Dependencies: https://github.com/flashlab/hexo-generator-search
local_search:
enable: true
# if auto, trigger search by changing input
# if manual, trigger search by pressing enter key or search button
trigger: auto
# show top n results per article, show all results by setting to -1
top_n_per_article: 1

打赏

文章加密
https://github.com/MikeCoder/hexo-blog-encrypt/blob/master/ReadMe.zh.md
hexo-blog-encrypt

参考链接

†少女癌†

第一部分

语言

rss

标签、类别、

账户

公益

首页显示

背景显示

参考链接

$ cd themes/next
$ git clone https://github.com/theme-next/theme-next-canvas-nest source/lib/canvas-nest

更改配置文件

canvas_nest:
enable: true
...

https://github.com/theme-next/theme-next-canvas-nest

侧边栏推荐阅读

theme/next/_config.yml

# Blogrolls
links_title: 推荐阅读
#links_layout: block
links_layout: inline
links:
简单即是美: https://simuty.github.io/

第二部分

文章头

自定义样式

打开\themes\next\source\css\_custom\custom.styl,向里面加入:(颜色可以自己定义)

// Custom styles.
code {
color: #ff7600;
background: #fbf7f8;
margin: 2px;
}
// 大代码块的自定义样式
.highlight, pre {
margin: 5px 0;
padding: 5px;
border-radius: 3px;
}
.highlight, code, pre {
border: 1px solid #d6d6d6;
}

统计字数

$ npm install hexo-wordcount --save

然后在/themes/next/layout/_partials/footer.swig文件尾部加上:

<div class="theme-info">
<div class="powered-by"></div>
<span class="post-count">博客全站共{{ totalcount(site) }}字</span>
</div>

阅读时长

npm i hexo-symbols-count-time --save

hexo/_config.yml中添加

symbols_count_time:
symbols: true
time: true
total_symbols: true
total_time: true

hexo/theme/next/_config.yml中找到

# Post wordcount display settings
# Dependencies: https://github.com/theme-next/hexo-symbols-count-time
symbols_count_time:
separated_meta: true
item_text_post: true
item_text_total: false
awl: 4
wpm: 275

代码

音视频

post阴影

打开\themes\next\source\css_custom\custom.styl,向里面加入:

// 主页文章添加阴影效果
.post {
margin-top: 60px;
margin-bottom: 60px;
padding: 25px;
-webkit-box-shadow: 0 0 5px rgba(202, 203, 203, .5);
-moz-box-shadow: 0 0 5px rgba(202, 203, 204, .5);
}

http://devinol.com/Hexo/Next%E4%B8%BB%E9%A2%98%E4%BC%98%E5%8C%96-%E4%BA%8C/

$ npm install hexo-generator-searchdb --save

打开 站点配置文件 ,添加配置

search:
path: search.xml
field: post
format: html
limit: 10000
打开 主题配置文件 ,搜索关键字local_search,设置为true
# Local search
# Dependencies: https://github.com/flashlab/hexo-generator-search
local_search:
enable: true
# if auto, trigger search by changing input
# if manual, trigger search by pressing enter key or search button
trigger: auto
# show top n results per article, show all results by setting to -1
top_n_per_article: 1

打赏

文章加密
https://github.com/MikeCoder/hexo-blog-encrypt/blob/master/ReadMe.zh.md
hexo-blog-encrypt

参考链接

†少女癌†

学不可以已。(《荀子·劝学》)
阅读全文 »