블로그 발린 리뷰 스타일 미화

Valine 은 백엔드 구현이 없는 매우 가벼운 리뷰 시스템입니다. 현재 Hexo, Jekyll, Hugo 등과 같은 많은 정적 블로그가 있습니다. 발린 기본 지원. 내가 쓰는 후광 블로그는 자신의 표정가방 기능 때문에 나를 미치게 만들었기 때문에, 나는 여전히 발린을 계속 사용하기로 선택했다. (나는 1 년 동안 보존한 논평을 포기하고 싶지 않기 때문이라고 말하지 않을 것이다.) (알버트 아인슈타인, Northern Exposure (미국 TV 드라마), 예술명언

발린 공식 문서

본 문서의 업데이트 시점까지 발린은 버전 v 1.4. 14 로 업데이트되었습니다. 이전에 지원하지 않았던 많은 기능들이, 저자가 전염병 기간 동안 극도로 유휴 상태였기 때문에, 집에서 N 개 버전의 간 폭발을 겪은 후 마침내 지지를 받았다. 물론, 우리가 마법의 발린 속에서 찾아 사용할 수 있는 작은 기능도 있습니다. 나중에 추천해 드리겠습니다. (데이비드 아셀, Northern Exposure (미국 TV 드라마), 예술명언)

이 인터페이스의 미화는 기본적으로 무배추가 제각기 좋아하는 것이다. 어떤 사람들은 원래 발린의' 소' 를 좋아하고, 어떤 사람들은 자신의 입맛에 맞게 고치는 것을 좋아한다. 다음은 모두 나의 메시지 영역 스타일에 대한 미화이다. 당신도 v 1.4. 14 버전이라면 아래 스타일을 직접 사용할 수 있습니다.

이는 Valine 1.4.5 릴리즈에서 사용자 정의 이모티콘 기능을 지원하며 주로 emojiCDN 과 emojiMaps 구성 항목으로 구성되어 있습니다. 문서를 보는 것이 좋습니다. 더 중요한 것은, 그것은 이모티콘 가방의 원천이어야 한다는 것이다. Aru, 스티커, QQ, 웨이보 등 이모티콘을 포괄하는 xaoxuu 가 제공하는 CDN 이모티콘 인터페이스를 추천합니다. 현재 기본 안문자의 사용은 주로 emojiCDN 에서 경로를 쓰고, emojiMaps 에서 매핑 관계를 쓰는 것입니다. 이는 js 에 많은 안문자를 추가해도 여전히 쓰기가 복잡하기 때문에 Valine 소스 코드에서 구성을 수정하는 것이 좋습니다.

먼저 소스 코드에서 여기로 이동하여 원래 시나닷컴 이모티콘 패키지의 경로를 js 구성의 emojiCDN 필드에 맞게 수정합니다.

그런 다음 js 의 emojiMaps 필드에 해당하는 이모티콘 패킷의 매핑 경로를 수정합니다.

위의 소스 코드를 수정하면 js 로 복잡한 구성을 많이 쓰지 않아도 되므로 필요한 친구가 생각해 볼 수 있다.

Js 에서 가져왔기 때문에 하나씩 수동으로 안문을 추가할 필요가 없습니다. 위에 제시된 xaoxuu 안문을 예로 들자면, 우리는 이렇게 쓸 수 있다.

안문을 더한 후 그들을 분류하는 것이 우리의 가장 직관적인 생각일 것이다. 그러나 원생 발린의 저자는 현재 이 기능을 제공하지 않는다. 이모티콘 분류 기능을 구현할 수 있는 MiniValine 을 제공합니다.

MiniValine 데모 주소

이 작가는 두 가지 유형의 발린 리뷰 플러그인을 제공합니다. 하나는 xCss 스타일, 즉 기본 발린 스타일의 저자입니다. 다른 하나는 DesertP style 입니다. 저는 이전의 Hexo 블로그에서도 사용했습니다. 이제 기본 발린의 기능이 따라잡았기 때문에, 나는 xCss 가 쓴 기본 발린 플러그인을 다시 바꿨다.

한편, 이모티콘 분류 기능이 있는 이 Valine 플러그인을 사용하려면 작성자가 제공한 Github 문서를 참조할 수 있습니다. 또한 이 버전의 MiniValine 에는 이모티콘 분류뿐만 아니라 다음과 같은 blogger, buddy logo 등의 기능도 통합되어 있어 매우 유용하다.

이 그림은 내가 드류 아저씨로부터 베껴 쓴 것이다 (? 어색해), 전에 많은 그림을 찾았는데, 모두 별로 예쁘지 않다고 생각했어요. 드류 아저씨를 마지막으로 사용한 게 더 좋을 것 같아요. 나는 그림을 찾을 때 흰색 배경이나 투명한 배경을 찾는 것이 좋다. 그렇지 않으면 못생겨 보인다.

사용 방법은 다음과 같습니다. 블로그 스타일 파일에 CSS 를 추가합니다.

위 웹 사이트의 사진은 자신의 취향에 따라 변경할 수 있습니다.

이것은 자신의 취향에 따라 바뀌며, Disqus 를 모방하여 세 개의 입력 상자와 제출 버튼을 한 줄에 놓을 수도 있습니다.

Valine 주석 div 의 id 가 vcomments 인지 확인합니다. 즉,

이것은 비교적 간단하며 블로그에 약간의 역동성을 추가할 수도 있다.

내 평론 구역의 스타일을 보면 여기에 그림을 넣지 않을 것이다.

이 지역 발린은 지원되지 않습니다. Magic change 의 발린 파일을 사용해야 합니다. 기본 발린 파일을 아래의 Valine.min.js 파일로 직접 대체할 수 있습니다.

기본에 비해 다음과 같은 기능을 제공합니다.

사용 방법은 더 많은 매개 변수를 설정할 수 있다는 점을 제외하면 기본 메서드와 유사합니다.

예를 들어 Valine 의 구성 js 에 다음 필드를 추가할 수 있습니다.

이는 발린 구성에 매개변수를 추가하여 수행할 수 있으며 다른 기본 매개변수는 영향을 받지 않습니다. MD5 암호화는 온라인 웹 사이트를 추천할 수 있지만 MD5 프런트 엔드 단일 암호화 자체는 안전하지 않지만 보안은 상대적이며 사서함 정보 자체만으로는 가치가 없습니다. 블로그 보안에 대한 요구가 비교적 높고 댓글을 남기고자 하는 친구 사서함이 유출되지 않기를 바란다면 (물론 완전히 피할 수는 없다) 이것을 사용하지 않는 것이 좋습니다. (데이비드 아셀, Northern Exposure (미국 TV 드라마), 안전명언)

이 기능은 주로 서비스 소스로 이루어지며 위챗 또는 QQ 를 통해 블로그에 댓글을 받을 수 있습니다. 원작자 소강 블로그의 원문은 매우 상세하다. 이 기능을 켜야 한다면, 모바일 읽기를 할 수 있습니다. 여기서는 이 기능을 설명하는 데 더 많은 시간을 들이지 않겠습니다. (데이비드 아셀, Northern Exposure (미국 TV 드라마), 독서명언)