-
Notifications
You must be signed in to change notification settings - Fork 29
/
Copy path如何編輯-Wiki.html
142 lines (140 loc) · 6.17 KB
/
如何編輯-Wiki.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
<!doctype html>
<html>
<head>
<meta charset="utf8">
<title>零時政府 g0v.tw</title>
<link rel="stylesheet" href="/stylesheets/screen.css" type="text/css" charset="utf-8" />
<link rel="stylesheet" href="/stylesheets/stylesheet.css" type="text/css" charset="utf-8" />
<link rel="stylesheet" href="/stylesheets/gollum.css" type="text/css" charset="utf-8" />
<link rel="stylesheet" href="/stylesheets/syntax.css" type="text/css" charset="utf-8" />
<link rel="stylesheet" type="text/css" href="stylesheets/print.css" media="print" />
</head>
<body>
<header>
<div class="inner">
<h1>零時政府 g0v.tw</h1>
<a href="https://github.com/g0v" class="button"><small>View projects on</small>GitHub</a>
</div>
</header>
<div id="content-wrapper">
<div class="inner clearfix">
<section id="main-content">
<div id="main">
<div class="site">
<div id="guides">
<div class="guide">
<div class="main">
<div class="content wikistyle gollum markdown">
<h2>Wiki 是什麼</h2>
<p>依照 wiki 社群的定義，wiki 是一種可以多人共同編輯的網頁。每一個人都可以在上面任意的修改頁面資料。當然，頁面有可能會被惡意使用者刪除；但是由於每個頁面都具有版本管理的，可以回溯到上一個版本，從而避免頁面遭到惡意修改。</p>
<h2>為什麼要用 Wiki</h2>
<p>一般的網頁修改，一方面需要上傳和修改網頁的權限，沒有辦法開放給大眾使用。另外一方面，網頁修改可能涉及到許多技術問題，如 HTML 語法，CSS 語法等等，一般人反而難以使用。wiki 使用較為簡單的文字格式編輯，減少學習的時間及門檻，讓編輯者可以更專注在編輯本身。通常，我們會使用 wiki 進行知識的收集和管理，讓一般人可以藉由 wiki 上的文件更快速的進入狀況。</p>
<h2>尋找 Wiki 頁面</h2>
<p>要尋找頁面裡是否有相應的 wiki 頁面，可以在首頁中點選「Wiki」，或直接點<a href="https://github.com/g0v/dev/wiki">這裡</a>：</p>
<p><img src="http://i.imgur.com/C03Okmg.jpg" alt=""></p>
<p>接著只會進入到 wiki 的首頁。要看到更多頁面，請點選旁邊的「Pages」，或直接點<a href="https://github.com/g0v/dev/wiki/_pages">這裡</a>：</p>
<p><img src="http://i.imgur.com/p5mCAle.jpg" alt=""></p>
<h2>新增、修改 Wiki 頁面</h2>
<p>如果對於 wiki 的內容不滿意，或是覺得需要新增別的條目，可以新增 wiki 頁面，或是對已有的頁面進行修改。新增、修改 wiki 需要先以 github 帳號登入。如果想要修改相應的頁面，點進相應的頁面以後，在右上方點選「Edit Page」：</p>
<p><img src="http://i.imgur.com/Ai12piD.jpg" alt=""></p>
<p>如果找不到相應的頁面，可以點選「New Pages」編輯新的頁面：</p>
<p><img src="http://i.imgur.com/uBTVgiN.jpg" alt=""></p>
<p>這邊可以輸入新的標題，點選「OK」送出。</p>
<p><img src="http://i.imgur.com/goMRlPS.jpg" alt=""></p>
<p>修編輯畢以後，可以點選「Preview」先預覽頁面，也可以點選「Save」存檔退出。</p>
<p><img src="http://i.imgur.com/uSiaRNL.jpg" alt=""></p>
<p>編輯好的頁面就會出現在 Pages 列表上了。</p>
<p><img src="http://i.imgur.com/1qAad2n.jpg" alt=""></p>
<p>可以點選「Page History」觀看修改的歷史紀錄：</p>
<p><img src="http://i.imgur.com/Pb0t4g4.jpg" alt=""></p>
<h2>語法</h2>
<p>github 的 wiki 支援多種語法，其中預設使用的是 <a href="http://markdown.tw/">Markdown</a>。在這邊針對語法按鈕進行說明。</p>
<p><img src="http://i.imgur.com/kFqAlLh.jpg" alt=""></p>
<h3>語法及範例：</h3>
<h4>大標題</h4>
<p>語法：<br><code># 大標題</code></p>
<p>效果： </p>
<h1>大標題</h1>
<hr>
<h4>中標題</h4>
<p>語法：<br><code>## 中標題</code></p>
<p>效果： </p>
<h2>中標題</h2>
<hr>
<h4>小標題</h4>
<p>語法：<br><code>### 小標題</code></p>
<p>效果： </p>
<h3>小標題</h3>
<hr>
<h4>超連結</h4>
<p>語法：<br><code>[Google 首頁](http://www.google.com)</code></p>
<p>說明：<br><img src="http://i.imgur.com/BvTzqb6.jpg" alt=""></p>
<p>效果：<br><a href="http://www.google.com">Google 首頁</a></p>
<hr>
<h4>圖片</h4>
<p>語法：<br><code></code></p>
<p>說明：<br><img src="http://i.imgur.com/4I32IkN.jpg" alt=""></p>
<p>效果：<br><img src="http://i.imgur.com/3iwGfBW.png" alt="g0v Logo圖片"></p>
<hr>
<h4>粗體</h4>
<p>語法：<br><code>**粗體**</code></p>
<p>效果：<br><strong>粗體</strong></p>
<hr>
<h4>斜體</h4>
<p>語法：<br><code>_斜體_</code></p>
<p>效果：<br><em>斜體</em></p>
<hr>
<h4>程式碼</h4>
<p>語法： </p>
<pre><code>`程式碼`</code></pre>
<p>效果：<br><code>程式碼</code></p>
<hr>
<h4>項次</h4>
<p>語法： </p>
<pre><code>* 第1項
* 第2項</code></pre>
<p>效果：<br><em> 第1項
</em> 第2項</p>
<hr>
<h4>編號項次</h4>
<p>語法： </p>
<pre><code>1. 第1項
2. 第2項</code></pre>
<p>效果：<br>1. 第1項<br>2. 第2項</p>
<hr>
<h4>引言</h4>
<p>語法：<br><code>> 引言</code></p>
<p>效果： </p>
<blockquote>
<p>引言</p>
</blockquote>
<hr>
<h4>分隔線</h4>
<p>語法：<br><code>***</code></p>
<p>效果： </p>
<hr>
<hr>
<h4>更多語法</h4>
<p>如果想要自己手動輸入更多不同的語法，可以點擊問號按鈕參考：</p>
<p><img src="http://i.imgur.com/CKiMcIc.jpg" alt=""></p>
<p>除了點擊問號按鈕以外，也可以參考<a href="https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet">這篇文章</a>。</p>
<p>以上，希望各位可以開心的編輯 Wiki !!</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<aside id="sidebar">
<h2>如何參與</h2>
<ul>
<li>IRC: #g0v.tw on freenode</li>
</ul>
<h2>IRC 即時記錄</h2>
<iframe class="logbot" style="height: 500px;" src="http://logbot.owo.tw/widget/g0v.tw"><a href="http://logbot.owo.tw/channel/g0v.tw">#g0v.tw on Logbot</a></iframe>
</aside>
</div>
</div>
</body>
</html>