hexo使用next主题设置

1. hexo4.0 - Next7.2.4 主题优化配置

2. Hexo博客优化之Next主题美化

3. Hexo使用攻略-添加分类及标签

4.Hexo博客优化之Next主题功能强化

5.hexo博客next主题6.0版本个性化设置

6.Hexo Git部署警告"warning: LF will be replaced by CRLF"的去除方法

7.给Hexo博客添加一个README文件

8.Hexo Next主题添加访客统计、访问次数统计、文章阅读次数统计

9.Github个人博客:绑定域名

CDN修改

建议将自带的CDN改成第三方CDN,为啥???10+s的加载那酸爽是在是过瘾。
文件目录:next/layout/_third-party/comments/valine.swig

//cdn.jsdelivr.net/npm/valine/dist/Valine.min.js

官方的CDN是

//unpkg.com/valine/dist/Valine.min.js


 

给hexo添加Valine评论功能

了解到一款国人开发的评论系统叫Valine用的是LeanCloud作为数据库,洁面很简洁,不像来必力那样花哨只是单纯的评论,简洁到没有后台!!!删除和管理评论只能直接操作数据库。
这里写下为Hexo-Next模板添加Valine的过程和坑点。
1.Next模板要5.14(免去自己手动修改的麻烦)。不是这个版本的可以考虑升级或者自己手动修改,修改教程在 https://github.com/iissnan/hexo-theme-next/pull/1983
2.注册LeanCloud并创建一个开发版应用(免费)


3.在LeanCloud -> 存储 -> 创建Class -> 无限制的Class(坑点1)
class名称为:Comment

LeanCloud创建Class

4.在LeanCloud-设置-把除数据存储其他选项都关闭。

LeanCloud设置


安全域名中添加域名,一定要注意格式(坑点2)

例如:https://www.nobige.cn:443

LeanCloud设置

5.在Next模板下的_config.yml搜索Valine进行填写appid和appkey

Next _config.yml

功能展示

Valine功能展示

下面说下各个选项的含义

# Valine.
# You can get your appid and appkey from https://leancloud.cn
# more info please open https://valine.js.org
valine:
  enable: true
  appid:    # your leancloud application appid
  appkey:    # your leancloud application appkey
  notify: true # mail notifier , https://github.com/xCss/Valine/wiki
  verify: false # Verification code
  placeholder: ヾノ≧∀≦)o 来呀!吐槽一番吧! # comment box placeholder
  avatar: mm # gravatar style
  guest_info: nick,mail,link # custom comment header
  pageSize: 10 # pagination size

一般改动的为appid和appkey其他默认即可,如果要开启email通知除了修改_config.yml文件之外还要将LeanCloud -> 设置邮件模板 -> 用于重置密码的邮件主题进行修改

LeanCloud设置邮件模板

你在{{appname}} 的评论收到了新的回复

<p>Hi, {{username}}</p>
<p>
你在 {{appname}} 的评论收到了新的回复,请点击查看:
</p>
<p><a href="你的网址首页链接" style="display: inline-block; padding: 10px 20px; border-radius: 4px;

修改为中文在hexo目录下的yml配置:

language: zh-CN

不是官方文档的

language: zh-Hans

 

Hexo clean

Hexo g -d

Hexo s

Run server

$ hexo server

Generate static files

$ hexo generate

Deploy to remote sites

$ hexo deploy

用github+hexo搭建完个人博客后,朋友们应该很想知道怎么在上面写博文吧,这里介绍一个很简单的方法:

以md格式导出博客到本地,然后copy该md文件,粘贴到你当初建的博客站点文件夹下的source\ _posts目录下,一个md文件对应一篇博客文章。
接着在你博客站点文件夹下右键空白处,选择Git Bash Here,输入:hexo generate,回车,生成静态页面,
再输入:hexo server,回车,到localhost:4000预览博客效果,
最后输入:hexo deploy,回车,同步到github上去就行了。

猜你喜欢

转载自blog.csdn.net/i_silence/article/details/106441671