2014年5月8日 星期四

Eclipse 佈景主題


好久沒來寫我的Blog了,就來篇讓Eclipse(日蝕)變的美美的的教學!

Eclipse UI theme plugin


在help -> Install New Software -> Add



Name: 隨你打自己想要的名字
Location: https://raw.github.com/guari/eclipse-ui-theme/master/com.github.eclipseuitheme.themes.updatesite


Eclipse Color theme plugin


在help -> Install New Software -> Add

Name: 隨你打自己想要的名字
Location: http://eclipse-color-theme.github.com/update


下面是安裝後,Eclipse佈景樣式


這裡是安裝後的文字樣式,我個人喜歡obsidian


最後祝福你們好好的享受你的eclipse畫面啦!

P.S. 當然上面這些樣式都是可以跨平台的,只要eclipse可以跑的都可以安裝。

2014年2月19日 星期三

2014年2月5日 星期三

HTML5 學習筆記

HTML5 學習筆記




P.S. HTML5現在可以不用使用雙引號(單引號)來宣告。像是像是link後面的href=可以直接連接CSS檔案的路徑(看你要用絕對路徑還是相對路徑。),而不用<link href='XXX.css'>。
※不過如果像是HTML元素內的class、id等等,像是如此class="nav navbar",你必須要用雙引號(單引號)來告訴瀏覽器知道這是class的宣告。

HTML5 宣告

<!DOCTYPE html>
<html lang=zh-tw>
<head>
  <meta charset=utf-8>
  <title>你的網站標題</title>
  <meta name=keywords content=網站的關鍵字,可以用〝,〞來寫多個關鍵字。>
  <meta name=description content=你網站的描述。>
  <meta name=author content=您的名字或者暱稱。>
  <meta name=copyright content=你的版權宣告。>
  <link rel=stylesheet href=你的CSS檔案的路徑>
  <script src=你的JS檔案的路徑 ※建議主要的JS函式庫。></script>
</head>
<body>
/******************************************************
 *                HTML元素放置區域。
 ******************************************************/
<script src=你的JS檔案的路徑 ※建議子網頁的JS設定></script>
</body>
</html>

頁面元素

header 元素

header表示頁面中一個內容區塊或者整個頁面的標題。

HTML5
<header></header>

HTML4
<div id="header"></div>

nav元素

nav表示頁面中導覽連結的部分。
HTML5
<nav></nav>
HTML4
<div id=nav></div>

article元素

article表示頁面中的一塊與上下文不相關的獨立內容
HTML5
<article></article>

HTML4
<div id="article"></div>

section元素

section表示頁面中的內容區塊。
HTML5
<section></section>
HTML4
<div id="section"></div>

aside元素

aside表示aside元素的內容之外與article元素的內容相關的輔助資訊。
HTML5
<aside></aside>
HTML4
<div id="aside"></div>

footer元素

footer表示整個頁面或頁面中一個內容區塊的註腳。
HTML5
<footer></footer>
HTML4
<div id=footer></div>

hgroup元素

hgroup用於對整個頁面或頁面中一個內容區塊的標題進行組合。
HTML5
<hgroup></hgroup>

HTML4
<div id="hgroup"></div>

figure元素

figure表示一段獨立的流內容
HTML5




2013年10月16日 星期三

Linux $PATH 設定

terminal 開啟

sudo gedit .bashrc

路徑設定-
> export PATH=/xxx/xxx/:$PATH

source .bashrc

2013年10月15日 星期二

Gae + Wordpress,eclipse篇!

事前準備,eclipse + PyDev + Gae,還有MySQL都把他搞定,我這裡就不贅述了!

1. 進去建立專案


2. 到Wordpress網站下載最新版本

3. 解壓縮至專案

4.檔案如下圖,app.yaml、cron.yaml、php.ini與剛剛解壓縮的wordpress

 5. app.yaml的程式碼如下
application: 你的專案
version: wp
runtime: php
api_version: 1

handlers:
- url: /(.*\.(htm$|html$|css$|js$))
  static_files: wordpress/\1
  upload: wordpress/(.*\.(htm$|html$|css$|js$))
  application_readable: true

- url: /wp-content/(.*\.(ico$|jpg$|png$|gif$))
  static_files: wordpress/wp-content/\1
  upload: wordpress/wp-content/(.*\.(ico$|jpg$|png$|gif$))
  application_readable: true

- url: /(.*\.(ico$|jpg$|png$|gif$))
  static_files: wordpress/\1
  upload: wordpress/(.*\.(ico$|jpg$|png$|gif$))

- url: /wp-admin/(.+)
  script: wordpress/wp-admin/\1
  secure: always

- url: /wp-admin/
  script: wordpress/wp-admin/index.php
  secure: always

- url: /wp-login.php
  script: wordpress/wp-login.php
  secure: always

- url: /wp-cron.php
  script: wordpress/wp-cron.php
  login: admin

- url: /xmlrpc.php
  script: wordpress/xmlrpc.php


- url: /(.+)?/?
  script: wordpress/index.php

6. cron.yaml內容如下
cron:
- description: wordpress cron tasks
  url: /wp-cron.php
  schedule: every 2 hours

 7. php.ini內容如下
google_app_engine.enable_functions = "php_sapi_name, gc_enabled"

 8. 把wordpress底下的wp-config-sample.php的檔名重新命名為wp-config.php

// ** MySQL 設定 - 您可以從主機服務提供商獲取相關資訊。 ** //
/** WordPress 的資料庫名稱,請更改 "database_name_here" */
define('DB_NAME', 'database_name_here');

/** MySQL 資料庫使用者名稱,請更改 "username_here" */
define('DB_USER', 'username_here');

/** MySQL 資料庫密碼,請更改 "password_here" */
define('DB_PASSWORD', 'password_here');

/** MySQL 主機位址 */
if(isset($_SERVER['SERVER_SOFTWARE']) && strpos($_SERVER['SERVER_SOFTWARE'],'Google App Engine') !== false) {
  define('DB_HOST', ':/cloudsql/專案:資料庫(同database_name_here)');
}else{
  define('DB_HOST', 'localhost'); //本地端開發用
}

 接下來就好好享受開發ㄉ樂趣吧!


2013年10月1日 星期二

Google App Engine的PHP使用申請加上安裝!!!

本網頁適用於想要在GAE上面開發PHP網頁的開發者觀賞


1.先到AppEngine SDK下載的網站,並點擊使用PHP申請

2.進到連結裡並且按註冊      P.S.要先登入Google 帳號

3.申請成功頁面

4.取得PHP的SDK

5. 選擇您使用的作業系統,像小弟我就是用Windows就選擇Windows。


6.告訴您的作業系統上必須安裝的軟體  
                          P. S.只要安裝最新版本的1.8.5(SDK for Python),就可以了

7.這是在Linux下開發必要的檔案



後記:做到最後,只要已經把PHP使用權申請過後,以後就只要下載SDK for Python的版本就好了。