博客主题和文章

2018-03-05 阅读量

一、文章插入图片

1.安装插件

1	npm install hexo-asset-image --save

2.修改_config.yml中post_asset_folder: true

ps:注意冒号后的空格

3.创建博客：addpicture

1	hexo new add-picture

4.将图片(web.png)拖入“addpicture”文件夹中

此时目录结构如下:

blog
|---source
|-------_posts
|-----------addpicture.md  //.md文件
|-----------addpicture       //文件夹
`---------------web.png      //图片文件

5.编辑“addpicture.md”文件

在需要的地方： web前端知识框架这是一张web学习路径图片！

5.两中不同的方式添加图片

方式1：![web前端知识框架](web.png) 这是方式1的方法；
方式2: {% asset_img web.png 这是方式2的方法 %}

二、yilia主题添加访问量

1.工具：百度站长统计、leancloud、不蒜子

2.引入不蒜子方法：

脚本：js引用一般放在最后
<script async src="//dn-lbstatics.qbox.me/busuanzi/2.3/busuanzi.pure.mini.js"></script>

路径：/themes/yilia/layout/_partial/footer.ejs

ps:可以写在footer.ejs里或者header.ejs里或者layout.ejs里

3.添加站点访问量

脚本：
算法a：pv的方式，单个用户连续点击n篇文章，记录n次访问量：
<span id="busuanzi_container_site_pv">
    本站总访问量<span id="busuanzi_value_site_pv"></span>次
</span

算法b：uv的方式，单个用户连续点击n篇文章，只记录1次访客数
<span id="busuanzi_container_site_uv">
  本站访客数<span id="busuanzi_value_site_uv"></span>人次
</span>

路径：/themes/yilia/layout/_partial/footer.ejs

4.文章访问量

脚本：
<% if ( !index ){ %>
        <span class="archive-article-date">
            阅读量 <span id="busuanzi_value_page_pv"></span>
        </span>
<% } %>

路径：/themes/yilia/layout/_partial/article.ejs的header的日期后面

参考资料：
1.hexo发布博客引用图片的方法
2.hexo官方资源文件夹
3.yilia主题添加访问量
4.不蒜子
5.个性化主题
6.博客阅览-设置更多