我是靠谱客的博主 坚强皮卡丘,最近开发中收集的这篇文章主要介绍hexo(matery)添加实时发布说说页面(Artitalk)一、前言二、更换主题三、Artitalk在线发布说说,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

文章目录

  • 一、前言
  • 二、更换主题
  • 三、Artitalk在线发布说说

一、前言

入坑hexo依赖,使用过的主题

  • sakura主题(很中意,魔改了很多)
  • butterfly主题(很简洁,好看点赞)
  • matery

2020年5月19日16:28:38入坑Matery,主要还是对实时发布说说的适配,大家可以参考设置哦!

二、更换主题

  1. 进入博客根目录,下载主题文件

    git clone -b master https://github.com/blinkfox/hexo-theme-matery.git themes/Matery
    

    本来可以直接下载,git太慢就用github下载在解压

  2. 根目录下配置文件_config.yml打开主题

  3. 一些插件
    表情包

    npm install hexo-filter-github-emojis --save
    

三、Artitalk在线发布说说

官网:artitalk.js.org

  1. 新建sourceartitalkindex.md
---
title: artitalk
type: artitalk
layout: 'artitalk'
noDate: 'true'
comments: 'false'
---

  1. 新建样式themesMaterylayoutartitalk.ejs
    注意这里是matery主题,是ejs渲染模板,在外部加了框框
<%- partial('_partial/bg-cover') %>

<main class="content">
  <div class="container friends-container">
      <div class="card">
          <div class="card-content">
              <!-- artitalk -->
              <script src="https://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
              <script>
                var img = "https://cdn.jsdelivr.net/gh/cungudafa/cdn/img/custom/cungudafa.jpg"; //说说旁边显示的头像
                var appID = "CiSXX5nyVSt0RIztkC1oLL9P-MdYXbMMI";
                var appKEY = "vrfkqkuHou88MuRKfF3OeExc";
                var per = "7"; //每页显示说说的数量
                var username = "cungudafa"; //Leancloud中设置的用户名
                var placeholder1="只有cungudafa才能评论哦";
                var placeholder2="没有密码,不能评论!";
                var lazy = 1;
                var bgimg = "https://gitee.com/cungudafa/source/raw/master/img/gif/Sitich/Sitich16.gif";
              </script>
              <div id="lazy"></div>
              <div id="artitalk"></div>
              <script type="text/javascript" src="https://unpkg.com/artitalk"></script>
              <!-- artitalk.end -->
          </div>
      </div>
  </div>
</main>

具体配置项见官网
在这里插入图片描述
3. 主题目录添加导航栏themesMatery_config.yml

  Artitalk:
    url: /artitalk
    icon: fas fa-comment
  1. 还可以配置语言themesMaterylanguageszh-CN.yml,自选择。

最终效果:
在这里插入图片描述

最后

以上就是坚强皮卡丘为你收集整理的hexo(matery)添加实时发布说说页面(Artitalk)一、前言二、更换主题三、Artitalk在线发布说说的全部内容,希望文章能够帮你解决hexo(matery)添加实时发布说说页面(Artitalk)一、前言二、更换主题三、Artitalk在线发布说说所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(49)

评论列表共有 0 条评论

立即
投稿
返回
顶部