Google Drive
Gist
Clipboard
or
or
By clicking below, you agree to our terms of service.
Sign in with Wallet
New to HackMD? Sign up
| Syntax | Example | Reference | |
|---|---|---|---|
| # Header | Header | 基本排版 | |
| - Unordered List |
|
||
| 1. Ordered List |
|
||
| - [ ] Todo List |
|
||
| > Blockquote | Blockquote |
||
| **Bold font** | Bold font | ||
| *Italics font* | Italics font | ||
| ~~Strikethrough~~ | |||
| 19^th^ | 19th | ||
| H~2~O | H2O | ||
| ++Inserted text++ | Inserted text | ||
| ==Marked text== | Marked text | ||
| [link text](https:// "title") | Link | ||
|  | Image | ||
| `Code` | Code |
在筆記中貼入程式碼 | |
| ```javascript var i = 0; ``` |
|
||
| :smile: |  |
Emoji list | |
| {%youtube youtube_id %} | Externals | ||
| $L^aT_eX$ | LaTeX | ||
| :::info This is a alert area. ::: |
This is a alert area. |
On a scale of 0-10, how likely is it that you would recommend HackMD to your friends, family or business associates?
Please give us some advice and help us improve HackMD.
Do you want to remove this version name and description?
Syncing
xxxxxxxxxx-
Any changes
Be notified of any changes
-
Mention me
Be notified of mention me
-
Unsubscribe
Subscribetags:
前端開發,待整理多頁式網頁設計
Layout 觀念設計
共通區塊，每個頁面都會出現的
layout.ejs 可以改一處，編譯完就會同步更新
NPM 套件軍火庫,可以下載:
Bootstrap
jQuery
Gulp
…
安裝各種東西
Gulp
Gulp 前端任務工具
他是使用JavaScript去寫
六角Gulp 範例所提供的功能
EJS+Layout
樣板語言
右邊是搭配樣板語言才可以這樣寫
(傳統頁面中不要這樣寫)
如果想要有兩個以上layout.ejs→可以
./ 代表目前所在的目錄
../ 代表上一層目錄
../../ 上上層目錄
./assets =assets
網頁建置流程
製作流程參考