Transcript 以XAMPP架設個人部落格及相簿

中央大學電子計算機中心
「多媒體與網路應用」資訊推廣課程
XAMPP-架設個人部落格及相簿
2011/03/26
資工二-陳大慶 [email protected]
1
課程大綱
• XAMPP介紹、安裝、設定
• Wordpress安裝、設定
• Gallery安裝
• Wordpress整合Gallery
• 網址更改
2
XAMPP是什麼？
能吃嘛？
3
免費授權軟體
跨平台
個人網頁伺服器
XAMPP
http://0rz.tw/RVkFl
零
L
4
5
6
7
勾選我們需要的服務
8
9
http://localhost/xampp
10
安全也很重要
11
12
下方網頁安全設定連結
13
預設名稱 - root
14
可設成相同帳、密
15
safe mode關閉才能正常安裝
Gallery
16
免費個人部落格軟體
多種外掛、佈景
http://tw.wordpress.org
17
C:/xampp/htdocs/wordpress
18
http:// 你的IP /wordpress/
查詢IP：http://www.ipadress.com
19
20
衝了啦~
21
22
http://localhost/xampp/
23
可以自由設定
登入密碼為之前設定的密碼
24
剛剛設定的資料庫名稱
資料庫網址
資料庫密碼為之前設定的密碼
25
26
以後登入管理的帳號
忘記密碼時會用到
27
疑？ 好快！！
真的有成功嘛？
28
29
30
~(￣▽￣)~(＿△
＿)~(￣▽￣)~
31
32
33
34
選擇『推薦』
or
其他選項
35
36
37
~(￣▽￣)~(＿△
＿)~(￣▽￣)~
38
開始安裝相簿吧~
39
http://gallery.menalto.com/
40
41
42
43
44
45
46
記得打勾喔~
47
管理 -> 使用者/群組 -> 自己 -> 編輯
Rest API key
48
49
50
安裝完要記得啟用喔~
51
52
G3Client設定
Rest API URL : http://IP位置/gallery資料夾名稱
/index.php/rest/
API key : 剛剛看到的遠端存取鑰匙
53
54
建議打勾
55
ERROR!!
原來要開啟php.ini設定檔的extension
56
C:/xampp/php/php.ini
搜尋關鍵字：curl
修改完存檔後，記得重新啟動Apache喔~
57
能正常顯示圖片了！！
58
Gallery3 media picker
Descriptive name : 按照個人喜歡取名嘍（建議取成Gallery）
59
剛剛命名的Descriptive name
選好照片後Insert into Post就可以嘍~
60
61
62
63
64
新增使用者
65
使用者名稱
記得啟用帳號跟設置密碼喔
66
視
情
況
勾
選
新增FTP連結位置
67
140.115.XXX.XXX
數字網址好醜喔
能變好看一點嗎？
68
TWBBS.org 自由網域
69
網域註冊方法
•
•
•
•
申請帳號
註冊新 twbbs 網域 -> 等待新網域名稱通過審核
設定-修改 網域 -> 選擇設定DNS
在位址的空格輸入 IP ->等待DNS生效
70
把IP換成新的網域名稱就行嘍~
71
TeamViewer
•
•
•
•
•
TeamViewer使用port 80，會和XAMPP預設的port相衝突
C:/xampp/apache/conf/httpd.conf （以記事本開啟）
找到 Listen 80 並更改為 Listen 8081，並重啟Apache
切記：修改port後，連結網頁時需在ip後加上 :8081
例子：http://140.115.189.1xx:8081/csie
72
參考資料
XAMPP :
http://www.apachefriends.org/zh_tw/xampp.html
Wordpress :http://tw.wordpress.org
Gallery : http://gallery.menalto.com
浮動IP解決方法 :
http://www.wretch.cc/blog/lovebcat/23350295
TeamViewer port衝突問題 :
http://www.apachefriends.org/f/viewtopic.php?f=16&t=33291
73
END
74