사진 스트림은 처음에 @Maxvoltar가 만든 사진을위한 간단한 집입니다. @waschinski, @boerniee 및 친구가 관리합니다. 사용하기 쉽고, 자체 호스팅, 추적 없음, 사진 만.
렌더에 대한 무료 계획에서 호스팅 된이 저장소의 데모가 있습니다.
우리는 사진을 찍고 공유하는 것을 좋아합니다. 문제는 실제로 사진을 소유하기가 어렵다는 것입니다. 요즘 소셜 미디어에서 어떻게 대표되는지가 어렵 기 때문에 우리는 그들을 위해 자리를 잡기 시작했습니다. 원하는 곳 (NetLify, Github 페이지 ...)에 직접 호스팅하면 통제 중입니다.
이전에 사진 스트림을 설치하는 권장 방법은 저장소를 포크하는 것이 었습니다. 내 생각에 이것은 실제로 최적이 아니었고 Docker의 팬이었던 것은 컨테이너에서 사진 스트림을 실행하기 위해 최적화 작업을 시작했습니다. 그렇기 때문에 구성이 _config.yml
에서 .env
로 이동 한 이유이므로 초기 리포에서 전환 할 때 .env
파일을 설정해야합니다.
Docker Hub에는 이미지가 있습니다.
docker pull waschinski/photo-stream:latest
또는 docker-compose.yml
파일을 다운로드하고 필요에 따라 구성을 변경하고 다음 명령을 사용하여 사진 스트림을 실행하십시오.
docker-compose up -d
photos
폴더는 볼륨으로 장착 할 수 있습니다. 사진을 original
이라는 폴더에 넣으십시오.
linux/arm/v6
만 해당) :전제 조건 : Docker 및 Docker-Compose는 RPI에 설치됩니다
docker-compose.yml에서 댓글 image
섹션, 무책임한 build
섹션 및 setup BASE_IMAGE
arg to arm32v6/ruby:3.1.2-alpine3.16
.
그런 다음 docker-compose build
그런 다음 docker-compose up -d
릴리스 페이지에서 최신 버전을 잡고 추출하십시오.
사진 스트림을 실행하려면 다음 요구 사항을 충족해야합니다.
설치 방법은 OS에 따라 다릅니다. 데비안 사용자는 sudo apt-get install build-essential
사용하여 MACOS에서는 xcode-select --install
사용하면 괜찮습니다.
루비가 이미 설치되어 있는지 확인하십시오 ( ruby -v
). 그렇지 않은 경우 여기에 제공된 설치 지침을 따를 수 있습니다.
Libvip을 설치하는 방법에 대한 지침은 여기에서 찾을 수 있습니다.
다음으로 Jekyll을 설치해야합니다 (간단한 gem install bundler jekyll
충분해야합니다). 진행하기 전에 요구 사항을 충족하거나 설치하십시오.
이러한 모든 요구 사항이 충족되면 최종적으로 사진 스트림에 필요한 모든 보석을 설치할 수 있습니다 (사진 스트림 폴더에 있어야 함).
bundle install
이 repo를 포크하고 photos/original
폴더에 자신의 사진을 추가하십시오. 렌더 계정에 로그인하거나 새 계정을 작성하십시오. 렌더링 대시 보드에 새 정적 사이트를 만듭니다. GitHub 계정을 연결하고 사진 스트림 저장소를 선택하십시오. 올바른 분기를 선택하고 빌드 명령 ( bundle exec jekyll build
)을 조정하고 디렉토리 ( _site
)를 게시하십시오. 고급 아래에서 Add Secret File
하고 조정 된 환경 변수가 포함 된 .env
파일을 만듭니다. 이 파일을 Repo에서 직접 변경하고 이전 단계 (비밀 파일 추가)를 건너 뛸 수는 있지만 테스트하지 않았습니다.
photos/original
디렉토리에 사진 (크기 조정되지 않음)을 넣으십시오. 선택적으로 당신은 그들에게 사진 페이지와 RSS 피드의 제목으로 표시되는 이름을 줄 수 있습니다.
이 명령은 로컬 컴퓨터의 정적 페이지를 제공합니다. http : // localhost : 4000
bundle exec jekyll serve
정규 웹 호스트에 업로드 할 사이트를 정적으로 구축 할 수도 있습니다.
bundle exec jekyll build
이제 _site/ directory의 내용을 웹 서버에 업로드하십시오.
_scripts
폴더에서 직접 실행 해야하는 스크립트를 실행하면 다음과 같습니다.
sh ./_script/build-n-lftp.sh
rsync.sh
및 lftp.sh
그에 따라 사이트를 제작하는 동안 build.sh
사이트를 구축합니다. build-n-rsync.sh
및 build-n-lftp.sh
는 단순히 두 단계를 모두 수행하고 있습니다. .env
파일에서 동기화 구성을 추가하는 것을 잊지 마십시오.
가장 먼저하고 싶은 것은 /.env
에서 몇 가지를 편집하는 것입니다.
TITLE
: 사진 스트림의 제목.EMAIL
: 귀하의 이메일 주소 (이 줄은 선택 사항입니다. 제거 할 수 있습니다).AUTHOR_NAME
: 당신의 이름.AUTHOR_EMAIL
: 이메일 주소 (선택 사항).AUTHOR_WEBSITE
: 귀하의 웹 사이트 (이 사진 스트림의 주소 일 수 있음).DESCRIPTION
: 사진 스트림 설명.BASEURL
: 비워거나 제거해야합니다 URL
:이 사진 스트림이 어디에 살고 있습니까 (예 : https://maxvoltar.photo
)는/또는 링크가 엉망으로 끝나지 않아야합니다.SHOW_RSS_FEED
: RSS 피드 버튼을 표시하거나 비활성화하려면 1
또는 0
으로 설정하십시오.SHOW_OFFICIAL_GITHUB
: 공식 GitHub 리포지토리에 대한 링크를 표시하거나 비활성화하려면 1
또는 0
으로 설정하십시오.DEFAULT_REVERSE_SORT
: 사진 정렬 순서를 뒤집고 가장 오래된 사진을 먼저 표시하려면 이것을 1
로 설정하십시오. 기본값은 0
까지.ALLOW_ORDER_SORT_CHANGE
: 사용자가 사진의 정렬 순서를 뒤집을 수 있도록 이것을 1
로 설정하십시오.ALLOW_ORIGINAL_DOWNLOAD
: 사용자가 원래 크기로 사진을 다운로드 할 수 있도록 이것을 1
로 설정하십시오.ALLOW_INDEXING
: 메타 태그 robots
추가하여 크롤러가 사진 스트림을 색인화하는 것을 방지하기 위해 이것을 0
으로 설정하십시오. 기본값은 1
입니다.ALLOW_IMAGE_SHARING
: 사용자가 친구와 이미지를 공유 할 수 있도록 이것을 1
로 설정하십시오. 기본값은 1
입니다.TWITTER_USERNAME
: 트위터 사용자 이름 또는이 라인을 제거/댓글을 달아라.GITHUB_USERNAME
: github 사용자 이름 또는이 줄을 제거/댓글을 달아라.INSTAGRAM_USERNAME
: Instagram 사용자 이름 또는이 줄을 제거/댓글을 달아라.SYNCUSER
: 쉘 스크립트에서 LFTP/RSYNC에서 사용하는 사용자 이름을 웹 서버와 동기화합니다.SYNCPASS
: SHELL 스크립트에서 LFTP/RSYNC에서 사용하는 비밀번호는 사이트를 웹 서버와 동기화합니다.SYNCSERVER
: 사이트가 동기화되는 쉘 스크립트에서 LFTP/RSYNC에서 사용중인 웹 서버의 URL.SYNCFOLDER
: 사이트가 동기화되는 쉘 스크립트에서 LFTP/RSYNC에서 사용중인 웹 서버의 폴더. 소셜 핸들의 @
를 포함하지 마십시오. GitHub, Twitter 및 Instagram 프로파일에 대한 링크는 설정할 때만 표시됩니다.
귀하의 웹 사이트를 게시하기 전에 Jekyll은 사진을 3 개의 다른 버킷으로 크게 조정합니다.
/photos/large
: 사용자가 사진 페이지로 탐색 할 때만 표시됩니다. 기본적으로 이들은 최대 2048, 높이 2048로 크기가 작용됩니다. 원한다면 /_config.yml
의 값을 변경하여이를 변경할 수 있습니다 (기본적으로는 다음과 같이 보입니다. resize_to_limit: [2048, 2048]
)./photos/thumbnail
: 이들은 그리드에 사용됩니다. 사진 스트림은 접힘 위의 모든 썸네일을로드 한 다음 아래로 스크롤 할 때 더 많은 것을로드합니다. 대역폭을 절약하기 위해 모두. 이들의 표준 크기는 640 x 640 (최대)이지만 필요한 경우 변경할 수도 있습니다./photos/tint
: 페이지가 첫 번째 썸네일 배치를로드하는 동안 사진 페이지의 배경으로 사용하는 것입니다.