美文网首页
零基础用Hexo+Github 搭建博客3

零基础用Hexo+Github 搭建博客3

作者: 生活中的我们 | 来源:发表于2016-12-21 17:54 被阅读147次

    转载:Github Pages + Hexo搭建博客(三)

    此篇博客主要介绍了自己的博客站点所使用的一些第三方服务的配置,以及主题的一些优化。当然,每个人的需要都不太相同,大家也可以根据自己的喜好去选择使用第三方服务来让自己的博客站点更完善更强大。

    再次强调:在Hexo中有两份主要的配置文件,其名称都是_config.yml。其中,一份位于站点根目录下,主要包含Hexo本身的配置,我们称之为全局配置文件;另一份位于主题目录下,这份配置由主题作者提供,主要用于配置主题相关的选项,我们称之为主题配置文件

    博客图片存放

    Markdown编辑器支持插入图片,可以直接给出图片的链接,因此我们可以将图片存放在我们hexo项目的目录下,再填写对应的路径,也可以将其存放在云服务器上,然后给出链接。

    在这里,我们介绍使用七牛云来进行图片托管。七牛云是国内领先的企业级云服务商,致力于打造以数据为核心的场景化PaaS服务,图片加载速度还不错,一般也不会出现图片挂掉的情况。

    注册账号

    注册申请一个个人账号,然后激活邮箱完成注册。

    官网地址:http://www.qiniu.com/

    存储图片

    (1)点击左侧菜单的对象存储

    实现效果:

    当site_pv: true时,代表在页面底部显示站点的PV值。即总访问量:

    当page_pv: true时,代表在文章页面的标题下显示该页面的PV值(阅读数)。

    站内搜索

    next主题的官方文档提供了几种实现搜索服务的方式,我们就使用配置最简单的Local Search,添加百度/谷歌/本地 自定义站点内容搜索。

    (1)安装 hexo-generator-searchdb,在站点目录下执行以下命令:

    $ npm install hexo-generator-searchdb --save

    (2)编辑全局配置文件,新增以下内容到任意位置:

    search:

    path: search.xml

    field: post

    format: html

    limit: 10000

    (3)实现效果:

    开启打赏功能

    next主题开启打赏功能很简单,我们只需要在全局配置文件中填入微信和支付宝收款二维码图片地址即可开启该功能。先到微信和支付宝将自己收款二维码图片保存,我们同样可以将其存在七牛云上,然后贴到下面的配置文件里。

    reward_comment: 坚持原创技术分享,您的支持将鼓励我继续创作!

    wechatpay: 微信当面付图片的url

    alipay: 支付宝当面付图片的url

    实现效果:

    Github pages + Hexo搭建静态博客站点的系列文章到这里就完结了,其实也算是一个很详细的教程了,花了一些时间来整理。之后可能不会再更新,但是,如果之后遇到一些问题或者有更好的推荐,可能还会再写。

    相关文章

      网友评论

          本文标题:零基础用Hexo+Github 搭建博客3

          本文链接:https://www.haomeiwen.com/subject/mfgqvttx.html