Ning Ma blog | my technology tips

Sass what is different between @include and @extend

August 4, 2016 Ning CSS, 0

For my understanding, extend not allowed customization, and include allowed. @extend

%button
  background-color: lightgrey
  &:hover, &:active
    background-color: white

a
  @extend %button

button
  @extend %button

%button

background-color: lightgrey

&:hover, &:active

background-color: white

@extend %button

button

@extend %button

@include

@mixin my-button($size: 15, $color: red) {
  @include inline-block;
  @include border-radius(5px);
  font-size: $size + px;
  background-color: $color;
}
%button {
  @include my-button;
}
%alt-button {
  @include my-button(15, green);
}
%big-button {
  @include my-button(25);
}

@mixin my-button($size: 15, $color: red) {

@include inline-block;

@include border-radius(5px);

font-size: $size + px;

background-color: $color;

}

%button {

@include my-button;

}

%alt-button {

@include my-button(15, green);

}

%big-button {

@include my-button(25);

}

using underscore to verify if a variable is undefined or null

April 21, 2016 Ning JAVASCRIPT, 1

Example of if a variable is undefined

function test() {
    console.log(_.isUndefined(foo)); // true, no error due to hoisting
    var foo = 3;
    console.log(_.isUndefined(foo)); // false, foo is defined now.
}

function test() {

console.log(_.isUndefined(foo)); // true, no error due to hoisting

var foo = 3;

console.log(_.isUndefined(foo)); // false, foo is defined now.

}

Example of if a variable is null function test() { var foo = null; console.log(_.isNull(foo)); // true, var foo = 3; console.log(_.isNull(foo)); // false, }

Install Dropbox from the command line on Cenots

January 18, 2016 Ning LINUX, 0

Cloud storage is everywhere in today’s multi-device environment, where people want to access content across multiple devices wherever they go. Dropbox is the most widely used cloud storage service thanks to its elegant UI and flawless multi-platform compatibility. The popularity of Dropbox has led to a flurry of official or unofficial Dropbox clients that are […]

CentOS setup ssh key for bitbucket

December 26, 2015 Ning LINUX, 0

1. Create a new ssh key, you need enter your key name and password

$ cd ~/.ssh 
$ ssh-keygen

1 2	$ cd ~/.ssh $ ssh-keygen

2. Start the ssh-agent and load your keys replace id_ras to your key name

$ ps -e | grep [s]sh-agent
$ ssh-agent /bin/bash
$ ssh-add ~/.ssh/id_rsa
$ ssh-add -l

$ ps -e | grep [s]sh-agent

$ ssh-agent /bin/bash

$ ssh-add ~/.ssh/id_rsa

$ ssh-add -l

3. Copy your key from ~/.ssh/yourKeyName.pub

$ cat ~/.ssh/id_rsa.pub

1	$ cat ~/.ssh/id_rsa.pub

4. Login bitbucket avatar > Settings > SSH keys. insert your key from step 2 5. Change your […]

Common iptables rules

December 22, 2015 Ning LINUX, 0

# Allow outgoing traffic and disallow any passthroughs iptables -P INPUT DROP iptables -P OUTPUT ACCEPT iptables -P FORWARD DROP # Allow traffic already established to continue iptables -A INPUT -m state –state ESTABLISHED,RELATED -j ACCEPT # Allow ssh, ftp and web services iptables -A INPUT -p tcp –dport ssh -i eth0 -j ACCEPT iptables […]

Install Virtualmin and Webmin on CentOS by 4 commands

December 21, 2015 Ning LINUX, 0

sudo yum -y update
sudo yum -y install perl
wget http://software.virtualmin.com/gpl/scripts/install.sh
sudo sh install.sh

sudo yum -y update

sudo yum -y install perl

wget http://software.virtualmin.com/gpl/scripts/install.sh

sudo sh install.sh

Then access panel by https://your ip address:10000/

How to use bitbucket on Centos

December 18, 2015 Ning LINUX, 0

1. Install git

yum install git
git config --global user.name "Ning Ma"
git config --global user.email "xxx@xxs.com"

yum install git

git config --global user.name "Ning Ma"

git config --global user.email "xxx@xxs.com"

2. Clone file from the bitbucket

git clone https://xxx@bitbucket.org/xxx/xxx.git

1	git clone https://xxx@bitbucket.org/xxx/xxx.git

3. Commit a file

git init
git add test.php
git commit -m "some note"

git init

git add test.php

git commit -m "some note"

*add all new files

cd folder
git add *

1 2	cd folder git add *

4. Push to bitbucket

git remote add projectName https://xxx@bitbucket.org/xxx/xxx.git

1	git remote add projectName https://xxx@bitbucket.org/xxx/xxx.git

git push projectName master

1	git push projectName master

5.Push only changed files

git add -u
git commit -m "your note"
git push projectName master

git add -u

git commit -m "your note"

git push projectName master

6. Get git repos name

git remote

1	git remote

git remote -v

1	git remote -v

7. get repo content to the local (overwrite)

git fetch projectName master

1	git fetch projectName master

8. get repo content and merge […]

Centos install VPN server by 3 commands

December 10, 2015 Ning LINUX, 0

Step 0 – Login to your server via SSH. You better login as root. Step 1 – Now issue this first command syntax:

yum install -y git

1	yum install -y git

example: Step 2 – Now also type this command and hit Enter

cd /opt && git clone git://github.com/drewsymo/VPN.git

1	cd /opt && git clone git://github.com/drewsymo/VPN.git

example: Step 3 – The final command, issue this and wait (the output a little bit long):

cd VPN && bash vpn-setup-vanilla.sh

1	cd VPN && bash vpn-setup-vanilla.sh

[…]

How to Add a User and Grant Root Privileges on CentOS 6.5

December 10, 2015 Ning LINUX, 0

Pre-Flight Check These instructions are intended specifically for adding a user on CentOS 6.5. I’ll be working from a Liquid Web Core Managed CentOS 6.5 server, and I’ll be logged in as root. Step 1: Add the User It’s just one simple command to add a user. In this case, we’re adding a user called […]

install hhvm by Centos yum

July 23, 2015 Ning LINUX, 0

cd /etc/yum.repos.d
sudo wget http://www.hop5.in/yum/el6/hop5.repo 

[root@node1 ~]# yum clean all

[root@node1 ~]# yum install hhvm

[root@node1 ~]# yum update hiphop-php

After this, check that hhvm is installed correctly

[root@node1 ~]# hhvm --version

cd /etc/yum.repos.d

sudo wget http://www.hop5.in/yum/el6/hop5.repo

[root@node1 ~]# yum clean all

[root@node1 ~]# yum install hhvm

[root@node1 ~]# yum update hiphop-php

After this, check that hhvm is installed correctly

[root@node1 ~]# hhvm --version