친애하는 독자 여러분, 이 시리즈의 두 번째 부분에 오신 것을 환영합니다. 어떻게 휴대전화를 통해 사이트나 블로그를 만드는지 배우세요.

쾌속 소결

내가 말한 대로 이것은 이 시리즈의 두 번째 부분이다. 만약 당신이 첫 번째 부분을 놓치면 여기로 돌아가서 읽을 수 있다.
Create a blog on your mobile phone part 1 .
다른 문장을 읽는다면, 너는 정말 그 문장을 더욱 상세하게 읽어야 한다. 왜냐하면 이 문장은 단지 우리가 다른 문장에서 배운 기초 위에 세워져 있기 때문이다
그러나 우리는 매우 중요한 것을 많이 배웠다.

모바일 블로그의 개념

무료 웹 사이트/블로그를 만드는 방법

사이트/블로그를 휴대전화로 복제하는 방법

그리고 모든 다른 일을 포기

내 말만 믿지 말고 네가 직접 한 번 읽어야 한다.

요구 사항

본 강좌를 계속 공부하기 전에, 당신은 적어도 아래 열거한 내용의 기본 지식을 갖추어야 합니다

HTML

네트워크 작동 방법(섹션 1 참조)

그래, 이것이 바로 네가 이 시리즈의 이 부분에서 필요로 하는 모든 것이다...

제키르에 오신 걸 환영합니다.

나처럼 궁금하면 제킬이 뭔지 스스로 물어볼 거야

제킬은 도대체 뭐야?

Jekyll는 정적 사이트 생성기입니다.이것은 당신이 가장 좋아하는 태그 언어로 텍스트를 작성하고, 레이아웃을 사용하여 정적 사이트를 만듭니다.너는 사이트의 외관, URL, 페이지에 표시된 데이터 등을 조정할 수 있다
정의에서 너는 이 생각을 얻었다...Jekyll은 정적 웹 사이트의 순수한 html 텍스트로 변환될 뿐입니다.
정태는 동적 대립면이다. 제이킬을 Word Press와 다른 동적 사이트를 바탕으로 하는 동적 사이트의 대립면으로 상상한다.
물론 정태는 내가 jekyll을 좋아하는 특성 중 하나이다. 정태는 당신의 페이지가 불러오는 속도가 매우 빠르고 제3자 내용(당신은 자신의 내용과 코드를 가지고 있다)이 없으며 설정하고 맞춤형으로 제작하기 쉽다는 것을 의미한다. 마치 당신이 Html, Css와 js만 있는 사이트를 만드는 것처럼 세상에, 이게 얼마나 빠른지...
Shopify Liquid는 다른 모든 멋진 기능 및 플러그인 외에도 다음과 같이 사용됩니다.
Lquid는 shopify에서 만든 소스 템플릿 언어로 Ruby로 작성됩니다.
제가 제이킬과 github가 완전 공짜라고 말씀드렸나요?
그래.

jekyll의 자원 배우기
다음 링크에서 제이킬과 리퀴드에 대한 모든 정보를 알 수 있습니다

jekyll official documentation

liquid official documentation

git 소개
무엇이 git입니까?
Git는 분산 버전 제어 시스템으로 모든 파일의 변경 사항을 추적합니다.기다리다
기본적으로git는 변경 사항을 원격 저장소로 제출, 끌어오기, 전송하는 데만 사용됩니다
이곳에는 많은 용어가 사용되고 있으니 걱정하지 마세요. 곧 그것들의 작용을 볼 수 있을 거예요. 그런데 그 전에 제가 그것들이 무엇인지, 그리고 어떻게 당신의 휴대전화에 사이트를 만드는지 소개해 드릴게요.

제출: 이 명령은 변경 사항을 로컬 저장소에 저장하는 데 사용됩니다(본 시리즈의 제1부분에서 휴대전화로 복제된 사이트)

PUSH: 이 명령은 원격 저장소에 제출한 모든 파일을 푸시하는 데 사용됩니다.

원격 재구매: 모든 팀원들이 변경된 공공 저장소를 교환합니다.이 저장소는 코드 위탁 관리 서비스에 저장된다. 예를 들어 Github(Github는 바로 이곳에서 온 것이다)

연결점...
핸드폰으로 블로그를 쓰는 것과 무슨 상관이 있는지 생각하실 수도 있어요...
위의 해석을 보면, 너는 단지 두 가지 일만 필요로 한다

원격 저장소

Git 명령 실행 위치
너는 이미 원격 환매 협의가 있으니 걱정하지 마라. 나는 너에게 휴대전화에서git명령을 어떻게 집행하는지 소개할 것이다

나는 우리가 이야기를 끝냈다고 생각한다...
너무 많은 토론과 해석 (나는 정말 네가 이해하기를 바란다) 이제 토론을 멈추고 일이 어떻게 돌아가는지 보여주자
점심 먹으러 가자, 너의 spck 편집자[The one you downloaded on the previous post]

너의 복제 프로젝트는 이렇게 해야 한다
이제 네 콘텐츠를 올릴 때가 됐어.
이미지 폴더로 아래로 스크롤하고 선택하기

그림 폴더는 다음과 같습니다
세 개의 점(이미지 폴더 메뉴)을 클릭하고 파일 업로드를 클릭하세요.

클릭하여 파일 업로드
지금 당신의 사랑의 사진이나 사이트 로고를 한 장 올리세요.
이제 프로필을 편집하고 사이트를 사용자 정의해서 자신의 정보를 표시할 때가 되었습니다
그림 폴더를 닫고 다음 이름으로 찾기 및 열기
구성yml
네가 그것을 열었을 때, 너는 아래의 이런 물건을 보게 될 것이다

프로필은 다음과 같습니다
기본적으로, 당신이 이곳에서 편집한 어떤 것도 당신의 사이트에 커다란 영향을 미칠 수 있으므로, 당신이 이곳에서 만나는 물건을 조심해야 한다
먼저 이름을 변경하고 프로필에서 이름을 변경합니다

name: your name
#Change it to the name you want to use
#name: Spruce

설명도 변경

description: web developer from somewhere
#Change it to anything you want, just dont make it too look (seo issues)
#description: web developer based in Edo, Nigeria

너는 네가 올린 사진을 아직도 기억하니?네, 사용할 때가 됐어요.네가 이 시리즈의 첫 부분에서 읽은 Getting Started With The Web에서 나는 네가 이제 인터넷이 어떻게 작동하는지 알 것 같아...

avatar: https://....
#Change it to the file you uploaded earlier
avatar: /images/spruce.jpg #in my case

스크립트 링크를 편집하고 좋아하는 소셜 미디어를 스크립트 링크에 추가합니다

footer-links:
  dribble: dribble username
  email:
  facebook:
  ..... etc

당신의 URL을 당신의 사이트 URL으로 변경합니다

url: github-username.github.io
#where github username is changed to your username
url: sprucestatic.github.io #in my case 

참고 사이트가 "github username.github.io"인 경우 baseurl 요약을 비워 두십시오. 그러나 사이트가 "github username/static site name"인 경우 "/static site name"을baseurl에 추가하십시오.
하지만 처음부터 이 시리즈에 관심이 있다면 베이스 URL을 비워 두세요...
이제 저희가 설명했던 Git 명령을 사용할 때가 됐어요.
spck 편집기에서
편집기 밑에 있는 마지막 갈라진 아이콘을 누르십시오

오른쪽 마지막 포크 아이콘을 누르십시오
일단 포크 아이콘을 클릭하면 아래의 이런 것을 볼 수 있을 것이다

클릭하여 모두 제출
다음 단계는 간단합니다.

모두 제출

을 클릭

제출 메시지 입력

제출 메시지에 어떤 내용을 입력할 수 있지만, 이것은 당신이 생각하는 것만 한 무더기 써야 한다는 것을 의미하지 않습니다. 제출 메시지는 프로젝트에 대한 변경 사항을 간략하게 설명해야 합니다.
제출에 대한 우리의 정의를 보면 변경 사항을 로컬 컴퓨터에 저장할 뿐입니다. 우리의 경우 핸드폰입니다. 즉, 이러한 변경 사항은 웹에 반영되지 않습니다. 현재 이것이 GIT PUSH가 나타나는 곳입니다.Push는 말 그대로 저장된 제출을 원격 리포(github에서 위탁 관리하는 리포)로 전송해 인터넷에서 볼 수 있도록 하는 것이다.
이미 알고 있는 바와 같이 클론 항목을 편집, 업로드 및 커밋하려면 데이터 연결이 필요하지 않습니다.그러나 변경을 추진할 때 데이터 연결이 필요하므로 데이터 연결을 계속 열고 다음 절차를 따르십시오
변경을 추진하려면 다음 절차를 따르십시오.

마지막 포크 아이콘

을 다시 클릭

버튼 클릭

확인 클릭

변경 내용 밀어넣기 대기
자, 당신의 사이트는 곧 인터넷에서 당신의 변화를 볼 수 있습니다...
계속해서 당신의 사이트를 미리 봅시다

핸드폰에서 당신의 사이트는 이렇습니다.

개인용 컴퓨터에서 당신의 사이트는 이렇습니다
자, 이 시리즈의 이 부분의 결말입니다...다음 역은 블로그입니다. 읽어주셔서 감사합니다...

이 시리즈의 앞부분
Create a blog on your mobile phone part 1