我是靠谱客的博主 坚强皮卡丘,最近开发中收集的这篇文章主要介绍hexo(matery)添加实时发布说说页面(Artitalk)一、前言二、更换主题三、Artitalk在线发布说说,觉得挺不错的,现在分享给大家,希望可以做个参考。
概述
文章目录
- 一、前言
- 二、更换主题
- 三、Artitalk在线发布说说
一、前言
入坑hexo依赖,使用过的主题
- sakura主题(很中意,魔改了很多)
- butterfly主题(很简洁,好看点赞)
- matery
2020年5月19日16:28:38
入坑Matery,主要还是对实时发布说说的适配,大家可以参考设置哦!
二、更换主题
-
进入博客根目录,下载主题文件
git clone -b master https://github.com/blinkfox/hexo-theme-matery.git themes/Matery
本来可以直接下载,git太慢就用github下载在解压
-
根目录下配置文件_config.yml打开主题
-
一些插件
表情包npm install hexo-filter-github-emojis --save
三、Artitalk在线发布说说
官网:artitalk.js.org
- 新建
sourceartitalkindex.md
---
title: artitalk
type: artitalk
layout: 'artitalk'
noDate: 'true'
comments: 'false'
---
- 新建样式
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
- 还可以配置语言
themesMaterylanguageszh-CN.yml
,自选择。
最终效果:
最后
以上就是坚强皮卡丘为你收集整理的hexo(matery)添加实时发布说说页面(Artitalk)一、前言二、更换主题三、Artitalk在线发布说说的全部内容,希望文章能够帮你解决hexo(matery)添加实时发布说说页面(Artitalk)一、前言二、更换主题三、Artitalk在线发布说说所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
发表评论 取消回复