潇湘夜雨 http://shauew.tech/ 个人站 Sat, 23 Sep 2017 09:48:10 GMT http://hexo.io/ Hexo添加域名备案图案及备案号到页脚 http://shauew.tech/2017/09/23/18.Hexo%E6%B7%BB%E5%8A%A0%E5%A4%87%E6%A1%88%E5%9B%BE%E6%A1%88%E5%8F%8A%E4%BF%A1%E6%81%AF%E5%88%B0%E9%A1%B5%E8%84%9A/ http://shauew.tech/2017/09/23/18.Hexo%E6%B7%BB%E5%8A%A0%E5%A4%87%E6%A1%88%E5%9B%BE%E6%A1%88%E5%8F%8A%E4%BF%A1%E6%81%AF%E5%88%B0%E9%A1%B5%E8%84%9A/ Sat, 23 Sep 2017 09:06:38 GMT <h1 id="申请备案"><a href="#申请备案" class="headerlink" title="申请备案"></a>申请备案</h1><p>登陆<a href="http://www.beian.gov.cn/portal/index" target="_blank" rel="external">全国公安机关互联网站安全服务平台</a>,注册账号并按照官网说明申请域名备案。如果顺利的话,一周后会备案成功。</p> 申请备案

登陆全国公安机关互联网站安全服务平台,注册账号并按照官网说明申请域名备案。如果顺利的话,一周后会备案成功。

获取备案图案及信息

备案通过后可在全国公安机关互联网站安全服务平台下载备案图案及备案编号HTML代码。

备案图案如下:

备案图案

备案代码如下:

1
2
3
<div style="width:300px;margin:0 auto; padding:20px 0;">
<a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=51010602000549" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;"><img src="" style="float:left;"/><p style="float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px; color:#939393;">川公网安备 51010602000549号</p></a>
</div>

将备案图案及备案号添加到Hexo页脚

首先为了部署后能在静态页中找到备案图案,需要先将备案图案置于 Hexo\themes\next\source\images 下,生成博客后通过 /images/备案图标.png 的方式来索引到。

之后修改 Hexo\themes\next\layout_partials 下的 footer.swig 文件来插入备案信息到页脚。将备案代码贴入改文件下的末尾,如下面的代码块所示:

1
2
3
4
5
6
7
8
9
{% if theme.copyright %}
<div class="theme-info">
xxxxxxxxxxxxxxxxxxxxxx
</div>
{% endif %}
<div style="width:300px;margin:0 auto; padding:20px 0;">
<a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=51010602000549" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;"><img src="" style="float:left;"/><p style="float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px; color:#939393;">川公网安备 51010602000549号</p></a>
</div>

通过“hexo s”指令查看本地博客,可以看到备案信息已经显示在页脚,但是没有备案图案。

修改上面的代码,将备案信息中的

1
<img src="" style="float:left;"/>

段做如下修改:

1
<img src="/images/备案图标.png" style="float:left;"/>

添加了图片的相对路径(原来没有),之后再本地博客里面刷新,就可以看到备案图案及信息了。

Tips

有没有发现备案信息和Hexo原来的页脚之间间距较大,可以通过将备案代码

1
<div style="width:300px;margin:0 auto; padding:20px 0;">

中的 padding:20px 改成5个皮克斯,这样看上去就比较自然了。

谢谢观看!

]]>
http://shauew.tech/2017/09/23/18.Hexo%E6%B7%BB%E5%8A%A0%E5%A4%87%E6%A1%88%E5%9B%BE%E6%A1%88%E5%8F%8A%E4%BF%A1%E6%81%AF%E5%88%B0%E9%A1%B5%E8%84%9A/#disqus_thread
LoRa及LoRaWAN简介 http://shauew.tech/2017/09/18/17.LoRa%E5%8F%8ALoRaWAN%E7%AE%80%E4%BB%8B/ http://shauew.tech/2017/09/18/17.LoRa%E5%8F%8ALoRaWAN%E7%AE%80%E4%BB%8B/ Sun, 17 Sep 2017 17:25:04 GMT <h1 id="LoRa"><a href="#LoRa" class="headerlink" title="LoRa"></a>LoRa</h1><p><strong>LoRa</strong>是LPWAN通信技术中的一种,是美国Semtech公司采用和推广的一种<strong>基于扩频技术的超远距离无线传输方案</strong>。这一方案改变了以往关于传输距离与功耗的折衷考虑方式,为用户提供一种简单的能实现远距离、长电池寿命、大容量的系统,进而扩展传感网络。目前,LoRa主要在全球免费频段运行,包括433、868、915 MHz等。</p> LoRa

LoRa是LPWAN通信技术中的一种,是美国Semtech公司采用和推广的一种基于扩频技术的超远距离无线传输方案。这一方案改变了以往关于传输距离与功耗的折衷考虑方式,为用户提供一种简单的能实现远距离、长电池寿命、大容量的系统,进而扩展传感网络。目前,LoRa主要在全球免费频段运行,包括433、868、915 MHz等。

LoRa网络

LoRa网络主要由终端(可内置LoRa模块)、网关(或称基站)、Server和云四部分组成。应用数据可双向传输。

lora网络结构

LoRaWAN

LoRaWAN是LoRa联盟推出的一个基于开源的MAC层协议的低功耗广域网(Low Power Wide Area Network, LPWAN)标准。这一技术可以为电池供电的无线设备提供局域、全国或全球的网络。LoRaWAN瞄准的是物联网中的一些核心需求,如安全双向通讯、移动通讯和静态位置识别等服务。该技术无需本地复杂配置,就可以让智能设备间实现无缝对接互操作,给物联网领域的用户、开发者和企业自由操作权限。

Class A:双向通信终端设备。这一类的终端设备允许双向通信,每一个终端设备上行传输会伴随着两个下行接收窗口。终端设备的传输槽是基于其自身通信需求,其微调是基于一个随机的时间基准(ALOHA协议)。Class A所属的终端设备在应用时功耗最低,终端发送一个上行传输信号后,服务器能很迅速地进行下行通信,任何时候,服务器的下行通信都只能在上行通信之后。

Class B:具有预设接收槽的双向通信终端设备。这一类的终端设备会在预设时间中开放多余的接收窗口,为了达到这一目的,终端设备会同步从网关接收一个Beacon,通过Beacon将基站与模块的时间进行同步。这种方式能使服务器知晓终端设备正在接收数据。

Class C:具有最大接收槽的双向通信终端设备。这一类的终端设备持续开放接收窗口,只在传输时关闭。

谢谢观看!

]]>
http://shauew.tech/2017/09/18/17.LoRa%E5%8F%8ALoRaWAN%E7%AE%80%E4%BB%8B/#disqus_thread
如何将Hexo博客登入百度入口 http://shauew.tech/2017/09/13/16.%E5%A6%82%E4%BD%95%E5%B0%86hexo%E5%8D%9A%E5%AE%A2%E7%99%BB%E5%85%A5%E7%99%BE%E5%BA%A6%E5%85%A5%E5%8F%A3/ http://shauew.tech/2017/09/13/16.%E5%A6%82%E4%BD%95%E5%B0%86hexo%E5%8D%9A%E5%AE%A2%E7%99%BB%E5%85%A5%E7%99%BE%E5%BA%A6%E5%85%A5%E5%8F%A3/ Tue, 12 Sep 2017 16:01:00 GMT <p>通常我们会把 Hexo 博客挂到 github pages 上,但这样无法被百度收录,所以这里推荐将 Hexo 部署到 coding 上面。</p> <h1 id="将-Hexo-同时部署到-github-及-coding-上面"><a href="#将-Hexo-同时部署到-github-及-coding-上面" class="headerlink" title="将 Hexo 同时部署到 github 及 coding 上面"></a>将 Hexo 同时部署到 github 及 coding 上面</h1><p>首先是创建 coding 的 ssh 秘钥并绑定到 coding 上,这样可以免密推送。具体与 github 上面的设置类似,就不赘述了。</p> 通常我们会把 Hexo 博客挂到 github pages 上,但这样无法被百度收录,所以这里推荐将 Hexo 部署到 coding 上面。

将 Hexo 同时部署到 github 及 coding 上面

首先是创建 coding 的 ssh 秘钥并绑定到 coding 上,这样可以免密推送。具体与 github 上面的设置类似,就不赘述了。

编辑站点配置文件,如下:

1
2
3
4
deploy:
type: git
repository: git@github.com:xxxxx/xxxxx.github.io.git
branch: master

将部署格式改为下面这种形式,即可将Hexo博客同步部署到 github 及 coding。

1
2
3
4
5
deploy:
type: git
repo:
github: git@github.com:xxxxx/xxxxx.github.io.git,master
coding: git@git.coding.net:xxxxx/xxxxx.coding.me.git,master

coding 上面的 pages 的配置过程这里也不赘述了。

域名解析

如果绑定了个性域名的话,可以将个性域名指向两个主页,一般国外指向 github,国内指向 coding,这样访问速度也会快一些。dnspod 配置如下:

主机记录记录类型线路类型记录值
*CNAME国内xxxxx.coding.me
@CNAME国内xxxxx.coding.me
wwwCNAME国内xxxxx.coding.me
wwwCNAME默认pages.coding.me
wwwCNAME国外xxxxx.github.io

注意:个性域名如果没有备案的话,友言评论会报抱歉,当前网页参数有误,操作失败

百度站长入口

百度站长平台支持html文件、html标签及CNAME三种方法来验证域名归属,推荐使用html文件方法。

为了不让验证的html文件改变,需要将html文件放置到主题目录下的source文件夹下,之后就可以验证域名归属了。

接下来在博客根目录下安装站点地图插件:

1
2
npm install hexo-generator-sitemap --save
npm install hexo-generator-baidu-sitemap --save

在博客目录的_config.yml中添加如下代码:

1
2
3
4
5
# 自动生成sitemap
sitemap:
path: sitemap.xml
baidusitemap:
path: baidusitemap.xml

在主题目录的_config.yml中使能百度推送:

1
baidu_push: true

之后就可以在百度站长入口中抓取到你博客的链接了。

谢谢观看!

]]>
http://shauew.tech/2017/09/13/16.%E5%A6%82%E4%BD%95%E5%B0%86hexo%E5%8D%9A%E5%AE%A2%E7%99%BB%E5%85%A5%E7%99%BE%E5%BA%A6%E5%85%A5%E5%8F%A3/#disqus_thread
如何使用七牛作为图床 http://shauew.tech/2017/09/12/15.%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8%E4%B8%83%E7%89%9B%E4%BD%9C%E4%B8%BA%E5%9B%BE%E5%BA%8A/ http://shauew.tech/2017/09/12/15.%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8%E4%B8%83%E7%89%9B%E4%BD%9C%E4%B8%BA%E5%9B%BE%E5%BA%8A/ Mon, 11 Sep 2017 17:35:28 GMT <p>通常图片可以放在服务器里面随博文一起外发,但如果使用类似github之类的静态页的话空间很有限,所以我们需要从网络上链接到图片以节省空间。</p> <p>这里推荐使用七牛(10GB免费存储,每月10GB免费下载流量)。</p> <h1 id="注册七牛"><a href="#注册七牛" class="headerlink" title="注册七牛"></a>注册七牛</h1><p>首先需要注册并登陆<a href="https://portal.qiniu.com/signup?code=3lnfyqecg5w7m" target="_blank" rel="external">七牛</a>,按照官网说明创建空间(最好创建公开空间)。</p> 通常图片可以放在服务器里面随博文一起外发,但如果使用类似github之类的静态页的话空间很有限,所以我们需要从网络上链接到图片以节省空间。

这里推荐使用七牛(10GB免费存储,每月10GB免费下载流量)。

注册七牛

首先需要注册并登陆七牛,按照官网说明创建空间(最好创建公开空间)。

上传图片

  1. 使用网页上传

    我创建的空间为hexo-image-store,打开存储空间的内容管理,可以从这里上传图片(通过上传文件)。

    内容管理

    图片URL由外链加相对路径下的随机码组成,图中的图片URL如下:

    1
    http://ow2qstwlo.bkt.clouddn.com/Blog/170911/jBj4c87IiE.jpg
  2. 使用图床神器上传

    下载MPic-图床神器,设置账号。空间名为七牛对象存储空间名称(类似于刚刚创建的hexo-image-store),AccessKey和SecretKey在七牛个人面板下的密钥管理中,域名为七牛对象存储空间中内容管理页签下的外链默认域名。

    配置好七牛账号后看到图床神器的面板:

    神器面板

    将图片拖动到面板上即可上传到我们对应的空间,上传成功后面板变成下面的样子:

    上传成功

    点击复制后默认得到Markdown格式的代码,可以直接贴到你的Markdown文本中:

    1
    ![mark](http://ow2qstwlo.bkt.clouddn.com/Blog/170912/jH6eJgHI5i.png?imageslim)

    其中mark处表示图片还未加载成功时显示的替换文本;还可以在最后的括号前加”xxx”来作为图片下标,示例如下:

    1
    ![上传成功](http://ow2qstwlo.bkt.clouddn.com/Blog/170912/jH6eJgHI5i.png?imageslim "上传成功后面板样式")

谢谢观看!

]]>
http://shauew.tech/2017/09/12/15.%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8%E4%B8%83%E7%89%9B%E4%BD%9C%E4%B8%BA%E5%9B%BE%E5%BA%8A/#disqus_thread
Hexo添加评论及打赏功能 http://shauew.tech/2017/09/10/14.Hexo%E6%B7%BB%E5%8A%A0%E8%AF%84%E8%AE%BA%E5%8F%8A%E6%89%93%E8%B5%8F%E5%8A%9F%E8%83%BD/ http://shauew.tech/2017/09/10/14.Hexo%E6%B7%BB%E5%8A%A0%E8%AF%84%E8%AE%BA%E5%8F%8A%E6%89%93%E8%B5%8F%E5%8A%9F%E8%83%BD/ Sun, 10 Sep 2017 14:20:49 GMT <h1 id="添加友言评论功能"><a href="#添加友言评论功能" class="headerlink" title="添加友言评论功能"></a>添加友言评论功能</h1><ol> <li><p>注册友言</p> <p> 打开<a href="http://www.uyan.cc/" target="_blank" rel="external">友言</a>官网,单击“注册”按钮后注册</p> </li> <li><p>获取uid</p> <p> 单击“后台管理”获取ID</p> </li> </ol> 添加友言评论功能
  1. 注册友言

    打开友言官网,单击“注册”按钮后注册

  2. 获取uid

    单击“后台管理”获取ID

  1. 配置友言

    编辑主题配置文件,插入uid

    1
    2
    3
    # Support for youyan comments system.
    # You can get your uid from http://www.uyan.cc
    # youyan_uid: your uid

    编辑站点配置文件,添加以下内容

    1
    2
    3
    # Support for youyan comments system.
    # You can get your uid from http://www.uyan.cc
    youyan_uid: xxxxx

添加打赏功能

  1. 获取微信收款二维码及支付宝收款二维码

    请自行百度吧

  2. 将二维码图片放到主题根目录/source/images/文件夹

    尽量使用英文

  3. 开启打赏功能

    找到主题配置文件,在其最后添加打赏的配置信息

    1
    2
    3
    4
    5
    # Reward
    #reward_comment: Donate comment here
    #wechatpay: /images/wechatpay.jpg
    #alipay: /images/alipay.jpg
    #bitcoin: /images/bitcoin.png

    去掉微信支付及阿里支付前的注释符号,并将后面的图片换成自己的图片名

    1
    2
    3
    reward_comment: 打赏请看这儿
    wechatpay: /images/weixinsoukuan_20170910223421.jpg
    alipay: /images/zhifubaoshoukuan_20170910223530.jpg

谢谢观看!

]]>
http://shauew.tech/2017/09/10/14.Hexo%E6%B7%BB%E5%8A%A0%E8%AF%84%E8%AE%BA%E5%8F%8A%E6%89%93%E8%B5%8F%E5%8A%9F%E8%83%BD/#disqus_thread