grabatar로 사이트에 자신의 아바타 사진 표시 (RAILS)
이미지
1. Gravatar 등록, 사진 업로드
2. 코드
application_helper.rbmodule ApplicationHelper
def avatar_url(user)
gravatar_id = Digest::MD5::hexdigest(user.email).downcase
"https://www.gravatar.com/avatar/#{gravatar_id}.jpg?d=identicals&=150"
end
end
설명 : 사용자 객체에서 사용자 이메일을 입력 매개 변수로 가져옵니다. Digest::MD5::hexdigest에서 user email을 md5 표준으로 변환하고 (참고 : https://qiita.com/tdrk/items/2272f19cf0229df69554), 변수 gravatar_id에 할당.
그리고 다음 링크로 돌아갑니다.
3. 자신의 등록 이메일의 MD5를 체크
우선 htps //w w. md5는 sh 겉보기와 r. 코m/
에서 자신의 이메일 주소를 입력하여 MD5 해시를 생성합니다.
다음 http://gravatar.com/avatar/ 생성된 해시.jpg
URL을 치면 GRAVATAR로 등록한 이미지가 표시됩니다.
이것은 사실 #2의 코드 흐름과 비슷합니다.
4. HTML에 image_tag 추가
예 .html.erb <a href="#" class="dropdown-toggle" data-toggle="dropdown"
role="button" aria-haspopup="true" aria-expanded="false">
<%= image_tag avatar_url(current_user), class: "image-circle avatar_small" %> 
<%= current_user.fullname %> <span class="caret"></span></a>
class: "image-circle avatar small"%> 부분에서 아바타를 둥글게 하고, scss 설정한 avatar의 크기를 적용해, 사이에 공백을 둡니다.
5. 보충
avatar_url은 도우미이므로 앱 내 어디서나 사용할 수 있습니다.
Reference
이 문제에 관하여(grabatar로 사이트에 자신의 아바타 사진 표시 (RAILS)), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/YANG_LIU/items/e219acfab180f45555b2
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
2. 코드
application_helper.rbmodule ApplicationHelper
def avatar_url(user)
gravatar_id = Digest::MD5::hexdigest(user.email).downcase
"https://www.gravatar.com/avatar/#{gravatar_id}.jpg?d=identicals&=150"
end
end
설명 : 사용자 객체에서 사용자 이메일을 입력 매개 변수로 가져옵니다. Digest::MD5::hexdigest에서 user email을 md5 표준으로 변환하고 (참고 : https://qiita.com/tdrk/items/2272f19cf0229df69554), 변수 gravatar_id에 할당.
그리고 다음 링크로 돌아갑니다.
3. 자신의 등록 이메일의 MD5를 체크
우선 htps //w w. md5는 sh 겉보기와 r. 코m/
에서 자신의 이메일 주소를 입력하여 MD5 해시를 생성합니다.
다음 http://gravatar.com/avatar/ 생성된 해시.jpg
URL을 치면 GRAVATAR로 등록한 이미지가 표시됩니다.
이것은 사실 #2의 코드 흐름과 비슷합니다.
4. HTML에 image_tag 추가
예 .html.erb <a href="#" class="dropdown-toggle" data-toggle="dropdown"
role="button" aria-haspopup="true" aria-expanded="false">
<%= image_tag avatar_url(current_user), class: "image-circle avatar_small" %> 
<%= current_user.fullname %> <span class="caret"></span></a>
class: "image-circle avatar small"%> 부분에서 아바타를 둥글게 하고, scss 설정한 avatar의 크기를 적용해, 사이에 공백을 둡니다.
5. 보충
avatar_url은 도우미이므로 앱 내 어디서나 사용할 수 있습니다.
Reference
이 문제에 관하여(grabatar로 사이트에 자신의 아바타 사진 표시 (RAILS)), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/YANG_LIU/items/e219acfab180f45555b2
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
module ApplicationHelper
def avatar_url(user)
gravatar_id = Digest::MD5::hexdigest(user.email).downcase
"https://www.gravatar.com/avatar/#{gravatar_id}.jpg?d=identicals&=150"
end
end
우선 htps //w w. md5는 sh 겉보기와 r. 코m/
에서 자신의 이메일 주소를 입력하여 MD5 해시를 생성합니다.
다음 http://gravatar.com/avatar/ 생성된 해시.jpg
URL을 치면 GRAVATAR로 등록한 이미지가 표시됩니다.
이것은 사실 #2의 코드 흐름과 비슷합니다.
4. HTML에 image_tag 추가
예 .html.erb <a href="#" class="dropdown-toggle" data-toggle="dropdown"
role="button" aria-haspopup="true" aria-expanded="false">
<%= image_tag avatar_url(current_user), class: "image-circle avatar_small" %> 
<%= current_user.fullname %> <span class="caret"></span></a>
class: "image-circle avatar small"%> 부분에서 아바타를 둥글게 하고, scss 설정한 avatar의 크기를 적용해, 사이에 공백을 둡니다.
5. 보충
avatar_url은 도우미이므로 앱 내 어디서나 사용할 수 있습니다.
Reference
이 문제에 관하여(grabatar로 사이트에 자신의 아바타 사진 표시 (RAILS)), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/YANG_LIU/items/e219acfab180f45555b2
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
<a href="#" class="dropdown-toggle" data-toggle="dropdown"
role="button" aria-haspopup="true" aria-expanded="false">
<%= image_tag avatar_url(current_user), class: "image-circle avatar_small" %> 
<%= current_user.fullname %> <span class="caret"></span></a>
avatar_url은 도우미이므로 앱 내 어디서나 사용할 수 있습니다.
Reference
이 문제에 관하여(grabatar로 사이트에 자신의 아바타 사진 표시 (RAILS)), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/YANG_LIU/items/e219acfab180f45555b2텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)