美文网首页
Hexo博客更换主题、添加网易云评论、资源部署七牛云

Hexo博客更换主题、添加网易云评论、资源部署七牛云

作者: Double_Dong | 来源:发表于2017-06-08 14:06 被阅读478次

    这篇记录一下我更换博客主题、图片资源部署至七牛云以及添加网易云评论功能。

    前言

    1、主题使用的是yilia。喜欢它的原因是界面简洁,功能也满足我所有的需求。目前自己还不会自定义这些主题,后续也会去整一个属于自己的主题,继续加油。
    2、图片资源部署与七牛云上,一开始整这个博客的时候我就想好一定要加一个相册功能,后面了解到GitHub仓库大小似乎不能超过300M,这根本不够使用,所以我开始去找云存储的平台。我的域名是在阿里那里买的,所以一开始我选择了阿里的OSS,用了几天后发现阿里的收费蛮高的,上网找了找发现了七牛云,它的0~10G是都是免费。一个收费、一个免费,所以...
    3、yilia里面已经配置好了Disqus、多说、网易云跟帖、以及畅言这些插件,但是账户需要我们自己去配置,这几个平台我全都试过,最终选择网易云跟帖,选择的理由很无奈。

    • Disqus 似乎是国外应用最多的评论插件,但是在大天朝我们想要去使用Disqus就必须要“番羽”出去。这个无疑增加了使用的操作复杂度。
    • 多说 3月21号的时候,多说宣布关闭项目,不再提供服务。都无法使用了,那还能说什么
    • 畅言 搜狐出品,但是域名没备案的只能使用15天,我的域名是.win的备案不了。无奈...

    最后发现只有一个网易云跟帖可以用,不过这几个平台做的都不差,所以目前我还是很满意的。

    更换yilia主题

    下载yilia,将文件夹“hexo-theme-yilia”改名为“yilia”(也可以不改)。并将文件夹放置于“/blog/themes/”下。
      打开编辑/blog/_config.yml文件,将theme: landscape改为theme: yilia,保存文件。
    hexo s运行本地服务,http://localhost:4000/ 打开预览网页。这时候就会看到主题文件已经运用上去了,只是还很粗糙。

    配置/blog/themes/yilia/_config.yml

    /blog/themes/yilia/_config.yml是与主题相关的配置文件,与主题相关的选项最好在这里面配置。

    menu:
      主页: /
      摄影: /photo/
    
    subnav的话我自己只有这几个所以只添加这些,格式如下。“xxxxxx”代表你自己相应平台的相应账号
    subnav:
      github: "https://github.com/xxxxxx"
      weibo: "http://weibo.com/xxxxxx"
      mail: "mailto:xxxxxx@xx.com"
      jianshu: "http://www.jianshu.com/u/xxxxxx"
    
    # 使用本地图片资源,路径从source的下一级开始写,网络资源直接写地址即可
    
    例:
        # 网页图标
        favicon: /image/1.jpg
        # 你的头像url
        avatar: https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1497332981&di=1a4c506f60d581d64f94a4c5b1856f36&imgtype=jpg&er=1&src=http%3A%2F%2Fimg.bitscn.com%2Fupimg%2Fallimg%2Fc160120%2F1453262W253120-12J05.jpg
        
    除了评论其他的参数选项相信大家自己也会配了
    

    网易云跟帖

    yilia在代码中已经嵌入了网易云跟帖的接口,所以这里我就不再叨叨代码的东西了,直接说怎么配置。

    1、注册网易云跟帖,登陆并进入后台管理
    2、填写信息,站点网址为自己博客的网址,站长昵称随便写什么都行,邮箱似乎必须是网易的邮箱



    3、注册保存完成后就可以进入“获取代码”,复制web代码里“productKey”后面的值,填写进主题_config.yml的”wangyiyun: “里。例:
    其它的评论平台的选项就可以直接设置为false,或是直接注释掉。
    #1、多说
    duoshuo: false
    #2、网易云跟帖
    wangyiyun: 980156xxxxxxxxxxxxxxxxxxx
    #3、畅言
    changyan_appid: false
    changyan_conf: false
    #4、Disqus 在hexo根目录的config里也有disqus_shortname字段,优先使用yilia的
    disqus: false
    

    4、此时再去打开你的博客文章,文章的底部就会出现一个网易云跟帖的评论区了


    七牛云资源部署

    1、注册七牛云, 登陆并进入资源主页,找到“对象存储”选择“立即添加”,新建一个存储空间。

    • 存储空间名称 随意,
    • 存储区域 建议选择自己所在地归属区域
    • 访问控制 公开空间:所有人都能访问得到,私有空间:需要携带密钥访问。

    2、


    进入blog存储空间,进入内容管理,上传你的资源文件,文件上传完成,点击文件右侧的眼睛标志即可查看外链地址。在博客项目中使用图片资源的时候直接将资源路径替换成外链地址即可。![](http://xxxxxx.clouddn.com/images/1.png)

    3、上传文件



    1、文件上传前先填写一下“路径前缀”,七牛云里面文件管理没有文件夹的概念,只能以这个前缀进行分类。
    2、未填写路径前缀上传文件后默认名称即文件名,文件多了以后,没有前缀的这种方式,就会变得极难管理。
    3、存储方式根据自己资源的使用频率进行选择,单位时间请求频率较低的资源可以选择低频存储,其它情况那就是标准存储了。

    相关文章

      网友评论

          本文标题:Hexo博客更换主题、添加网易云评论、资源部署七牛云

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