博客美化

git 一些命令

  1. 本地部署

    hexo s -g

  2. 新建一篇博客

    hexo new post “博客名”

  3. 部署文章到github

    hexo d -g

  4. 可能需要安装扩展

    npm install hexo-deployer-git –save

  5. 可能清除缓存

    hexo cl

  6. 一切在git里执行

将博客语言更改为中文

  1. 原本hexo的语言文件夹D:\hexo\themes\landscape\languages下没有zh-Hans.yml这个文件。
  2. 原本next的语言文件夹D:\hexo\themes\next\languages下没有zh-CN.yml这个文件。
  3. zh-Hans.yml``zh-CN.yml分别添加到两个文件夹内。
  4. 修改hexo的配置文件_config.yml如下:

5.这样就可以修改博客语言为中文了。

博客实现点击爱心效果

  1. D:\hexo\themes\next\source\js\src下新建clicklove.js把以下代码粘贴进去

    1
    !function(e,t,a){functionn(){c(".heart{width:10px;height:10px;position:fixed;background:#f00;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);}.heart:after,.heart:before{content:'';width:inherit;height:inherit;background:inherit;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;position:fixed;}.heart:after{top:-5px;}.heart:before{left:-5px;}"),o(),r()}functionr(){for(vare=0;e
  2. 修改_layout.swigD:\hexo\themes\next\layout\_layout.swig文件末尾添加

    1
    2


博客书写标题和实现预览部分

  1. 部分预览效果图


实现方法:
在文章标题栏下添加注意不要为空加张图片也可

  1. 博客标题添加在文章最顶部
    1
    2
    3
    4
    5
    6
    7
    8
    ---
    title: MySQL3
    date: 2018-10-22 22:16:12
    tags: // 标签
    - MySQL
    copyr: true
    categories: MySQL笔记 //分类
    ---

添加音乐

  1. 打开网易云音乐,找到你想要添加到博客的音乐。点击生成外链


  1. \hexo\themes\next\layout\_custom新建sidebar.swig打开sidebar.swig,将生成的html代码贴到里边
    1
    2
    3



如图所示:

  1. 保存,部署查看效果:

添加博客评论

  1. 我选择了Valine的系统,因为他方便简洁。网站Valine
  2. 进入网站注册账号,点击小齿轮:

  1. 如图:

  1. 拿到你的appid和appkey之后,打开主题配置文件 搜索 valine,填入appid 和 appkey(注意next6.0.1版本 的配置文件:app_id: app_key:)贴出我的代码:

  1. 最后!记得在Leancloud -> 设置 -> 安全中心 -> Web 安全域名 把你的域名加进去

  1. 部署,可以评论了

0%