Posted on | Edited on | In

本文将介绍从零开始搭建vue的打包环境，重点介绍webpack，vue的知识点请恕本文无耻的省略了
OK，开始！

什么是webpack

webpack是一款模块加载器兼打包工具，它能把各种资源，例如JS（含JSX）、coffee、样式（含less/sass）、图片等都作为模块来使用和处理。

点击这里 前往官网

点击这里 前往官方中文站

本文基于webpack 1.14.x的版本

安装

由于webpack是一个基于node的项目，所以首先需要确保你的电脑里面已经安装了node.js，以及npm。

全局安装：

1
npm install webpack@1.14 -g

安装成功之后，在命令行输入webpack -h即可查看当前安装的版本信息，以及可以使用的指令

1
2
[root@localhost ~]# webpack -v
1.14.0

当然，我们都应该将webpack安装到当前项目的依赖中，此时就可以使用项目的本地版本webpack

Read more »

Posted on | Edited on | In

文件编码

前端开发涉及的所文件统一使用utf-8编码

文件命名规则

全部小写方式，以下划线分隔

例：my_project

特例：drupal中的模版文件

HTML

语法

  • 缩进使用2个空格；
  • 嵌套的节点应该缩进；
  • 在属性上，使用双引号，不要使用单引号；
  • 属性名全小写，用中划线做分隔符；
  • 不要在自动闭合标签结尾处使用斜线（HTML5 规范 指出他们是可选的）；
  • 不要忽略可选的关闭标签，例：</li> 和 </body>。
1
2
3
4
5
6
7
8
9
10
<!DOCTYPE html>
<html>
  <head>
    <title>Page title</title>
  </head>
  <body>
    <img src="images/company_logo.png" alt="Company">
    <h1 class="hello-world">Hello, world!</h1>
  </body>
</html>
Read more »

Posted on | Edited on | In

开始搭建

hexo 是啥

A fast, simple & powerful blog framework

这是官方的一句话。总之，hexo 是一个快速、简洁且高效的博客框架。hexo 使用 Markdown（或其他渲染引擎）解析文章，在几秒内，即可利用靓丽的主题生成静态网页。

点击这里，去往hexo 大本营

安装 nodejs

点击这里，下载并安装 nodejs

安装 git

点击这里，下载安装 git

安装完成之后，双击Git Shell，打开 git 的命令行界面

安装 hexo

Read more »

Posted on | Edited on | In

一、前言

Sublime Text，一个尽为人知的代码编辑器，其优点不用赘述。界面整洁美观、文本功能强大，且运行速度极快，非常适合编写代码，写文章做笔记。Sublime Text还支持Mac、Windows和Linux各大平台。

这个是官网地址：http://www.sublimetext.com/

二、安装

直接打开官网，http://www.sublimetext.com/，选择对应平台的版本安装即可。

哦，对了，安装完之后一定要安装这个必备包管理器，Package Control，用来以后安装插件用的。

安装指导：https://packagecontrol.io/installation

三、插件安装

经过上面安装了Package Control后，我们就可以通过快捷键Ctrl+Shift+P打开Package Control来安装插件了。在打开的输入框中输入install，会根据你的输入自动提示，选择Install Package，回车。

如下图

install packages

Read more »

Posted on | Edited on | In

清空默认规则

1
2
3
4
5
6
# 清空默认规则
iptables -F
# 删除用户自定义规则
iptables -X
# 链的计数器清零
iptables -Z

允许本机访问本机

1
2
3
4
5
iptables -A INPUT -s 127.0.0.1 -d 127.0.0.1 -j ACCEPT
iptables -A OUTPUT -s 127.0.0.1 -d 127.0.0.1 -j ACCEPT
# 下面的命令也可以
# iptables -A INPUT -i lo -p all -j ACCEPT
# iptables -A OUTPUT -o lo -p all -j ACCEPT

允许 ssh

1
2
iptables -A INPUT -p tcp --dport 22 -j ACCEPT
iptables -A OUTPUT -p tcp --sport 22 -j ACCEPT

允许 DNS 服务，53 端口

1
2
iptables -A OUTPUT -p udp --dport 53 -j ACCEPT
iptables -A INPUT -p udp --sport 53 -j ACCEPT

允许所有 80 和 443 端口，即 http、https

1
2
3
4
iptables -A INPUT -p tcp --dport 80 -j ACCEPT
iptables -A OUTPUT -p tcp --sport 80 -j ACCEPT
iptables -A INPUT -p tcp --dport 443 -j ACCEPT
iptables -A OUTPUT -p tcp --sport 443 -j ACCEPT

允许所有已经建立的和相关的连接

1
2
iptables -A INPUT -m state --state ESTABLISHED,RELATED -j ACCEPT
iptables -A OUTPUT -m state --state ESTABLISHED,RELATED -j ACCEPT

禁止其他未允许的规则访问

1
2
3
4
iptables -P INPUT DROP
iptables -P FORWARD DROP
# 下面的配置可以不执行，但是执行前，必须先配置需要放行的OUTPUT端口
# iptables -P OUTPUT DROP

保存规则

1
/etc/init.d/iptables save

查看规则

1
iptables -L -n --line-numbers