20180502

DataGrip連接Postgres時,時間顯示異常 (須調整時區)

前言

JetBrains的DataGrip為可連多種資料庫的IDE。

但是在連接Postgres時,則發現顯示出的時間,較實際的時間晚了8小時。

我直覺就是JDBC Client設定時區的問題。

查了一下,果然如此。


解法

1. 開啟Postgres的DataSource

2. 在「VM options:」處輸入 (也可輸入UTC,如果不要GMT的話) (時區增減請自己調整)→

-Duser.timezone=GMT+8

image

收工~~


參考

JetBrains FAQ: https://intellij-support.jetbrains.com/hc/en-us/articles/115000877044-DataGrip-FAQ

20180429

HowTos: 在Windows下如何使用SSH Key以利用PuTTY連接至GitHub

步驟

第1步驟分1.0. Console版跟1.1. PuTTYgen版,請擇一進行即可

0. 安裝TortoiseGit

1.0. 使用Console產生SSH Key

請打開git bash (沒有的話去git for Windows安裝)

輸入以下指令 (x@x.com請改換自己的GitHub帳號)

ssh-keygen –t rsa –b 4096 “x@x.com


產生Key後 (會儲存在C:\Users\使用者名稱下),請指定儲存的檔案名稱,及密碼

image


使用PuTTYgen轉換Key,選擇「Conversions / Import Key」,並選擇剛剛產生的Key檔

image


請輸入Key的密碼,並記得儲存「私鑰 (Private Key)」和「公鑰 (Public Key)」

image


叫出Pegeant,選擇「Add Key」,並選擇剛剛的私鑰 (Private Key)

image


接下來把公鑰 (Public Key)匯出給GitHub

用git bash將公鑰存至剪貼簿  (檔名請自己置換)

clip < ~/.ssh/私鑰檔.ppk

複製好後,請接第2步。



1.1. 使用PuTTYgen產生SSH Key,請開啟PuTTYgen,並確認使用「RSA」及「4096 bits」後,點選「Generate」按鈕


image


再來請利用滑鼠在紅框的位置,隨意亂拉,以建立隨機的Key (建議可以用滑鼠寫名字或畫圖之類的)

image


Key產生後,請輸入Key的密碼,並記得儲存「私鑰 (Private Key)」和「公鑰 (Public Key)」

image


叫出Pegeant,選擇「Add Key」,並選擇剛剛的私鑰 (Private Key)

image


再來請複製公鑰 (Public Key)的值,以利後續至GitHub匯入SSH Key。

image

複製好後,請接第2步。



2. 登入GitHub,

登入後選擇「Settings」

image


選擇「SSH and GPG keys」,在SSH keys選擇「New SSH Keys」 (若已經匯入過,則選「Add SSH Keys」)

image


輸入此Key的Title (建議為電腦名稱,或其他可供辨識的名字)

並將剛剛複製的Key輸入至下方文字框

image

成功後,即可利用PuTTY測試是否能順利連上GitHub


3. 安裝git for Windows

確認使用Plink

image


確認系統環境變數是否已加入「GIT_HOME」、「GIT_SSH」

image


4. 設定TortoiseGit各專案的Remote,選擇剛剛的「私鑰 (Private Key)」

image

至此即可利用TortoiseGit成功Push, Pull


5. 利用PuTTY測試是否能連上GitHub,並且Push, Pull不用再輸入密碼

輸入Host: git@github.com

image

20180406

[X-Wing Special Edition] 如何備份或還原存檔

解答

玩家資料檔在「\Steam\steamapps\common\STAR WARS X-Wing\remastered\*.plt」,其中*號為您命名的玩家名稱。


所以只要備份或還原此檔即可。


使用的路徑

\Steam\steamapps\common\"STAR WARS X-Wing"\remastered\ZAK.PLT  → 這是遊戲目前使用的玩家資料檔

\OneDrive\Zak\ACG\"X-Wing Remasterd"\ZAK.PLT → 這是您備份或還原使用的玩家資料檔

下面請依據個人喜好修改路徑


您可以建立二個bat檔 (Windows環境)

備份 (Bakup X-Wing.bat)

xcopy \Steam\steamapps\common\"STAR WARS X-Wing"\remastered\ZAK.PLT \OneDrive\Zak\ACG\"X-Wing Remasterd"\ /Y


還原 (Restore X-Wing.bat)

xcopy d:\OneDrive\Zak\ACG\"X-Wing Remasterd"\ZAK.PLT \Steam\steamapps\common\"STAR WARS X-Wing"\remastered\ /Y


切記每次戰役成功都要記錄一下,誰知道下次戰役能不能活著回來呢?



簡述

喂喂喂,我很久沒玩X-Wing,一不小心任務失敗被Darth Vader抓去拷打了,怎麼辦,我完美的戰役紀錄破功了。


image




沒關係,X-Wing是很古老的遊戲,沒有雲端備份,不怕救不回來,只要我們備份好完美的玩家資料檔就可以了。


詳見上面的解答區。

[X-Wing Special Edition] 操作手冊在哪兒?

解答

在Steam遊戲資料夾下「\Steam\steamapps\common\STAR WARS X-Wing\remastered\Manual.pdf



簡述

X-Wing這款遊戲是我小時候玩過的經典遊戲之一。日前在Steam上找到了它,趁打折的時候購入了整套。


但是沒有操作手冊啊…


找了一下討論區,原來在安裝資料夾下啊 (原版的我也還在就是了…)

20180305

輕輕鬆鬆學習Bootstrap v-4.0 - Lesson 2: Container Class

Container是Bootstrap的主要容器類別,它必須包住要呈現的網頁內容。

Container分為二種

1. 依裝置可視範圍來決定寬度的RWD Container
將<div class=”container”></div>加入原有的Code

image


將會呈現如下的版面

image



2. 填滿所有可視範圍的Container

將<div class=”container-fluid”></div>加入原有的Code

image


將會呈現如下的版面

image



各位可以很明顯地看出二者之間的差異,要使用哪種端看最後的應用而定。

20180301

輕輕鬆鬆學習Bootstrap v-4.0 - Lesson 1: 取得Bootstrap,並建立第一個頁面

前言

Bootstrap是由Twitter所開發的網頁前端架構,目前最新的版本到達了4.0。本教程將以最簡單、最直接的方式,教導各位學習Bootstrap。

取得Bootstrap

1. 首先連上Bootstrap的網站http://getbootstrap.com。並點擊[Download]進入下載頁面

image



2. MaxCDN很佛心地提供了編譯後的Bootstrap供大家使用,如果各位只是學習用的話,可以利用BootstrapCDN直接嵌入自己的網頁中,方便學習。


在這邊我們會直接使用BootstrapCDN


(若是Production環境,不願意使用他人提供的CDN或是自己已有CDN服務,可以下載「Compiled CSS and JS」

image



3. 用自己喜歡的文字編輯器開啟一個新檔案,名叫「lesson1.html」,並輸入以下文字

image



4. 再來加入BootstrapCDN提供的Bootstrap的CSS, JavaScript (順序不可調換)


懶得打那麼複雜,也可以從第2步的網頁上複製


CSS要放在<head>標籤中


JS則是放在<body>標籤的最下方,Popper.js, jQuery.js必須放在bootstrap.js前方

image



5. Bootstrap必備標籤

image



6. 在頁面中加個按鈕試試

image



7. 打開「lesson1.html」。恭喜您,您的第一個Bootstrap頁面誕生了

image