Hexo+yilia主题建站进阶教程

时间：2023-04-05 15:00:59 HTML5

话不多说，下面的配置让你的网站提升n个档次！[所有文章]按钮安装您初始化的文章。单击“所有文章”按钮时出现问题。主要原因是你的配置文件缺少以下内容。在博客根目录下找到_config.yml文件，然后打开该文件。在下面添加以下代码片段：jsonContent:meta:falsepages:falseposts:title:truedate:truepath:truetext:falseraw:falsecontent:falseslug:falseupdated:falsecomments:falselink:falsepermalink:falseexcerpt:falsecategories:falsetags:true然后用hexod上传项目，更新后再次点击所有文章目录，你会神奇的发现，哇，所有文章都列出来了。添加头像，欣赏二维码打开你项目根目录下的Blogthemeshexo-theme-yiliasource，在里面添加一个assets文件夹，里面存放图片资源。比如我创建了assets文件夹，然后添加进去创建img文件夹就是把图片放在Blogthemeshexo-theme-yiliasourceassetsimg目录下。然后打开Blogthemeshexo-theme-yilia下的_config.yml文件，在里面配置：#你的头像urlavatar:"/assets/img/mnn.jpg"#报祝#奖励类型设置：0-关闭奖励；1-文章对应的md文件中有reward:true属性，有奖励；2-所有文章都有奖励reward_type:2#奖励文字reward_wording:'谢谢你邀请我吃糖'#支付宝二维码图片地址，同你设置头像一样。例如：/assets/img/alipay.jpgalipay:#微信二维码图片地址weixin:"/assets/img/wx.png"字数统计和阅读时间安装hexo-wordcount打开GitBash在博客根目录下回车命令如下命令：npmi--savehexo-wordcount配置文件在themeshexo-theme-yilialayout_partialpost目录下创建一个word.ejs文件（为什么是ejs文件而不是js文件需要一起研究）：字数：<%=wordcount(post.content)%>wordsspan>|阅读时间：<%=min2read(post.content)%>分钟

然后在themeshexo-theme-yilialayout_partial/article.ejs文章中添加<%if(post.link||post.title){%><%-partial('post/title',{class_name:'article-title'})%><%if(!post.noDate){%><%-partial('post/date',{class_name:'archive-article-date',date_format:null})%><%if(theme.word_count&&!post.no_word_count){%><%-partial('post/word')%><%}%><%}%>在根目录下启用功能在项目_config.yml中添加如下代码：#是否开启字数统计#不用，直接设置值为false，或者注释掉word_count:true全部配置完成后，可以看到字数统计项目中出现的文章及推荐阅读时间网站访问量没有介绍。在themeshexo-theme-yilia/_config.yml添加属性。yilia主题在_config.yml中没有保留busuanzi的属性，所以在文件末尾添加：#Open不计算子访问统计busuanzi:enable:true在themeshexo-theme-末尾添加如下代码yilialayout_partial/footer.ejs添加不统计sub访问的脚本-地点。把代码放在themeshexo-theme-yilialayout_partial/footer.ejs和上面的

之间：<%if(theme.busuanzi&&theme.busuanzi.enable){%>本站总访问量次|本网站的访问者数量人<%}%>根据不同的需要，您需要在不同的位置显示您的文章阅读。下面是在右上角日期区添加文章阅读的例子：在themeshexo-theme-yilialayout_partial/post/date.ejs开头的原代码中（不需要把新代码放到原始代码块，但与原始代码分开两个块）添加：<%if(theme.busuanzi&&theme.busuanzi.enable&&!index){%>">阅读数：times<%}%>然后通过hexg生成一个新的文件，hexod之后提交到??github平台，刷新页面就可以看到你添加的效果了添加版权声明在themeshexo-theme-yilia/_partial/article.ejs文件的注释处添加如下内容：<%varsUrl=url.replace(/index\.html$/,'');sUrl=/^(http:|https:)\/\//.test(sUrl)?sUrl:'https:'+sUrl;%><%if((theme.declare_type===2||(theme.declare_type===1&&post.declare))&&!index){%>本文作者：<%if(config.author!=undefined){%><%=config.author%><%}else{%><%}%>
本文链接：<%=sUrl%>
版权声明：本作品采用"><%=theme.licensee_name%>权限。转载请注明出处！<%if(theme.licensee_img!=undefined){%>
">"/><%}%>

<%}else{%>