triumphmayflowerclub.com
ved Mark Smith's email address
Triumphmayflowerclub.com 
Triumph Mayflower Club은 영국 자동차 제조업체 Triumph의 클래식 1950 년대 자동차 인 Mayflower 보존에 전념하는 조직입니다. 이 클럽 자체는 1974 년에 결성되어 2005 년 월드 와이드 웹으로 초기의 제한된 진출을 한 후 2017 년에 부모님이되면서 새로운 웹 사이트를 만들기 위해 2017 년에 의뢰되었습니다. 자동차와 클럽에 대한 자세한 내용이 관심이 있으시면 여기를 클릭하십시오.
이 새로운 웹 사이트는 문서의 마크 업, CSS3 용 CSS3, 소량의 JavaScript (ES6)를 위해 바닐라 html5로 작성되었으며 코드 복제를 최소화하기 위해 정적 사이트 생성기로 jekyll을 사용하여 구축됩니다. 문제없이 주요 "상록수"브라우저 (예 : Chromium 기반 Microsoft Edge, Google Chrome, Mozilla Firefox, Apple Safari 또는 Opera), 데스크탑 또는 모바일에서 실행되도록 설계되었습니다.
프로덕션 사이트의 현재 호스팅 상황은 정적 HTML 사이트 (예 : 틈새 클럽의 예산 제약 조건)를 호스팅하는 데 실제로 적합하므로 예를 들어보다 고급 기능을위한 ASP.NET 핵심 서버 애플리케이션과 같은 다른 것을 호스팅하는 것은 실제로 실용적이지 않으므로 개인 엔지니어링 과제를 볼 수있는 방법을 볼 수 있도록 개인 엔지니어링 과제를 볼 수있는 방법을 볼 수있는 방법을 고려할 수 있습니다. 보다 복잡한 클라이언트 서버 솔루션을 허용하십시오.
카나리아 서버가 자동으로 생성 된 Github 페이지 사이트 기반 최신 master 인 다음과 같은 위치에서 다양한 호스팅 버전을 찾을 수 있습니다.이 스테이징 영역은 새로운 기능을 테스트 할 때 수동으로 배포하는 라이브 웹 사이트의 하위 도메인이며 현재 공개적으로 사용할 수있는 웹 사이트 (수동으로 배포 됨)입니다.
아, 그리고 그 재미를 위해, 여기에는 오래된 웹 사이트가 비교를 위해 보이는 것입니다!
GitHub 릴리스 시스템은 릴리스, 태그 및 게시 버전을 증가시키는 데 사용되며 현재 버전의 웹 사이트 버전에 대한 단일 진실의 소스입니다. Repo의 파일에는 버전 번호가 명시 적으로 유지되지 않습니다.
이 코드베이스는 웹 사이트이므로 항상 최신 변경 사항이있는 라이브 사이트가 하나만 있으므로 릴리스 브랜치를 백 포트 수정으로 유지할 필요가 없습니다.
새 버전의 사이트가 GitHub을 통해 출시되면 웹 사이트는 런타임에 특정 GitHub API 엔드 포인트를 쿼리하여 최신 릴리스의 버전 번호와 게시 날짜를 모두 얻은 다음 각 페이지의 바닥 글에서 최종 사용자에게 표시됩니다.
Semver는 웹 사이트의 버전 번호 구성표로 느슨하게 사용됩니다. 주요 , 마이너 및 패치 부품은 코드베이스에 대한 다음 유형의 변경에 따라 릴리스를 위해 충돌됩니다.
지금까지 두 가지 주요 릴리스가 게시되었으며, 여기에는 주요 변경 사항과 함께 아래에 나열된 다음 주요 업데이트를 위해 현재 진행중인 기능이 있습니다.이 새로운 사이트와 함께 출판 된 이후로 출판 된 모든 역사적 릴리스는 릴리스 페이지에서 찾을 수 있습니다.
이것은 특별한 순서로 미래의 개발에 추가하고 싶은 것들에 대한 비 유명한 목록입니다. 이것은 분명히 변화의 대상이지만 앞으로 올 것이 무엇을 잘 나타내야합니다. 나는 그들이 끝날 때와 같은 일을 진드기로 똑딱 거릴 것이다. 나는 결국 다른 사람들이 대부분의 컨텐츠를 게시 할 수 있도록 충분한 툴링을 제공 한 단계에 도달하고 싶습니다.
나는 코딩에 반드시 익숙하지 않은 사람들이 웹 사이트의 개발에 기여할 수있는 싸움의 기회를 가질 수있는 방식 으로이 readme을 쓰려고 노력했습니다. 클럽 회원과 같은. 따라서 이미 개발자라면 이러한 지침 중 일부는 약간 지나치게 비방처럼 보일 수 있으므로 일부 요소를 건너 뛸 수 있습니다. 반대로, 당신이 너무 기술에 정통하지 않다면, 나는 당신이 사이트를 통해 우리를 도울 수 있기를 원한다면 모든 것을 읽는 것이 좋습니다. 우연히도, 당신은 어떤 수준의 경험 (있는 경우)이 무엇이든 여기에 절대적으로 환영 받기 때문에 지시에 따라 가능한 한 명시 적으로 노력하려고 했으므로 압도적으로 보이면 느끼지 마십시오! 당신이 참여하고 싶지만 손을 시작하고 할 수 있다면 이메일을 보내 주시면 기꺼이 당신을 가게되어 기쁩니다.
대부분의 경우, 이들은 다가오기위한 최소 요구 사항입니다.
엄격히 요구 사항은 아니지만 개인적으로 Windows 직접 개발하므로 당연히이 가이드는 Windows PC에서 개발 환경을 확립하는 데 맞게 조정됩니다. Windows에 있다면 아직 완료하지 않은 경우 Windows 10으로 업그레이드하는 것이 좋습니다.
나는 당신이하고있는 일을 알고 있다고 가정하고 Windows 스타일 라인 엔딩 ( CR+LF )을 고수한다고 가정하면 MacOS 또는 Linux를 사용하여 개발하는 데 아무런 문제가 없습니다. 다른 플랫폼에서 개발하고자하는 사람들에 대한 수요가 충분하다면 앞으로 이러한 지침을 확장 할 수 있습니다. 그러한 개발자라면 해당 지침으로 ReadMe를 업데이트하도록 풀 요청을 제출하십시오!
GIT는 버전 제어 시스템 (VCS)으로 알려져 있으며, 전 세계 수백만 명의 개발자가 코드베이스를 관리하기 위해 매일 사용합니다. 소스 코드 저장소에 대한 변경 사항과 여러 개발자가 지구상의 어느 곳에서나 원격으로 동일한 코드베이스에서 함께 협력 할 수 있도록 도구를 제공하는 포괄적 인 이력을 제공합니다. 새로운 Triumph Mayflower 웹 사이트는 현재 GIT를 VCS로 사용하여 개발 프로세스에 견고한 백본을 제공합니다. 다음 단계에 따라 Windows 용 Git을 설치하십시오.
웹 사이트의 소스 코드는 GitHub (현재 읽고있는 웹 사이트)에서 호스팅됩니다. 소스 코드를 다운로드하여 변경하려면 GitHub 계정에 가입해야합니다.
ssh-keygencat ~/.ssh/id_rsa.pub > /dev/clipboard익숙하지 않은 사람들의 경우, git "저장소" 또는 "REPO" 는 짧은 경우, 인터넷에서 원격 서버가 발견 될 수있는 곳 (또는 로컬 네트워크)에 대한 정보를 포함하는 특정 GIT 관리 메타 데이터 파일과 함께 소스 코드 파일 세트 ( 일반적으로 중앙 집중식 "원격" 서버에 저장)입니다. 누가 그들을 만들었고 어떻게 그들이 동일한 코드베이스에서 작업하는 다른 개발자들을 방해하지 않고 코드의 고립 된 사본을 사용 할 수있는 임시 “지점” 에서 코드의 주요 흐름에 어떻게 통합되었는지.
웹 사이트를 변경하고 변경 사항의 영향을 확인하려면 "클론" 작업이라고하는 소스 코드를 로컬 컴퓨터로 다운로드해야합니다. 이렇게하면 소스 코드 저장소 사본을 파일 시스템에 다운로드하고 GIT가 관리 할 수 있습니다.
C:DevelopmentRepositories 없는 파일 시스템 어딘가에 디렉토리 (폴더)를 만듭니다 C:devC:dev 선택했다고 가정) :cd /c/devgit clone [email protected]:Stack-in-a-box/triumphmayflowerclub.com.gityes 입력하고 [Enter]를 누르십시오.cd triumphmayflowerclub.com리포지토리의 로컬 사본을 다운로드하면 GIT를 구성하여 귀하가 작성한 모든 코드 변경의 저자로 자동 크레딧을 제공하도록 구성해야합니다.
<name> 첫 번째 및 성으로 대체하여 이름을 설정하십시오.git config --local user.name "<name>"<email> 대체하여 이메일 주소를 설정하십시오 (공백이 포함되지 않으므로 이전 단계에서 이름을 설정하는 것과 같이 이메일 주소의 양쪽에 따옴표가 필요하지 않습니다).git config --local user.email <email>Jekyll은 "정적 사이트 빌더" 라고합니다. 이를 통해 페이지의 일반적으로 사용되는 부분 (제목 이미지, 탐색 표시 줄, 페이지 바닥 글, 기본 스타일 등)을 특정 페이지에서 단순히 참조되는 단일 파일로 "인자" 하여 코드베이스 전체의 반복 코드의 양을 줄일 수 있습니다. 그런 다음 Jekyll이 사이트를 "빌드"하기 위해 실행되면 사실이 포함 된 코드를 각 소스 파일에 다시 삽입하여 재구성 된 파일 세트를 생성 한 다음 라이브 서버에 배포하고 웹 브라우저에서 열 수 있습니다.
( 참고 : 2020 년 7 월에 글을 쓰는 시점에서 Jekyll은 WSL 2를 완전히 지원하지 않습니다. 소스 파일이 변경 될 때마다 자동 트리거 된 재건을 허용하는 jekyll serve 기능에 필요한 모든 파일 시스템 업데이트 이벤트를 수신하지 않으므로 WSL 1을 사용하여 시간을 보내십시오).
Enable-WindowsOptionalFeature -Online -FeatureName Microsoft-Windows-Subsystem-Linuxbash 프롬프트에서 <username>@<machine>:~$ 와 같은 것으로 보이는 Bash 프롬프트에서 다음 명령을 실행하여 설치할 수있는 패키지 목록과 리포지토리를 설치하려면 (프롬프트가있을 때 Unix 비밀번호를 입력하십시오). 완료하는 데 시간이 걸립니다.sudo apt-get update -y && sudo apt-get upgrade -ysudo apt-add-repository ppa:brightbox/ruby-ng (확인을 위해 [Enter]를 누르십시오)sudo apt-get updatesudo apt-get install ruby2.7 ruby2.7-dev build-essential (요청시 “Y”를 입력)sudo gem updatesudo gem install jekyll Jekyll이 Ubuntu 터미널 세션에서 설치를 마치고 저장소 저장 위치로 C:dev 선택했다고 가정하면 다음 단계를 수행하여 로컬 개발 서버 인스턴스를 스핀 업하십시오.
cd /mnt/c/dev/triumphmayflowerclub.comjekyll serveServer running... press ctrl-c to stop. 표시됩니다. 이 시점에서 웹 브라우저를 열고 http : // localhost : 4000/로 이동하여 소스 코드의 로컬 사본에서 로컬로 실행되는 웹 사이트를보십시오....done in x seconds. 여기서 x 새로운 변경 사항을 생성하는 데 필요한 초의 수입니다). 이 시점에서 브라우저에로드 된 페이지를 새로 고칠 수 있으며 변경 사항이 사이트에 나타납니다.( 참고 : Jekyll은 새로운 파일이 생성 될 때 항상 알지 못하므로 브라우저를 새로 고치고 페이지에 액세스 할 수 없으면 Jekyll을 닫고 다시 실행하면 새 페이지를 빌드에 포함시켜야합니다.)
개발에 사용할 수있는 몇 가지 도구를 권장했습니다. 이들 중 어느 것도 필요하지 않으며, 사이트에서 작업을보다 쉽게 만들 수 있습니다.
웹 사이트에 커밋하기 전에 웹 사이트에 대한 변경 사항을 테스트하기 위해 Microsoft Edge (Windows 10에 포함) 또는 Google Chrome과 같은 웹 브라우저, 바람직하게는 크롬 기반의 웹 브라우저가 필요합니다.
웹 사이트의 소스 코드를 수정하려면 좋은 텍스트 편집기가 필요합니다. 현대적이고 경량, 크로스 플랫폼이므로 Visual Studio Code를 사용하는 것이 좋습니다. 구문 강조 표시, 코드 완료, Intellisense 및 큰 플러그인 생태계와 같은 본격적인 IDE에서 일반적으로 찾을 수있는 많은 기능이 있습니다. 바닐라 HTML, CSS 및 가끔 자바 스크립트를 사용한 간단한 웹 사이트 개발을 위해서는 구성 변경이나 추가 플러그인 없이는 상자에서 매우 잘 작동해야합니다.
필수는 아니지만 사이트에 포함시키기 위해 뉴스 기사 나 콘텐츠를 작성할 때 유용 할 수 있습니다. 코드 표준 (미래의 어느 시점에서 문서화하기 위해), "스마트 인용문" , EN Dashes 등의 정식 버전은 사무실의 일부로 유료 소프트웨어와 같은 소프트웨어가 분명하게 제공되며, 무료, 공개적으로 대체 할 수 있습니다.
Photoshop은 사진 편집에 사용하는 것이지만 대부분의 편집자는 간단한 편집 작업을 잘 수행해야합니다.
이 프로젝트에 대한 나의 비전은 진화하는 것처럼, 개발자와 비 기술적 기여자의 소규모 핵심 팀을 끌어 들이기 시작하여 일부 오픈 소스 웹 사이트 개발로 손을 잡고 싶어하는 사람들이 그렇게 할 수있는 좋은 장소가 될 것입니다. 더 많은 팀원이 있으면 기능 추가, 주요 리팩터 및 새로운 기술 통합 작업을 수행 할 수 있습니다.
결국, 비 기술적 클럽 회원이 저자를 저술하고 최소한의 기술적 개입으로 사이트에 포함시키기 위해 뉴스 기사 및 기타 콘텐츠를 제출할 수 있도록 간단하고 맞춤형 CMS 스타일의 저작 도구를 개발할 시간이 있다면 좋을 것입니다. 이 사이트는 예측 가능한 미래를 위해 기술적으로 생각하는 사람들이 수동으로 업데이트해야하지만 언젠가이 단계에 도착할 수 있기를 바랍니다.
준비 또는 라이브 사이트를 배포하려면 다음을 수행하십시오.
jekyll build_site 디렉토리로 이동하십시오.beta.triumphmayflowerclub.com 또는 public_html 하위 디렉토리로 이동하십시오.index.html 삭제하고 index.html 로 updating.html 이름을 바꿉니다. 이상적으로, 이것은 누군가가 홈페이지를로드 할 수없는 위험을 최소화하기위한 원자 운영이지만, 이런 일이 발생하는 기간과 웹 사이트에 액세스하는 사람들이 실제로 문제가되지 않는다는 것을 의미합니다. 지속적인 배포를 위해 GitHub 조치를 사용하기 시작하면 올바르게 해결됩니다.index.html 을 제외하고 왼쪽 소스 패널의 모든 파일을 선택하고 오른쪽 대상 패널로 끌어 올리십시오.index.html 복사하여 덮어 쓰십시오. 배포가 완료되었습니다. 나와 함께 터치 해야하는 경우 (Andi Emma Davies-Wilcox-리드 개발자) 다음 이메일 주소로하십시오 : [email protected]
Copyright © Stack-in-A-Box 소프트웨어 2017–2021
Copyright © Triumph Mayflower Club 2005-2021
