hexo网站快速搭建

本文由腾讯云+社区自动同步,原文地址 https://stackoverflow.club/article/how_to_build_hexo_very_fast/

背景

在申请google adsense时处处碰壁,不是网站访问不到就是说没有内容。考虑到vue+leancloud的方式在国外确实访问不畅,一怒之下打算将博客重新迁回hexo做全静态网站。于是有了这篇hexo网站速成记。

必备

顾名思义,这里的东西都是一定要有的,否则网站的访问、SEO都会有影响。

主题

人活一张脸,树活一张皮。还有hexo有next主题,换上就行。虽然大家都是next,前篇一律的没啥好看的,但总比自己做的丑主题强多了。

下载

cd your-hexo-site
git clone https://github.com/iissnan/hexo-theme-next themes/next

启用,在站点配置文件中。

theme: next

设定主题scheme,在主题配置文件中。

scheme: Mist

sitemap

网站要给搜索引擎提交连接,sitemap是有力的工具。

npm安装插件

npm install hexo-generator-sitemap --save

站点配置文件中添加如下内容

Plugins:
- hexo-generator-sitemap
sitemap:
    path: sitemap.xml

404页面

这个还是方便搜索引擎的,抓不到的页面就返回404。

生成新page

hexo new page 404

给404页面添加永久链接

permalink: /404.html

备案号

主题配置文件中,寻找footer,下面有custom_text字段,填入以下内容:

<a target="_blank" href="http://www.miitbeian.gov.cn/"> 陕ICP备xx号</a>

统计

主题配置文件中,搜索baidu_analyticsgoogle_analytics, 填入id即可。

广告

themes/next/layout/_partials/head/custom-head.swig可以填入任何html格式内容,复制粘贴google adense代码即可。

美化

搜索

非常有用的工具,我可以搜索历史文章,方便找到源文件。

在站点根目录执行

npm install hexo-generator-search --save
npm install hexo-generator-searchdb --save

站点配置文件中增加以下内容

search:
  path: search.xml
  field: post
  format: html
  limit: 10000

注意:在每篇文章开头的链接中,不要使用前导/后结束/。在其他浏览中无影响,但是在搜索中会产生错误的url。

正确的格式:

permalink: article/how_to_build_hexo_very_fast

相关文章

经常会发现网站的跳出率特别高,新访问多且只浏览一页就跳出,这说明网站的内容不够丰富,不能吸引用户浏览第二页。相关文章可以缓解该问题。

首先安装npm插件

npm install hexo-related-popular-posts --save

然后在主题的相关文件https://github.com/iissnan/hexo-theme-next/blob/master/layout/_macro/post.swig#L313中插入内容

...
</div>
{{ popular_posts( {} , post ) }}
{#####################}
{### END POST BODY ###}
{#####################}
...

其他内容

第一次使用hexo时还花了很多时间做了做阅读量统计,站点访问统计展示。后来觉得真的没必要,小站点访问量就那么点,展不展示出来一个样子。反倒是那些大站点,从来没见他们把访问量炫耀出来的。

还有安装评论插件的,这个目前没有必要。反正博客接近两年了,评论没有多少。

至于字数多少、阅读时间,有点太自娱自乐了,我还是专心码字吧。

排错

错误 Template render error: (unknown path)

查看你的内容中是否有双括号等让hexo误解析了,或者直接写代码把双括号全去掉

错误 JS-YAML: can not read a block mapping entry; a multiline key may not be an implicit key at line 8, column 12:

  • 查看yaml头冒号后面有没有加个空格
  • 查看实际的md文档,冒号后面是否有不对称的引号
title: hexo基本命令
date: 2015-12-27 20:55:29
categories: [编程, hexo]
tags:[hexo] #这里缺少一个空格
#也就是说每一个 标签:后需要一个空格
---

参考:

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

编辑于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏云爬虫技术研究笔记

这款黑客专属的最危险的搜索引擎,可能包含你的信息!

Shodan是一种搜索引擎,允许用户搜索连接互联网的设备和明确的网站信息,例如在特定系统上运行的软件类型和本地匿名FTP服务器。Shodan可以像谷歌一样使用,...

14230
来自专栏eguid开源技术分享

lucene全文搜索之二:创建索引器(创建IKAnalyzer分词器和索引目录管理)基于lucene5.5.3

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。 ...

6510
来自专栏java思维导图

全文搜索引擎选ElasticSearch还是Solr?

而且它还是其他团队在维护,依赖性太强,导致 Solr 服务一出问题,我们的项目也基本瘫痪,因为所有的依赖查询都无结果数据了。

5110
来自专栏eguid开源技术分享

lucene全文搜索之一:lucene的主要功能和基本结构(基于lucene5.5.3)

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。 ...

7610
来自专栏eguid开源技术分享

lucene全文搜索之三:生成索引字段,创建索引文档(给索引字段加权)基于lucene5.5.3

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。 ...

7310
来自专栏全能大脸猫

「网站优化」网站优化心态很重要——保持一颗平常心

SEO(Search Engine Optimization)汉译为搜索引擎优化。是一种方式:利用搜索引擎的规则提高网站在有关搜索引擎内的自然排名。

9160
来自专栏全能大脸猫

「网站优化」网站优化不能做的事情——做了等于作弊

网站优化就是我们平时说的“黑帽SEO”,他们就是通过利用搜索漏洞让网站获得更多的流量以及更好的排名。

7120
来自专栏曲水流觞TechRill

技术人如何高效搜索

本文集合一些搜索的小技巧和个人搜索习惯,大家如果有一些更加优雅或者高效的技巧,欢迎文末留言分享。

13250
来自专栏网站建设、网站制作专栏

站群系统-常用站群软件系统推荐

一般用做站群系统有的两种场景,第一种是一些大学,政府或大公司这类做网站站群,这类网站站群需要每个站点都可以独立管理,分配独立权限,实现数据共享,这类站群系统有:

15900
来自专栏轮子工厂

推荐十款 Windows 下必装软件

在下工具控一枚,平时会留意收集各种各样给我们生活生产带来便捷的工具,毕竟人生苦短;下面介绍一些 Windows 系统上发现的一些好用的工具,并且将一笔带过主要特...

9510

扫码关注云+社区

领取腾讯云代金券

年度创作总结 领取年终奖励