Chen-Chih Blog

Tech Note

0%

Posted on Edited on In ,

alias

Method 1: put your alias in .alias_pofile

Recommend use this file, will not destory .bashrc file. 

1
2
cd ~
touch .alias_pofile

Method 2: edit .bashrc

This method need to reboot to take effect

change directory

change folder or directory

cd : change directory to home ~ directory
cd folder: change to specific directory

change upper directory

Read more »

Posted on Edited on In

1. Print

Ex1 Print Basic Interger and String

1
2
3
str_name= "hello"
num_value= 999
print(f"str value is {str_name}, and number is {num_value}")

output:

str value is hello, and number is 999

%-formatting-OLD

Example 1 Print String with % Operator

1
2
3
4
5
6
7
text = 'world'
print("hello " + text)
print('hello %s' % text)

name = "Test"
num = 100
print("Hello, %s. My num is  %s." % (name, num))

output:

hello world
hello world
Hello, Test. You are 100.

3. str.format()- NEW

str.format() 是對 %-formatting 的改進，可以用函式呼叫語法，可以通過 format() 方法對被轉換為字串的物件

Read more »

Posted on Edited on In ,

JS基本須知道

How to run JS

  • Browser- inspect

    • Method1:

      Go to inspect > console

    • Method 2:

      inspect> sources> snipperts> create js file

  • NodeJS environment

    寫 XXX.js//CREATE JS file

    node XXX.js //run .js file using node

adding comment

// single line comment
/**/: multiply line comment

顯示 print

  • console.log() 顯示在console
  • alert() 跳出顯示
  • document.write("\<h1>hello <br\/>")

JS　 基本語法- Part 1

１. declare variable 宣告變數

  • let (新)可以取代var

    ex:

    let myName= "chenchih"
    console.log(myName)

  • var
  • const

    must be inital and not able to change
    不被修改變數。如果不想被人修改

    1
    2
    3
    const test= "heloo"
    test="world"
    console.log(test) //error
Read more »

Posted on Edited on In

今天我想寫關於 Markdown相關指令。想信大家都會常用MD或是markdown。

字體效果

斜體字 ==> *文字*
粗體字 ==> **文字**
斜粗體 ==> ***文字***
刪除線strikethrough ==> ~~文字~~
斜體2 ==> _文字_
斜粗2 ==> __文字__
正常^上標^ ==> 文字^string1^
正常下標 ==> 文字~string1~
++底線++ ==> ++文字++
==螢光標記== ==> ==文字==

color顏色

  • color ==> <font color="red">text </font>
  • Highlighted text => <mark style="background-color: #FFFF00">Highlighted text</mark>

    change mark or span/div

Font Size 大小

  • HTML ==> <font size=5> **HTML**</font>

Horizontal Rules

1
2
3
---
***
___
Read more »

Posted on Edited on In ,

前言

今天天想分享如何在terminal或終端機變成更有效率或是更美化。我們需要用到zsh 和 ohmysh。

本篇文章會安裝以下套件：

  • ubuntu 安裝和設定
    • 基本套件: zsh git wget curl
    • ohymysh套件
    • shell 設定
    • Oh My Zsh 安裝，主題設定
    • 安裝Powerlevel10k 主題，不然會怪怪

更新 ubuntu 套件

$ sudo apt-get update

安裝 zsh

檢查我們目前支援的shells

目前支援的shells
$cat /etc/shells

zsh-after

Read more »

Posted on Edited on In

在這篇教學，我想要分享HEXO簡易版本。我在之前有寫ㄧ篇是關於Hexo完整篇，文章太長。如果你不想看那一篇可以看這一篇。在這一篇，我只會分享一些基本指令。

安裝 git

可以到官網下載git:，或是你是Linux/MAC，可以輸入命令方式來安裝如下：

  • Linux (Ubuntu, Debian)：

    $ sudo apt-get install git-core

  • Linux (Fedora, Red Hat, CentOS)

    sudo yum install git-core

  • mac 安裝:

    brew install git

安裝 Hexo

先安裝 node.js

可以到官網下載Node.js，或是你是Linux/MAC，可以輸入命令方式來安裝如下：

  • MAC:

    $ brew update
    $ brew install node

  • Linux(ubuntu)

    $ sudo apt-get install -y nodejs

再安裝 Hexo

$ npm install -g hexo-cli # -g 全域安裝

Read more »

Posted on Edited on In

大家有用過自動安裝window 系統嗎？正常我們都用 ISO光碟片，USB和網路方法安裝OS。可這些方法我們可能要一直按下一步等等。今天我想分享如何用自動化安裝，不需要寫程式，只要把unattend.xml放進我們window ISO 或是USB的根目錄就可以。
這個自動化工具叫做unattend 如果有興趣可以在網路找相關內容。
我會教大家如何建立unattend.xml檔案，他可以幫我們自動建立帳號，切磁區等等。在這分享我沒有教如何分切磁區。

為什麼要做這個？
如果你長期在安裝windowOS我建議可以學會這個，非長方便。

Part 1 : 建立autounattend.xml 檔案。

1. 去windowsafg 網站

2. window 相關設定

用預設的設定即可。You can use the default setting, or use the same setting I set.

  • 我只設定，時間，鍵盤語言，和帳號
  • I only changed time tone, keyboard to US, and account to administrator
    account admin

3.下載autounattend.xml檔案

Download autounattend.xml file. 下載autounattend.xml檔案
downloadfile

Read more »

Posted on Edited on In

遠端桌面連線

我想分享如何設定無密碼，也可以做遠端桌面連線。正常都是我們電腦帳號如果設定無密碼但又想做遠端，需要作揖些設定。

Step1: 請在鍵盤輸入window + r

Step2: 請輸入gpedit.msc

Step3: disable Limit account use of blank password, to enable blank password

blank password

網路磁碟分享

我想分享如何設定無密碼，也可以做網路磁碟分享，這樣可以共享資料夾。

Step1: 建立一個資料夾

Step2: 把資料夾設定權限

Read more »

Posted on Edited on In

Emmet

我想分享一些最常用到的Emmet和VScode相關指令。如果會Emmet我們可以提高我們在編寫HTML的時間。我們不需要打麼長的與法。

1. html初始结構

指令:！ =>tab or enter

1
2
3
4
5
6
7
8
9
10
11
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
</body>
</html>

2. CSS連結

指令: link:css =>tab or enter
在裡面加

1
<link rel="stylesheet" href="style.css">

3.隱式TAG , id（#）,class（.）

  • div tag:.name

    指令: .test

    1
    <div class="test"></div>

  • list tag:

    指令: ul>.test$*3

    1
    2
    3
    4
    5
    <ul>
        <li class="test1"></li>
        <li class="test2"></li>
        <li class="test3"></li>
    </ul>

  • id指令：#

    Ｓyntax:div.idname

    指令:div#test

    1
    <div id="test"></div>

  • class指令.

    Ｓyntax: div.classname

    指令:div.test

    1
    <div class="test"></div>

  • em 和 span :

    Ｓyntax:tag>.class

    指令:em>.class

    1
    <em><span class></span></em>

  • 表格 table

    指令:table>.row>.col 

    1
    2
    3
    4
    5
    <table>
        <tr class="row">
            <td class="col"></td>
        </tr>
    </table>

  • option

    Ｓyntax: select>classname

    指令:select>.test$*5 

    1
    2
    3
    4
    5
    6
    7
    <select name="" id="">
        <option class="test1"></option>
        <option class="test2"></option>
        <option class="test3"></option>
        <option class="test4"></option>
        <option class="test5"></option>
    </select>
Read more »

Posted on Edited on In

＃ 如何使用 Hexo + GitHub Pages 架設個人網誌

什麼是 Hexo？

  • HEXO 是一套 Static Site Generators(SSG)網誌框架工具，只要把建立和編寫 markdown就可以變成轉成靜態網頁。一般都用在架自己的部捼洛客，不用花很多時間設計排版等等。目前最有名的 SSG 有包括: Hexo(node.js 語言)，HUGO(go 語言)，Jekyll(ruby 語言) 等等。
  • 其實就是一個基於 Node.js 開發的網誌框架。具有下列幾項特點：
    • NODE.JS
    • 能夠支援 Markdown 語法解析文章，並透過主題渲染靜態檔案
    • 具有豐富的外掛套件
    • 支援一鍵部署到 GitHub Pages 或 Heroku 等支援靜態網頁的空間

前置作業

安裝需要工具

在開始安裝 Hexo 之前，必須先在電腦安裝下列工具:

  • Node.js

    npm 來安裝所需的套件。你可以把 npm 當作是 linux 的 apt 或 yum。他主要是幫我們安裝 JS 等套件。
  • Linux (Ubuntu, Debian)：

    sudo apt-get install -y nodejs

  • git

    是專們做版本控制的工具。外面有多版本控制，我選用 github，因為他比較多人用，還有他有 GitHub Page 可以幫我們架設網站，又是免費。window 可以用這個 git-bash 來下載git-for-window
  • Linux (Ubuntu, Debian)：

    $ sudo apt-get install git-core

Read more »