Hexo NexT 테마에 ShareSDK 공유 추가
9408 단어 Blog
다음은 웹 페이지에서 단추를 공유하는 코드입니다. 표시하고자 하는 위치에 다음 코드를 추가하면 됩니다.
appkey
는 당신의 앱키입니다.
<div class="-mob-share-ui-button -mob-share-open"> div>
<div class="-mob-share-ui" style="display: none">
<ul class="-mob-share-list">
<li class="-mob-share-weibo"><p> p>li>
<li class="-mob-share-tencentweibo"><p> p>li>
<li class="-mob-share-qzone"><p>QQ p>li>
<li class="-mob-share-qq"><p>QQ p>li>
<li class="-mob-share-renren"><p> p>li>
<li class="-mob-share-kaixin"><p> p>li>
<li class="-mob-share-douban"><p> p>li>
<li class="-mob-share-facebook"><p>Facebookp>li>
<li class="-mob-share-twitter"><p>Twitterp>li>
ul>
<div class="-mob-share-close"> div>
div>
<div class="-mob-share-ui-bg">div>
<script id="-mob-share" src="http://f1.webshare.mob.com/code/mob-share.js?appkey= appkey">script>
NexT에 추가
그럼 넥스트 테마에 어떻게 추가하죠?단계는 다음과 같다.
1. 파일 만들기
테마 폴더 아래의
layout
폴더에서 _partials
아래의 share
폴더를 먼저 찾은 다음 sharesdk.swig
라는 파일을 추가해야 합니다.우리는 알아차릴 수 있다.이 폴더 아래에 놓인 것은 모두 공유된 프로필입니다.추가된 내용은 위의 큰 코드입니다.일부분만 수정하면 됩니다.수정된 부분은 다음과 같습니다.<script id="-mob-share" src="http://f1.webshare.mob.com/code/mob-share.js?appkey={{ theme.shareSDKappkey }}">script>
테마 설정 파일에 appkey를 추가할 수 있도록 수정하기 위해서입니다.테마의 프로필에
shareSDKappkey
를 추가하고 값을 첨부하면 됩니다.2 옵션 구성 추가
sharesdk의 공유 버튼을 추가했지만 언젠가 사용하고 싶지 않은 날이 오면요.물론 간단합니다.프로파일만 수정하면 됩니다.그렇다면 어떻게 실현될까?우선 테마 폴더 아래
layout
폴더 아래 post.swig
를 찾으면 16줄 정도에 추가됩니다. <div class="post-spread">
{% if theme.jiathis %}
{% include '_partials/share/jiathis.swig' %}
{% elseif theme.baidushare %}
{% include '_partials/share/baidushare.swig' %}
{% elseif theme.add_this_id %}
{% include '_partials/share/add-this.swig' %}
{% elseif theme.duoshuo_shortname and theme.duoshuo_share %}
{% include '_partials/share/duoshuo_share.swig' %}
{% elseif theme.sharesdk %}
{% include '_partials/share/sharesdk.swig' %}
{% endif %}
div>
코드 추가
{% elseif theme.sharesdk %}
{% include '_partials/share/sharesdk.swig' %}
이 코드는 테마 파일의 설정에 따라 문서에 해당하는 swig 파일을 추가합니다.프로필에서 선택적으로 공유 기능을 사용하려면 프로필에서 수정하면 된다.
수정config.yml
다음은 프로젝트의 프로필을 수정하는 것입니다.주제의 구성 파일에 추가하려면 다음과 같이 하십시오.
#Share
sharesdk: true
shareSDKappkey: appkey
사용하려면true로 설정하고 appkey를 추가할 수 있습니다.물론 사용하고 싶지 않아요.직접 주석을 달면 됩니다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Hugo와 Github Pages에서 블로그 개설. 신규 투고시의 이미지를 끌어오는 쉘 스크립트를 써 보았다.Hugo와 Github Pages를 사용하여 블로그 열기 신규 투고시의 쉘 스크립트를 생각한다. 나는 신졸 2 년째 (곧, 3 년째) 인프라 엔지니어를 한 후 현재 스크럼 마스터. 그래서, 거기까지 기술적인 지식은 ...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.