关于hexo建博客的几个问题?

飞影天涯

我使用的主题是butterfly:
1、如何添加评论?看过网上许多教程也没会，望详细解答;
2、写文章，标签如何添?什么是顶部图，封面?如何改?怎么在文章中插入图片?难道每次写完文章后都要hexo clean,hexo g,hexo d吗?
3、首页如何改头像以及“红圈”

感谢您的回答!

燕子779038

建议你仔细阅读该主题的官方文档，文档中会有该主题关于配置文件的详细说明。

品蠢史济谋

谢邀。我用的是landscape，供题主参考。

• 添加评论：在 博客根目录\themes\主题名\_config.yml中添加
  

# valine comment system. https://valine.js.orgvaline:  enable: true # if you want use valine,please set this value is true  appId: 这里填你注册的appId # leancloud application app id  appKey: 这里填appKey # leancloud application app key  notify: true # valine mail notify (true/false) https://github.com/xCss/Valine/wiki  verify: true # valine verify code (true/false)  pageSize: 10 # comment list page size  avatar: mm # gravatar style https://valine.js.org/#/avatar  lang: zh-cn  placeholder: 这里填你想对评论者说的话  guest_info: nick,mail,link #valine comment header info
效果如下：

至于怎么拿到appId和appKey，参考valine官网的教程即可，我觉得好像没有什么障碍，不清楚题主是卡到哪一步了。

2. 添加文章标签：
---title: Hello World # 文章标题tags: daily # 你的标签categories: Dairy # 文章分类---（下面是文章正文）
3. 修改博客顶部图：在 博客根目录\themes\主题名\_config.yml中，修改banner的地址。假设我的图片是strong-cat.jpeg，放在 博客根目录\themes\主题名\source\css\images文件夹下
# Headermenu:  Home: /  Archives: /archivesrss: /atom.xmlbanner: "images/strong-cat.jpeg"
（只需要改banner那一行）
效果如下：

4. 在文章中插入图片：语法上和markdown是一样的。假设我要插入的图片是aaa.jpg，放在 博客根目录\source\images\myFirstArticle文件夹下，图片名称为"a photo"
注意虽然语法和markdown是一样的，但是在md预览的时候图片不会加载，像这样：

但是其实在hexo上应该是可以正确显示的。可以自己hexo s然后打开本地链接看到。有些人会遇到hexo s看到的和部署的显示不一样的问题，我没遇到过所以不能解答了。
5. 我一般是每次写之前hexo clean，hexo s并打开localhost，因为本地服务器是可以实时同步的，所以我随时可以看到文章在博客网站上写的是什么样子。写完之后再hexo d -g（或者hexo g -d，两者效果一样，都相当于先执行hexo g再执行hexo d）。
6. 首页改头像：修改 博客根目录\_config.yml文件。假设头像是avatar.jpg，放在 博客根目录\images文件夹下
avatar: /images/avatar.jpg
在landscape主题中，和avatar在同一个代码块的选项还有：title, subtitle, description, keywords, author, language等等。
7. 红圈里的链接，这个我没试过，不会，不好意思。

伽蓝°

百度就可以得到各种非常详细的解释，为什么还要来提问呢？实在不理解，不会的东西没人怪你，但是连自学的心思和能力都没有，真的无话可说。

那个曾经YY

你没能在主题文档中找到的答案，基本都要改主题源码，主题里很多东西都不适合所有人，大家也都在原有主题上加自己的创意，我现在就是把它的主题自己魔改里一边，你全局搜索很容易就能找到node_modules里面的源码，自己动手改改把。
欢迎大家来互换友链：https://itpika.com

Mmo游毛毛

如图所示

实现方法

在 \source\js 文件夹下（根目录中或主题中均可）创建 timecount.js 文件，其中输入下方代码
var now = new Date().getTime() // 当前时间戳var postinfo = document.getElementsByClassName("post-date")[0]//var postinfo__date_created = new Date(postinfo.innerText.split(" ")[1])//根据发布时间var postinfo__date_created = new Date(postinfo.children[1].innerText.split(" ")[1])//根据更新时间postinfo__date_created = postinfo__date_created.getTime() // 文章发布时间戳//console.log("文章创建时间",postinfo__date_created)var datepassing = parseInt(now - postinfo__date_created)//console.log("过期时间",datepassing)// 超过31天提示：3600*24*31*1000if(datepassing > 2678400000){    var out = parseInt(datepassing / 86400000)    document.write("<div class=\"note info\"><p><strong>文章时效性提示</strong><br>这是一篇创建于 " + out + " 天前的文章，其中的信息可能已经有所发展或是发生改变。</p></div>")}
在要开启提醒的文档中嵌入下列代码即可
<div>    <script type="text/javascript" src="js/timecount.js"></script></div>