본문 바로가기

작업 공간/프로그래밍 [GCP] 위키 사이트를 만들어 보자 <1>

by 서울나기 2020. 2. 9.

1. 위키 설치하기

구글 클라우드 플렛폼을 이용하면 간단하게 위키 사이트를 만들 수 있습니다. 다양한 위키 플렛폼이 있으나 여기에선 미디어 위키 (MediaWiki)를 사용하여 사이트를 제작하도록 하겠습니다.

1-1. 마켓플레이스로 들어갑니다.

GCP 마켓 플레이스 검색 창에 mediawiki를 검색합니다.

1-2. MediaWiki Certified by Bitnami

미디어위키 가상 머신을 선택합니다. 저는 Bitnami 버전을 선택했습니다. 비트나미는 AMP(아파치, Mysql, PHP)를 풀 패키지로 설치해주는 서버 설치 프로그램입니다.

1-3. 기본 설정

기본 설정을 해줍니다. 이름을 쓰고 지역은 서울 리전인 asia-northeast3-x를 선택해 줍니다. 머신 타입과 디스크 크기를 설정해줍니다. 그리고 하단의 [배포]를 누르면 잠시 후 서버 셋팅이 완료됩니다.

예상 비용을 확인합니다. 저는 개인 위키이므로 초소형 / 10GB SSD를 선택했습니다.

1-4. 접속

서버 세팅이 완료되었네요. 우측 사이드바의 운영자 암호는 기본 암호로 사용되니 기억하세요. Site address에 적혀진 아이피로 접속해 사이트를 확인해봅시다.

서버 셋팅이 완료되면 사이트 id와 초기 관리자 비밀 번호 / SSH 접속등 정보를 볼 수 있습니다.

짜잔~ 이렇게 간단하게 미디어 위키 사이트가 생성되었습니다.


2. 미디어 위키 커스텀

이제 미디어 위키를 커스텀해 봅시다. 리눅스 명령어를 조금 알아야합니다.

2-1 Liberty 스킨 설치하기

리브레 위키에서 만든 Liberty 스킨을 설치하여 사용해 봅시다. 부트스트랩을 이용한 깔끔한 디자인이 돋보이는 스킨으로 여러 위키 사이트에서 사용 중입니다.

리브레 위키 메인 화면

해당 서버의 SSH로 접속합니다.

 

스킨을 git 명령어로 내려받기 위해 git을 먼저 설치합니다. 진행중에 [y/n] 부분이 나오면 y를 눌려 계속 진행합니다.

sudo apt install git-all

미디어 위키의 skin 폴더로 이동합니다.

cd /home/bitnami/apps/mediawiki/htdocs/skins/

git 명령어를 사용하여 Liberty 스킨을 해당 폴더에 내려받습니다.

sudo git clone https://gitlab.com/librewiki/Liberty-MW-Skin.git Liberty

 

ls 명령어를 사용해 제대로 다운로드 됬는지 살펴봅니다.

skin 폴더에 Liberty 스킨이 들어왔습니다.

이제 이전 폴더로 돌아가 Localsettings.php 파일을 수정해야합니다. 미디어 위키를 커스텀하고자 할 때 사용될 파일입니다.

나노(Nano) 에디터를 사용하여 파일을 수정해 보겠습니다.

sudo nano LocalSettings.php 

에디터 모드로 들어왔으면 wfLoadSkin( 'Vector' ); 부분 아래에 다음 문장을 삽입합니다.

wfLoadSkin( 'Liberty' );

이제 페이지를 넘겨 $wgDefaultSkin = "vector"; 부분을 아래와 같이 변경합니다.

$wgDefaultSkin = "liberty";

 

하는 김에 언어 코드도 ko로 바꿔줍니다.

모두 수정했으면 Ctrl + X를 누릅니다. 수정 후 저장할 것인지 물으면 y 를 누르고 엔터를 한번 더 쳐줍니다. 커멘드 쉘로 돌아왔으면 스킨 설치와 설정을 완료한 것입니다.

 

2-2. 기본 설정

사이트로 돌아와 스킨이 적용됬는지 확인해 봅니다. 짜잔 스킨이 제대로 적용 되었군요.

로그인을 해서 기본적인 설정을 해보겠습니다. 초기 로그인 아이디는 user 이며 비밀번호는 구글 클라우드 인스턴스 정보에 적혀져 있습니다. (위 1-4장에 있는 서버 셋팅화면에 나와있는 비밀번호입니다.)

 

로그인 했으면 우측 상단의 환경 설정에 들어갑니다.

User profile에서 Language를 ko-한국어로 바꾸고 Save 해줍니다.

이제 보이기 탭으로 가서 시간대를 아시아/Seoul로 변경하고 저장해 줍니다.


이것으로 아주 기본적인 설정을 마쳤습니다. 보다 자세한 설정은 다음 포스팅에서 다루도록 하겠습니다.

위키를 사용하면 개인 아카이브를 구축할 수 있습니다.

댓글